How to Use Aqua Web Inspector for ASP.NET Core Development in Rider
History has produced many perfect duos, from peanut butter and jelly, Batman & Robin, Mickey and Minnie Mouse, and John Lennon and Paul McCartney. In this post, we’ll see how combining the two JetBrains products, JetBrains Rider and JetBrains Aqua, can create a joyful development experience in your ASP.NET development workflow. Once you use this experience, you’ll wonder how you lived without it.
What Is JetBrains Aqua?
JetBrains Aqua builds on the legacy of the IntelliJ platform to provide engineers with a first-class test automation IDE. Aqua helps you author and maintain tests and is for team members to sustain code-quality standards. Aqua is available as a standalone IDE or a Plugin for existing JetBrains products.
Aqua differs from our other products as its features include an embedded web inspector with CSS and XPath locators, enhanced syntax highlighting for Web-UI testing frameworks, a zero-configuration project wizard, and customizable file templates. The IDE also features familiar plugins such as the HTTP client, OpenAPI support, and unit testing frameworks support.
As JetBrains Rider users, you can try Aqua by installing it from the JetBrains Plugins marketplace.
Aqua Web Inspector for ASP.NET Core
Aqua provides users with a new tool window named Web Inspector, which bundles a Chromium browser into your IDE. The tool allows you to locate HTML elements in the document object model and create selectors for UI tests. You’re likely familiar with this rendering engine if you’re a Google Chrome or Microsoft Edge user. Once you’ve installed the Aqua plugin, you’ll notice a globe-shaped magnifying glass icon on the right-hand tool dock.
From an ASP.NET Core solution, start by opening the Web Inspector tool window. You’ll notice a blank browser with an address bar at the top and a Locators Evaluator window. Start your web project, paste the URL into the address bar, and you’ll have a side-by-side web development experience. From here, you can use JetBrains Rider features to apply hot reload changes instantly.
With the new Web Inspector, you have a truly Integrated Development Environment for your web development workflows. With JCEF, you can access the developer tools console, view the source, check network calls, track application performance, and do anything you want with Chromium Developer tools.
All the benefits of the best web rendering engine all within your favorite IDE. What could be better?
The synergy between JetBrains products gives developers both intended and unintended benefits. In this case, JetBrains Aqua intends to help quality assurance team members create and maintain test suites efficiently. The Web Inspector tool window can allow anyone working with ASP.NET Core to have a capable browser in-IDE at all times. In addition, you can increase your development velocity by having a tighter feedback loop between code changes.
As always, thanks for reading our posts, and be sure to leave your comments below.
Image Credit: Freddy G
Subscribe to Blog updates
Thanks, we've got you!
A Second Set of Bug Fixes: ReSharper 2023.2.2 and Rider 2023.2.2 Are Here!
ReSharper and Rider have just received their second set of bug-fix updates for the 2023.2 release! Let’s take a look at the most important issues that have been resolved in this update. ReSharper For the full list of resolved issues, please refer to our issue tracker. …
ReSharper 2023.3 Early Access Program Begins!
Hello everyone, The Early Access Program for ReSharper 2023.3 has started! Before you download the first EAP build, let’s take a look at what is in store for you. Working with aliases With this first EAP build, we are introducing support for C# 12’s ability for alias directives to refer…
Rider Kicks Off the Early Access Program for the 2023.3 Release!
The Early Access Program for Rider 2023.3 has just begun with the release of the Rider 2023.3 EAP 1 build. There are several ways to get your hands on it: Download and install them from our website. Use the Toolbox App. Install this snap package from the SnapCraft store if you’re using a c…
Eager, Lazy and Explicit Loading with Entity Framework Core
Entity Framework Core (EF Core) supports a number of ways to load related data. There’s eager loading, lazy loading, and explicit loading. Each of these approaches have their own advantages and drawbacks. In this post, let’s have a quick look at each of these ways to load data for navigational prope…