Login Register
Login Register

Cypress & Automation

Sort by:

Testing multiple domains with Cypress

Cypress has documented some common workarounds on how users can test scenarios encompassing multiple domains but if we want to automate the scenarios from how our users will use it, it’s still a good idea to automate it from the UI.

  • 0
  • 12

Automated testing in Vue with Cypress

If you’re using Vue, Cypress is one of the best tools available for testing your application. In this article, we’ll learn how to test individual Vue components with Cypress.

  • 0
  • 39

E2E testing in Next.js with Cypress and TypeScript

In this article, we will go over what you need to know about end-to-end testing with Next.js apps and how to perform tests with Cypress and Typescript.

  • 0
  • 46

Testing links functionality with Cypress

I often see a testing case when someone needs to test a navigation bar on a page, to make sure that all the links are actually functioning. This is a very nice problem case, where different strategies may be applied. In this article, I’d like to go through these and show you how can you […]

  • 0
  • 14

Generating a random user in Cypress test

Most of web applications under test require some kind of authentication. What I like to do when testing such application is to create a testing user. This is usually a randomly generated user, which I then use for most of my tests. In this blogpost I explore a couple of ways how to generate a […]

  • 0
  • 17

Autocompleting selectors in Cypress with TypeScript

Cypress advises to use data-cy selectors as a best practice for selecting your elements on page. Recently, we had a great discussion on our discord server about whether this is a good practice. Personally I strongly lean to “yes”. If you are in this camp as well, I have some nice tips for you today.

  • 0
  • 70

Cypress basics: XPath vs. CSS selectors

Let me start right of the bat stating that I’m not the biggest fan of xpath selectors. In my opinion, they are hard to read, and provide little benefits in comparison to CSS selectors or data-* attributes. With jQuery bundled into Cypress, you can select your elements in a much more readable way.

  • 0
  • 18

Cypress basics: working with variables

So why is id undefined? When you dig into docs, it might get a little confusing. There’s article about how commands in Cypress are asynchronous, then maybe read a little bit about how you should handle variables, you’ll try async/await, but then find out that does not work either. So what is going on?

  • 0
  • 15

Waiting in Cypress and how to avoid it

This architecture often causes that Cypress often moves too fast through our application, and we want to make it wait. Reaching for a hard wait is often a way to tell Cypress to slow down. But it’s not ideal, as I already mentioned. So let’s look at a couple of things you can do when […]

  • 0
  • 13

How to write an API test in Cypress.

If you have ever tested API via Postman or some other tool, this one will be a piece of cake for you. Cypress is a great testing tool that can be also very helpful when testing API. In today’s post, I’ll go over some basics on how to write an API test in Cypress.

  • 0
  • 14

Switch between environments in Cypress

This is better than using an env variable. For example, you don’t need to deal with renaming everything if you decide one day to change the name of your the localUrl env variable.

  • 0
  • 15

Google sign in with Cypress

Instead of clicking through login, you can login programmatically and appear to your app as a logged in user. In this post I will walk you through the process. You can find the explanation in Cypress docs as well, but if you want some more context on the nuts and bolts of this, make sure […]

  • 0
  • 15

Writing better command chains in Cypress

In this post I would like to explore some of the core principles of Cypress chains and how understanding them can make you write your tests better.

  • 0
  • 17

Testing frontend performance with Cypress

In all of the current browsers a performance API is available on window object. We can access this API by using cy.window() function and then calling a method. To start measuring the performance, we can create a mark that will label the start of our measurement.

  • 0
  • 13

8 common mistakes in Cypress: how to avoid

On my Discord server, I sometimes encounter a common pattern when answering questions. There are certain sets of problems that tend to surface repeatedly and for these, I created this blog post. Let’s jump into them!

  • 0
  • 17

Cypress basics: uploading a file

File uploading can be done in various ways, but all of them have a couple of things in common. Most notably, when dealing with file upload, we need to have our frontend ready to accept the file, and then we need to have our backend ready to handle the file. Let’s start with frontend and […]

  • 0
  • 15

Testing geolocation with Cypress

Basically, there are two ways of locating a user. First way is by using API call to a server, which can identify user’s location based on where the user is connecting from. The second way is to use browser’s Geolocation interface, that will provide the frontend application with position coordinates.

  • 0
  • 22

Testing a PDF file with Cypress

I recently got a question on LinkedIn about Cypress’ ability to test contents of PDF file. At first I thought it is not possible as Cypress is made for testing web applications. But after I thought about it a little more I realized, there are actually couple of ways to approach this problem.

  • 0
  • 12

The internet is huge. Help us find great content!

About

We design learning experiences that help you grow.

Navigation
Follow

Submit