Learn about testing

Find a topic of your choice

Filip Hric blog

Next big trend in testing? Debugging

Next big trend in testing? Debugging

4 min read

Debugging has been with us and will be for a long time. Making improvements on that experience might just be the next big thing.

Time-travelling with Replay.io

Time-travelling with Replay.io

6 min read

Replay.io is a tool that records everything your app does and provides you with debugging superpowers. The recording is a combination of video, source code of your application, DOM snapshots and a timetravel-enabled devtools that allow you to retroactively add print statements to your app’s execution.

Cypress panic (if there even is one)

Cypress panic (if there even is one)

4 min read

A reddit post was making rounds on the internet claiming that Cypress.io is dying and you should migrate your projects. I believe this post got way more attention than it deserved. In fact, I believe it deserved no attention whatsoever because by amplifying it, the lies that it contained spread far and wide.

Cypress basics: Using baseUrl

Cypress basics: Using baseUrl

4 min read

Setting up `baseUrl` helps you write your test in a way that enables running them against multiple environments. This is vital to make your tests available for multiple versions of your app.

Cucumber in Cypress: A step by step guide

Cucumber in Cypress: A step by step guide

13 min read

A detailed guide on how to set up cucumber-preprocessor, run your feature files, organize your tests, filter them by tags and set up an HTML reporter.

How to wait for page to load in Cypress

How to wait for page to load in Cypress

5 min read

What if your page takes time to load and your first command fails because of this? In this blogpost I explain how to make sure that your page is fully loaded

How to structure a big project in Cypress

How to structure a big project in Cypress

23 min read

Opinion on how a project with +2000 tests should be structured in order to achieve good maintainability, speed and lower the risk of introducing regressions.

Cypress.io and GitHub Actions: A step by step guide

Cypress.io and GitHub Actions: A step by step guide

7 min read

GitHub Actions are a powerful and easy-to-learn tool that can help you quite a lot, In this blogpost we‘ll take a look into how they can be used to run your Cypress tests.

Use cy.session() instead of login page object in Cypress

Use cy.session() instead of login page object in Cypress

9 min read

Short guide to using cy.session() command an save minutes from your test run. Creating a session with Cypress can not only save you time, but can be a great substitution for a log page object

Testing a PDF file with Cypress

Testing a PDF file with Cypress

5 min read

How to download a PDF file, check the download and parse out the content of the file for further testing

Testing geolocation with Cypress

Testing geolocation with Cypress

5 min read

Explanation on how to test a page that can locate its users either via API call or using browser’s Geolocation API capabilities

Cypress basics: Uploading a file

Cypress basics: Uploading a file

5 min read

Short explanation on how to upload a file with Cypress to a drag and drop element, inputs or directly by calling your API

8 common mistakes in Cypress (and how to avoid them)

8 common mistakes in Cypress (and how to avoid them)

10 min read

In this blogpost I’m sharing a couple of testing antipatterns that can make your test flaky, hard to read or slow.

Testing frontend performance with Cypress

Testing frontend performance with Cypress

5 min read

How to measure loading of elements appearing on page using browser performance API and creating a custom command out of it.

Writing better command chains in Cypress

Writing better command chains in Cypress

6 min read

Understanding how command chaining in Cypress works is essential for writing stable tests. In this week’s explainer we’ll take a look on how we can make our tests more stable with writing proper command chains

Google Sign in with Cypress

Google Sign in with Cypress

9 min read

Explanation on how to log in to Google SSO enabled app programmatically and how does the process actually work.

Switch between environments in Cypress

Switch between environments in Cypress

4 min read

There are multiple ways you can switch to different environments in Cypress. In this blogpost, I explain which ones you can use and show some examples.

Cypress basics: API testing

Cypress basics: API testing

5 min read

Cypress is a great testing tool that can be also very helpful when testing API. In this post, I’ll go over some basics on how to write an API test in Cypress.

Waiting in Cypress and how to avoid it

Waiting in Cypress and how to avoid it

6 min read

Adding a wait to your test is something people like to avoid. Luckily, with Cypress, there are several ways of how to avoid waiting for a static period of time and simply move a test forward once the application is in a state we desire.

Cypress basics: Variables

Cypress basics: Variables

7 min read

How to store variables in Cypress tests and use variables and aliases inside the test and between tests.

Cypress basics: xpath vs. CSS selectors

Cypress basics: xpath vs. CSS selectors

3 min read

Using xpath with Cypress is possible through a plugin. In this post I show you how to install this plugin and show you some examples how to use xpath and compare it to Cypress commands.

Autocompleting selectors in Cypress with TypeScript

Autocompleting selectors in Cypress with TypeScript

4 min read

Using TypeScript, we can make our lives with custom selectors easier. Our editor can autocomplete our selectors and check if we aren’t using any that were already deleted

Generating a random user in Cypress test

Generating a random user in Cypress test

4 min read

Quick guide on how to generate a random user in Cypress and an explanation of various ways on how to integrate that data into Cypress test.

Testing links with Cypress

Testing links with Cypress

4 min read

Let’s say you want to test all the links in a navigation bar, ideally in most effective way. In this article I show you some of the most effective ways

Reading and testing JSON object in Cypress

6 min read

