Do these 3 things before closing this tab:
1Repair Windows errors before they cause bigger problems2Scan for outdated or missing drivers - takes under a minute3Clear out junk files and repair common Windows errorsCypress Studio records interactions in your app and turns them into editable Cypress end-to-end test code. Open a spec or suite in the Cypress App’s Open Mode, choose New Test, enter a test name and app URL, then interact with the app. Review the generated commands and add assertions that check the behavior you actually expect. Basic recording and manual assertions do not require Cypress Cloud; Studio AI’s optional assertion recommendations do.
What Cypress Studio records—and what it does not
Studio captures browser actions such as clicking, typing, checking or unchecking a checkbox, and selecting an option. It writes the corresponding Cypress commands into your spec so you can inspect and edit them. A recording is a starting point, not proof that a test is complete: you still need to decide what outcome matters, add meaningful assertions, and run the test.
Studio’s manual recording and editing are distinct from Studio AI. The AI feature can recommend assertions based on visible DOM changes after an interaction. It does not inspect your application code, business logic, or backend rules, so it cannot determine whether a visible result is the right result for your product.
Before you start
- Use Cypress Studio in the Cypress App’s Open Mode. Studio is default behavior starting with Cypress 15.4.0; older setup instructions to enable the
experimentalStudioflag are obsolete. See Cypress’s experimental features history. - Studio requires internet access and sourcemaps so it can load test code accurately. Sourcemaps are enabled by default in most Cypress configurations. If Studio reports that it cannot load the test code, check your sourcemap configuration.
- Use an end-to-end (E2E) test. Studio does not support component tests or Cucumber-style tests.
- For Studio AI recommendations, use Cypress 15.11.0 or later and a Cypress Cloud account with the project linked. These requirements do not apply to basic recording or manual assertions.
Cypress’s first end-to-end test guide provides introductory context if you have not yet created a Cypress E2E test.
#1 Best Overall
- Read Before You Buy — No Video Output: These adapters support charging and USB 2.0 data transfer, but cannot transmit video signals. Except for standard USB webcams (which use USB data only), they are not compatible with HDMI/DisplayPort cables, video-capable USB-C hubs, or docking stations with video output.
- Convert USB-A Ports to USB-C: Designed to connect USB-C earphones, cables, flash drives, card readers, and other USB-C accessories to standard USB-A ports. Plug-and-play with no drivers or software required.
- Aluminum Alloy Housing: Built with a sturdy aluminum alloy shell that aids in heat dissipation and protects against daily wear and scratches. Designed to maintain a stable and secure connection.
- Compact & Travel-Friendly: The ultra-compact design allows the adapter to stay plugged into your device without blocking adjacent ports or adding bulk, reducing wear and tear on your original USB ports.
- 12-Month Warranty: Backed by a 12-month manufacturer warranty for peace of mind. Designed to meet strict quality control standards for reliable everyday performance.
How to record a new test in Cypress Studio
- Open the project in the Cypress App. Work in Open Mode, then locate the spec file or suite where the test belongs.
- Choose New Test. Enter a descriptive test name and your application URL. Studio creates the test and adds a
cy.visit()command for that URL. - Interact with the app. Click buttons or links, type into fields, change checkbox states, and select options as a user would. Studio writes supported interactions into the test as you go.
- Pause when you need to inspect. You can pause recording to examine elements in DevTools, then resume when ready.
- Review the generated code and selectors. Confirm that commands target the intended controls and that selectors are stable enough for your app.
- Add assertions and save. Add checks for the outcomes that matter, edit the code as needed, and save the changes to the spec file.
- Run the test. Verify that it passes and that its assertions would fail if the intended behavior broke.
The interactions Studio currently documents are .click(), .type(), .check(), .uncheck(), and .select(). Do not assume that every browser action or application-specific flow will be captured automatically.
How to extend an existing test
- Run the spec in the Cypress App.
- In the Command Log, hover over the test you want to extend and choose Edit in Studio.
- Studio replays the existing commands and enters recording mode after the last command.
- Perform the additional interactions and add assertions. Studio appends them after the existing commands.
- Inspect the appended code, save, and run the test again.
Because Studio appends actions at the end of the existing test, make sure the app is in the expected state at that point. A flow that depends on a different starting state may be better expressed as a separate test.
Rank #2
- 5-in-1 USB-C Hub: Experience comprehensive connectivity featuring a Power Delivery input, two USB-A 2.0 ports, a USB-A 3.0 port, and an HDMI port. (Note: The USB-C power delivery input port is only for connecting an external wall charger to power your laptop and cannot power peripheral devices.)
- 90W Pass-Through Charging: Achieve optimal charging with 90W pass-through power to your laptop, supported by a total input of 100W, with the hub reserving 10W for operational efficiency. (Note: Wall charger not included.)
- Quick Data Transfers: Accelerate your productivity with rapid data transfers using a high-speed 5Gbps USB 3.0 port and two 480Mbps USB 2.0 ports.
- 4K HDMI Display: Enhance your visual experience with a hub capable of delivering 4K resolution at 30Hz in both mirror and extend modes. Please note that this hub is compatible with MacBook (macOS 12 and newer), Windows 10 and 11, ChromeOS, and laptops equipped with DP Alt Mode and Power Delivery. Note: This device is not compatible with Linux.
- What You Get: Anker USB-C Hub (5-in-1, 4K HDMI), welcome guide, 18-month warranty, and our friendly customer service.
Selectors, assertions, and editing
Review the selectors Studio chooses
Studio looks for a unique element using this documented priority: data-cy, data-test, data-testid, data-qa, name, id, class, tag, other attributes, then nth-child. A generated selector is editable code, not a guarantee that the selector matches your team’s conventions or will remain stable. Projects can customize selector priorities with Cypress.ElementSelector.
Add assertions that express intended behavior
Right-click an element in Studio to choose a manual assertion appropriate to its state, such as checking visibility, text, value, or class. Assertions are appended to the test. Prefer checks that describe an observable outcome the user or product requires rather than merely repeating that an interaction occurred.
Recommended Free Tools
Rank #3
- Sleek 7-in-1 USB-C Hub: Features an HDMI port, two USB-A 3.0 ports, and a USB-C data port, each providing 5Gbps transfer speeds. It also includes a USB-C PD input port for charging up to 100W and dual SD and TF card slots, all in a compact design.
- Flawless 4K@60Hz Video with HDMI: Delivers exceptional clarity and smoothness with its 4K@60Hz HDMI port, making it ideal for high-definition presentations and entertainment. (Note: Only the HDMI port supports video projection; the USB-C port is for data transfer only.)
- Double Up on Efficiency: The two USB-A 3.0 ports and a USB-C port support a fast 5Gbps data rate, significantly boosting your transfer speeds and improving productivity.
- Fast and Reliable 85W Charging: Offers high-capacity, speedy charging for laptops up to 85W, so you spend less time tethered to an outlet and more time being productive.
- What You Get: Anker USB-C Hub (7-in-1), welcome guide, 18-month warranty, and our friendly customer service.
Edit and save the generated test
The Studio panel supports inline code editing, undo, redo, and reset. Review the source before saving: simplify or replace fragile selectors, remove unintended actions, and make sure each assertion tests the desired outcome. Saving writes the changes into the spec file, where you can continue editing the test as ordinary Cypress code.
When Studio AI helps—and its limits
Studio AI observes DOM changes after recorded interactions and offers suggested assertions for you to review. It can help identify visible changes worth checking, but it cannot tell whether those changes satisfy business requirements or whether a backend operation succeeded. Treat every suggestion as a proposal: inspect it, keep or edit it deliberately, and run the test.
Rank #4
- Dual Converters, Infinite Potential：Includes 2× USB C male to USB A female adapters and 2× USB A male to USB C female adapters. Perfect for a wide range of uses—tablets with Bluetooth keyboards, expand USB ports on macbook, and more. Two different converters for all your daily needs
- Next-Level 10Gbps & 3A Charging: No more slow 480Mbps, this usb to usb c adapter has a transfer speed of up to 10Gbps, allowing you to do more transferring in less time. This usb adapter fits both USB A and USB C charger, supporting up to 3A fast charging
- Upgraded Exquisite Craftsmanship: With an aluminum alloy housing and metal connector, the usbc to usb adapter is extremely durable and sturdy. Rigorously tested to withstand more than 10,000 times of plugging and unplugging, ensuring long-lasting performance
- Broad Compatible: The usb c to usb adapter widely supports all USB C/ USB A devices like laptops, tablets, cellphones, car chargers, and phone chargers. Such as compatible with MacBook Pro/Air 2023/2022, Thunderbolt 4/3 Devices,Apple MagSafe Watch 9/8/7/SE/Ultra, iPad Pro 2022/2021, Samsung Galaxy S23/S20/S10, and iPhone 17/16/15 Pro. Plug and play
- Please Note: To reach 10Gbps speed, keep the cable under 3.3 ft. For USB A Male to USB C adapters, try flipping the USB C connector. USB C Male to USB A adapters support bidirectional 10Gbps transfer within 3.3 ft
The current Cypress Studio guide describes an anonymous trial of up to six accepted recommendations before sign-in is requested. It also lists limits of 60 recommendations per hour for a free Cloud account, 300 per hour for a paid account or free trial, and 10 parallel recommendation requests shared across plans. The guide describes AI as included at no additional charge during beta and says limits and pricing may change. These operational figures and terms are volatile; check the current Studio guide before relying on them.
AI suggestions can be affected by animations and transitional UI, which may expose intermediate DOM changes, and large pages may exceed the AI context window. Studio AI does not crawl an application automatically. If a test is failing, recording and AI recommendations are disabled until the failure is addressed.
Quick wins for a faster PC:
Scan for outdated or missing drivers - takes under a minuteDriver Scan →Clear out junk files and repair common Windows errorsFree Scan →Fix the driver behind crashes, sound loss and screen glitchesFind Drivers →Best Value
- 5-in-1 Connectivity: Equipped with a 4K HDMI port, a 5 Gbps USB-C data port, two 5 Gbps USB-A ports, and a USB C 100W PD-IN port. Note: The USB C 100W PD-IN port supports only charging and does not support data transfer devices such as headphones or speakers.
- Powerful Pass-Through Charging: Supports up to 85W pass-through charging so you can power up your laptop while you use the hub. Note: Pass-through charging requires a charger (not included). Note: To achieve full power for iPad, we recommend using a 45W wall charger.
- Transfer Files in Seconds: Move files to and from your laptop at speeds of up to 5 Gbps via the USB-C and USB-A data ports. Note: The USB C 5Gbps Data port does not support video output.
- HD Display: Connect to the HDMI port to stream or mirror content to an external monitor in resolutions of up to 4K@30Hz. Note: The USB-C ports do not support video output.
- What You Get: Anker 332 USB-C Hub (5-in-1), welcome guide, our worry-free 18-month warranty, and friendly customer service.
Limitations to account for
- End-to-end tests only: Studio does not support component tests or Cucumber-style tests.
- Single-origin recording: it cannot record interactions across multiple origins.
- Unsupported page contexts: it does not support recording inside iframes or Shadow DOM.
- AI is not a business-logic oracle: recommendations are based on visible DOM changes, not application code, backend rules, or product intent.
- Failure blocks recording: resolve a failing test before expecting Studio recording or AI recommendations to work.
If your flow depends on a second origin, an iframe, or Shadow DOM, plan to author or adapt the relevant test code outside Studio’s recording workflow.
Cypress Studio and Cypress Cloud are different
Studio records interactions to help author a test. Cypress Cloud records test-run results, commonly from CI, and offers run history and analytics. Basic Studio recording and manual assertions work without Cloud; Studio AI recommendations require a Cloud account and linked project. Cypress’s CI overview describes Cloud in the context of test runs.
Or skip the browser setup
ScreenshotNeo is a separate website screenshot API and MCP server, not a Cypress test recorder. If your task is to capture a page image or PDF rather than author an E2E test, one GET request can return a screenshot. See the ScreenshotNeo documentation.
Quick Recap
curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webpScreenshotNeo removes cookie banners, popups, and chat widgets before capture; bot checks, blank pages, and failed loads are never billed; its MCP server lets AI agents take screenshots; and 1,000 screenshots per month are free with no card, with paid plans starting at $5 for 3,000. Sign up free for 1,000 screenshots a month with no card.
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
