--- title: "cy.blog()" url: "https://www.cypress.io/blog/tag/component-testing" description: "Browse every Cypress blog post tagged Education: Component Testing, newest first, with articles from the Cypress team and community." --- # cy.blog() Releases, AI-assisted testing, and quality guides from the Cypress team. See what changed, whether it affects you, and how teams ship with confidence. [See all posts in category 'Education'](/blog/category/Education) ## Posts marked with tag component-testing [Component Testing for Engineering Leadership This post is the third of a series that explores how Component Testing can benefit different parts of your team or organization. If you’re wondering why you and your team should adopt Component Testing, this series is for you! We covered how developers and QA teams can improve the quality of their front-end code through Cypress Component Testing. In this post, we’ll dig into how Component Testing can improve the efficiency of the managers’ teams. As an engineering leader, you are often challen Read more](/blog/component-testing-for-engineering-leadership) [Make Sure You Do This Before Switching To Signals in App Development Testing 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 hold, it is important for us to begin thinking about how these changes may or may not affect our applications. In fact, I am proposing one thing that everyone should do before switching to signals. B Read more](/blog/switching-to-signals-angular) [Using Dependency Injection in React with Cypress Component Testing Testing React components 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 this problem is called dependency injection. In this post, I'll cover what dependency injection is and a simple method of implementing it so you can get on testing your components! What is Dependency Injection? Read more](/blog/using-dependency-injection-in-react-with-cypress-component-testing) [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 before I started using Component Testing at Cypress. Before joining Cypress, I was used to component testing tools that rendered components using a simulated DOM like jsdom. However, this wasn’t an Read more](/blog/test-driven-ui-development-with-cypress-component-testing) [Cypress Component Testing Integration 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 exposing our internal API for the community to leverage and integrate directly into Cypress. This reduces the configuration burden, allowing developers to start testing their components more quickly and easi Read more](/blog/cypress-component-framework-definition-api) [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 framework like Next.js provides a set of capabilities that layers on top of those components which can blur the lines between what is and what isn't a "component behavior". This can make it difficult t Read more](/blog/component-testing-next-js-with-cypress) [What Cypress Component Testing Means for QA and "Shifting Left" This post is the second of a series that explores how Component Testing can benefit different parts of your team or organization. If you’re wondering why you and your team should adopt Component Testing, this series is for you! In our first post of this series, we discussed how Cypress Component Testing isbeneficial for developers. In this post, we'll delve into how Component Testing can improve collaboration and alignment between development and QA teams by allowing them to run end-to-end and Read more](/blog/what-cypress-component-testing-means-for-qa-teams) [What Cypress Component Testing Means for Developers Recently, we launched Component Testing to GA! In this blog series, we’re going to break down how Component Testing brings layered benefits to different parts of your team or organization. If you’re wondering why you and your team should adopt Component Testing, this series is for you! In this first post, we’ll dive into Component Testing benefits for developers. Let’s start with the development workflow. Cypress Component Testing is a leap forward in the experience of writing component tests, Read more](/blog/cypress-component-testing-for-developers) [Announcing Cypress Component Testing GA and Performance Improvements in Cypress 11 Today your tests get an upgrade as we launched Cypress 11! We have a few exciting additions to share. Let's dig in! Cypress Component Testing Goes GA Cypress Component Testing (CT) allows you to build and test individual components using popular front-end frameworks in isolation. Tests run in the browser and enable you to test the behavior of components with the tooling you are accustomed to. Since it's still Cypress, you use the same familiar APIs to write and organize component tests and ha Read more](/blog/announcing-cypress-11) [Upcoming Changes to Component Testing Cypress 7 introduced the alpha version of a new testing type – the first since Cypress’ inception – Component Testing. Cypress 10 brought a number of updates and improvements, marking the beta version of Component Testing. Early next week, we will be releasing Cypress 11. With this release, we are excited to announce that we are removing the beta tag. Cypress Component Testing has a stable API, and is now considered generally available. As part of Cypress 11, we are making some small changes t Read more](/blog/upcoming-changes-to-component-testing) [How Cypress Component Testing changed our workflow (and how I came to work here) Before I joined Cypress last year, the alpha version of Cypress Component Testing \[https://on.cypress.io/component\] changed the way my team did front-end work at my previous job, allowing us to consolidate three tools into one. This was the experience that ultimately led to me joining the Component Testing team at Cypress, where I got to help move the feature out of alpha and towards a full release. Since then, we’ve released Cypress 10 with support for testing React, Vue, Angular, and (soon!) Read more](/blog/how-component-testing-changed-our-workflow-and-how-i-came-to-work-at-cypress) [Cypress 10.5.0: Introducing Angular Component Testing Earlier this year, we announced our biggest release \[https://www.cypress.io/blog/2022/06/01/cypress-10-release/\] of Cypress ever. This introduced a new unified UI, faster test runs, and support for a new type of testing, Component Tests. This initial release included Component Testing support for both React and Vue with the plan to add additional framework support over the next few months. Today, we are happy to deliver on that promise by adding first-class support for Component Testing for Ang Read more](/blog/cypress-10-5-0-introducing-angular-component-testing) [Announcing Cypress 10 with Component Testing Beta! Hello, friends! Today, we have an exciting announcement to share. The title up above might have given it away, but in case you missed it, Cypress 10 is here 🎉! Cypress 10 is our most exciting release yet, and we have a lot to unpack, so let's dive in and look at some of the new functionality. New Cypress App The new Cypress appWe reworked the Cypress app from the ground up to modernize the interface, streamline workflows, and integrate better into your overall development experience. In addi Read more](/blog/cypress-10-release)