Ever got that frustrating Cannot read property 'x' of undefined error? If you are starting with JSON objects, it is easy to get lost. In this article I hope to shed some light into how to read and test them with Cypress

Cypress basics: Check attributes, value and text

Cypress basics: Check attributes, value and text

3 min read

Short explanation of how to test and access different properties of a given element using .invok() function

.contains() - an overlooked gem in Cypress

3 min read

Although the name of this command sounds like an assertion, it is actually a selecting command. Let’s look into what makes this command great.

Improve your custom command logs in Cypress

7 min read

Short explanation on how to take your custom commands to another level with custom logging, snapshots and many more.

Tips for debugging tests in Cypress

5 min read

If you’ve been testing for a longer time, you know that writing a test is only half of the story. The other half is maintenance. I share a couple of ways you can debug your tests in Cypress in my latest article.

Make your Cypress tests faster with .clock()

4 min read

With .clock() and .tick() functions, it is possible to manipulate app’s time and make your test faster by skipping waits of setTimeout() and setInterval() functions.

Starting with TypeScript in Cypress

8 min read

TypeScript has been gaining popularity over last couple of years, and for good reason. Learn how you can implement TypeScript features in your tests.

Cypress basics: before(), beforeEach(), after() and afterEach()

Cypress basics: before(), beforeEach(), after() and afterEach()

5 min read

Mocha hooks can help you tremendously when trying to avoid repetition in your tests. This article explains how these hooks work and how to use them effectively.

Skip test conditionally with Cypress

4 min read

Description of various ways of how you can filter your tests, run them based on a given condition or skip them altogether in Cypress.

Cypress basics: check if element exists

Cypress basics: check if element exists

4 min read

In this article we are exploring ways to assert visibility of an element on a page. There are couple of gotchas that may be confusing at times.

Dealing with multiple redirects in Cypress

2 min read

There are cases where you might deal app quickly redirecting through multiple pages. Chances are that Cypress will not register the page in the middle of redirect chain. In this post I will show you ways you can deal with this.

Understanding code coverage in Cypress

Understanding code coverage in Cypress

9 min read

It’s pretty awesome that you can use e2e tests to generate your coverage data. In this blog I’m describing how the whole process works.

Hover in Cypress

4 min read

Short guide on how to hover over elements in Cypress. As there are multiple ways hover actions work, there are multiple ways of achieving hover.

Migrating .route() to .intercept() in Cypress

4 min read

With version 6.0.0 of Cypress.io, the network layer was completely rewritten. This post will guide you through the process of migration to the new experience.

Working with API response data in Cypress

9 min read

In this post, I’m showcasing different ways to handle data generated by server and use them in your tests.

Create a configuration plugin in Cypress

4 min read

There are several different ways to configure how your Cypress tests can be configured. In this post, I’m describing these ways and explain how you can view them in Cypress GUI.

Test grepping in Cypress using Module API

5 min read

Sometimes you want to run just a subset of your tests. With Module API, you can achieve just that. Showcasing how you can grep your tests by folder.

Using destructuring in Cypress

4 min read

Short explanation on how to do destructuring in JavaScript and how you can use it to simplify your Cypress tests.

Cypress basics: Where did my cookies disappear?

4 min read

Cypress clears the browser state before each of your tests. This means that sometimes you might need to think about how you need to handle cookies.

Testing a websocket application with Cypress

6 min read

Demonstration of how a websocket enabled application can be tested using Cypress.io.

Opening a new tab in Cypress

4 min read

Spoiler alert: you don’t. But there are tons of things you can do to test your link redirects properly.

Cypress basics: Selecting elements

7 min read

Cypress is using query selectors to find elements on your page. But there are couple of really powerful ways to select elements on page using Cypress commands

Playing with experimental network stubbing feature in Cypress

5 min read

A short exploration of the capabilities of new .route2() command that was released with Cypress version 5.1.0.

Lesser known Cypress.io tricks

3 min read

I often come across undocumented or not so widely used features that you might find helpful. Here’s a list of couple of those.

My favourite VS Code extensions for writing tests in Cypress

My favourite VS Code extensions for writing tests in Cypress

2 min read

VS Code provides a variety of cool exenstions. Here are some of those that have proven to be useful for my workflow when writin tests in Cypress.

Testing lists of items

4 min read

Short description of various ways of testing list of items using Cypress, utilizing Cypress’ retryability.

Improve your error screenshots in Cypress

3 min read

Explanation of how you can use cy.log() command to make your screenshots more readable and your debugging experience even faster.

I did a Cypress workshop and this is what I learned

4 min read

Describing how I conducted my first live workshop on Cypress.io on a conference in Brno and sharing my personal recommendations.

Testing email flows with Mailosaur

3 min read

A short giude on how to test e2e flows that require an email to be opened. Code demonstration using Mailosaur.

What psychology taught me about QA

10 min read

Some of my psychology background has translated to my tech career. I hope to provide some principles which I hope to be valuable to you as well.

Let’s keep in touch

From time to time I send some useful tips to your inbox and let you know about upcoming events. Sign up if you want to stay in loop.

Follow me:

Twitter

LinkedIn

Discord

GitHub

YouTube

RSS feed

General

About me Talks & webinars Private workshops Company consulting Individual tutoring Video & blog authoring

Sitemap

Blog Workshops Trello app installation Privacy policy