cy.blog()

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

Code Coverage Isn’t Enough: How UI Coverage Completes the Picture

Measuring Coverage Is Hard; We Made It Better Trying to understand how much of your application is tested can be an exercise in frustration—you're stuck relying on numbers that are hard to interpret, methods that don’t reflect real user activity, and reports that are a nightmare to collaborate on. But what if it didn't have to be this way? What if coverage could be actionable, intuitive, and reflective of what really matters—the user experience? That's why we built UI Coverage. Let's break dow Read more

Angular + Cypress = Love

This is a guest post from Jeff Whelpley, CTO at Swish, Google Developer Expert, co-creator of Angular Universal (server rendering for Angular 2+), co-organizer of Boston Angular Meetup, co-organizer of Boston AI Meetup, guest/panelist on AngularAir and Adventures in Angular podcasts, and frequent speaker at local Boston meetups. I’ve always been a big fan of really good all-in-one solutions like Angular. My general philosophy has been to rely on a small set of closely related technologies and o

Read more

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

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 name

Read more

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 as it

Read more

An Alternative to Protractor for Angular Projects

Fans of Angular CLI [https://cli.angular.io/] 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 [http

Read more

Testing apps hosted on Codepen.io

Lots of people love to quickly throw web applications on Codepen.io [https://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 wo

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
Newer posts Older posts