This blog post was originally published on dev.to. This time last year Standalone Component's were the talk of the Angular town. This year signals have replaced that buzz throughout the Angular Ecosystem. Though it will take some time for the introduction of signals into Angular's ecosystem to take…
Using Dependency Injection in React with Cypress Component Testing
Testing React components with Cypress is relatively straightforward. However, you might run into an instance where some of the modules imported in your component are getting in the way of testing its functionality, and you'd like a way to work around them. A technique that can be used to help with…
Test-Driven UI Development with Cypress Component Testing
As developers, testing can sometimes feel like extra work that we need to take on after building our UI components. We build a component, manually test it in the app, and then write tests to describe how our component should behave. At least, that’s how I used to think about testing my UI components…
Cypress Component Framework Definition API
Cypress prides itself on providing a first-class experience for Component Testing. Part of this experience is our onboarding process that automatically detects the library and framework used in a project, and scaffolds the relevant files and configuration. Starting with Cypress 12.7, we are exposin…
Component Testing Next.js with Cypress
Cypress Component Testing allows you to build and test individual components using popular front-end frameworks, and one of the most popular frameworks in use today is Next.js. Front-end libraries like React and Vue are designed to structure your application into small, reusable components, but a fr…