cy.blog()

Sharing our challenges, mistakes, hacks, successes, opinions and news

The European Accessibility Act and Cypress Accessibility

The European Accessibility Act (EAA) takes effect in June 2025, introducing harmonized accessibility standards across all 27 EU member states. As this regulatory milestone approaches, companies need efficient ways to identify and address accessibility issues in their applications. This is top of mind for many Cypress Accessibility customers, and we are often asked just where test automation fits in, and can this sort of system make you compliant? The answer is that no test automation setup will Read more
The European Accessibility act

Cypress is heading to Assert(js)

The Cypress team is super excited to be heading to San Antonio on February 22 for the Assert(js) [https://www.assertjs.com/] conference. The Assert(js) Testing Conference is a one-day, single-track conference focused on helping JavaScript developers better understand and share best practices with JavaScript testing tools. Sounds like a great place for us to hang out with like minded developers. But we are not just going to hang out. Cypress CEO and founder Brian Mann [https://twitter.com/be_ma

Read more
An abstract, closeup image of code in a code editor that is blurred

When Can The Test Start?

Can the test runner be too quick? Can the tests start before the application is ready to handle the test steps? It definitely can happen. This blog post shows a little trick one can use to detect when a web application really starts, so that the test runner never has to wait longer than necessary. A slow application I will start with a tiny “web app”. It asks the user to enter a name, and then greets the user with the entered name. Here is the body of the HTML page. <body> What's your na

Read more
An abstract image of blurred light

End-to-End Snapshot Testing

Snapshot testing has taken the JavaScript unit testing world by storm. It removes much of the manual coding and much of the boilerplate, leaving the test runner to save or compare produced values. This blog post shows how the Cypress Test Runner can bring the same power to your end-to-end tests. Experimental feature This document shows a very early proof of concept. The API and features shown here are likely to change. Use at your own risk. I will start by reviewing snapshot testing a

Read more
An abstract image of blurry colors

An Alternative to Protractor for Angular Projects

Fans of Angular CLI get Protractor end-to-end tests generated with each scaffolded project. In this blog post I will show how to add Cypress E2E tests instead with minimum effort (and TypeScript support)! Scaffolding a project Scaffolding an Angular project using ng new <name> is a huge time saver. Just 4 commands give you a complete “Hello Angular” application with all recommended practices. Let us make an app - you can find the results in bahmutov/ng-cli-hello repository. npm i

Read more
An abstract image of javascript code up close

Testing apps hosted on Codepen.io

Lots of people love to quickly throw web applications on Codepen.io. Who can refuse a quick and powerful way to start writing code immediately; sharing results is almost instant. In this blog post I will show how to write end-to-end tests for web apps embedded in a Codepen. Warning: no longer working Warning ⚠️ Codepen.io has added a CAPTCHA to prevent scrapers and 3rd party tools from accessing the hosted web apps. The testing approach shown in this blog post no longer works, but we wi

Read more

Testing Vue web applications with Vuex data store & REST backend

In this blog post we will test a typical web application that uses a central data store to manage state. The data store communicates with the backend that stores the data long term. You can find patterns in React + Redux applications, Angular + MobX and countless other combinations. This example looks at a Vue.js [https://vuejs.org/] web application with Vuex [https://vuex.vuejs.org/en/] data store. The backend server implements a simple REST API to store, modify and delete data. You can find t

Read more

Extending Cypress With Plugins

One of the greatest (and unique) advantages of Cypress is that all of your test code runs in the browser. This provides us a significant architectural advantage over every other testing tool out there. While this makes for a much more reliable testing experience, and enables you to write tests much easier - it does make communicating outside of the browser more difficult. Users have expressed a desire [https://github.com/cypress-io/cypress/issues/684#issuecomment-331736178] to be able to custo

Read more

Control an AngularJS Application From E2E Tests

Cypress runs close to your application. Only a thin iframe separates the production code from the testing code. Thus Cypress can take shortcuts and control your application code directly, bypassing always going through the DOM. For example imagine you are developing an AngularJS 1.x TodoMVC application such as http://todomvc.com/examples/angularjs/; how could you take advantage of this? AngularJS from DevTools You can change the data in the application’s model directly from the DevTools [https:

Read more

Add GUI to your E2E API tests

We like to pretend there are two disjointed end-to-end test types: API and browser automation tests. And that the tools used are very different; the API tests are executed by a CLI test runner, while automation tests all fire up a browser. Yet, a good E2E automation test runner, in my opinion, should be really good at working with a remote server API via HTTP. After all, this is what every useful website does. Every website exchanges data with remote servers through HTTP requests. What if the s

Read more
Newer posts Older posts