<blockquote class="pullquote"><p>🎁 I wrote this blog post following recording 4 short videos showing how I prefer to write tests that need

<p>Network API calls made by your frontend code are a contract. The frontend code A sends a request following a certain protocol (REST &#x2F

<p>How can you develop your frontend website faster? By removing the slow parts during the &quot;code - test&quot; development cycle where t

<p>Imagine your Cypress spec calling a <a href="https://on.cypress.io/task">cy.task</a> command to run some code in Node.js. For this exampl

<p>In my previous blog post <a href="/blog/magic-backend/" title="Magic Backed For E2E Testing">Magic Backed For E2E Testing</a> I have show

<p>I want to show you something cool I have been working on: <a href="https://github.com/bahmutov/cypress-magic-backend">cypress-magic-backe

<p>Imagine you are testing an item&#39;s HTML page. You need an item, and to remove any dependencies, you create the item from the test itse

<p>Cypress test runner does not have built-in test title grep or test tags. Thus you need to use my <a href="https://github.com/bahmutov/cy-

<p>Imagine you write and publish a blog post only to check it later and see a broken image link:</p><p><img src="../images/check-images/bro

<p>Checking a single item text in Cypress is easy:</p><ul><li><code>cy.contains(selector, text)</code> if you know the precise text or par

<p>If you want to see which parts of your source code are covered by E2E tests, you can use code coverage. The problem is often instrumentin

<p>Cypress has a lot of built-in <a href="https://on.cypress.io/api">commands</a>. You can <a href="https://on.cypress.io/custom-commands">a

<p><strong>TL;DR</strong> if you are an American citizen, please <a href="https://vote.gov/">register</a> and vote on November 5th for Democ

<p>Let&#39;s take a small application that stores its data in the <code>window.localStorage</code> object. The value starts with 0 and the u

<p>Let&#39;s say you store the user login information used during tests in your <a href="https://on.cypress.io/configuration">Cypress config

<p>Sometimes the users might need to print the website pages either in paper or to a PDF file. The site should look good and make sense. Whe

<p>Imagine you are testing a page. The backend might take a little bit of time to respond. How do you ping the backend to know when it is re

<p>Imagine the application opens your email client and sends a message. This is possible by opening a browser window with an email url, some

<p>When dealing with <a href="/blog/cypress-second-tab/" title="Deal with Second Tab in Cypress">Deal with Second Tab in Cypress</a> there m

<p>Sometimes you want your tests to be dependent on each other. For example, instead of a single long E2E test, I have created small focused

<p>Recently I have seen an example screenshot showing two Cypress tests using the great <a href="https://on.cypress.io/intercept">cy.interce

<p>This blog post shows how to validate the URL search parameters (the part of the URL after the question mark, like <code>?id=123&amp;name=

<p>This blog post describes a topic really hidden in Cypress documentation: using <code>alias.all</code> to get all intercepted network call

<p>Recently I saw a <a href="https://www.linkedin.com/feed/update/urn:li:activity:7219318735461867521/">Linkedin post</a> showing how to hig

<p>Imagine you have a product store like the one I am using in the course <a href="https://cypress.tips/courses/swag-store">Swag Store</a>.

<p>Twitter is dead. The platform went noticeably downhill after musk has purchased it. Every time I check it, the responses to any climate o

<p>Recently a Cypress user asked a good question:</p><blockquote><p>One of Cypress&#39;s powerful features is its support of plugins and t

<p>Imagine the application under test is making web calls to the backend. Sometimes things go wrong, and you have set up server-side logging

<p>Recently a Cypress asked in my <a href="https://glebbahmutov.com/">Discord channel</a> the following question:</p><blockquote><p>I have

<p>Recently, I was asked to write a solid test for an online demo e-commerce shop <a href="https://demo.prestashop.com/">https://demo.presta