I have shown how to use Copilot instructions file to generate better end-to-end Cypress tests. In this blog post I will show a specific trick I use to make my test writing a lot more precise and much faster. When we are writing end-to-end tests, we constantly need to look up the best test selectors ...

If your web application stores data locally in the localStorage object, you can easily set / verify the data from your Cypress end-to-end tests. For example:cypress/e2e/players.cy.js123456789101112131415161718192021222324252627282930313233343536373839https://github.com/bahmutov/cy-spokimport spok fr...

In the blog post Test Tag Suggestions Using AI I described a system to pick a testing tag based on a pull request's title and body text. In this blog post, I will make it useful. Whenever a user opens a GitHub issue and labels it a "bug", an automated workflow will pick an appropriate testing tag (o...

Ask Copilot agent to write the full end-to-end test and it is likely to write nonsense. For example, let's test the "zero teams / zero players" message on my soccer web app.I can start a new test in the existing "Teams" spec filecypress/e2e/teams.cy.js123describe('Teams', () => { it.only('shows zero...

Here are a couple of newsletters I subscribe to keep up-to-date on Node.js, JavaScript, front-end development, and testing.Smashing Magazine newsletter has high-quality front-end, CSS, and design articlesWebTools weekly is a weekly round-up of apps, scripts, plugins, and other resources to help fron...

How does a human quality assurance engineer (QA) test a web application? If I ask you to look at this TodoMVC web app, how do you know what features it has?From your life experience, you might guess that this app lets the user enter new Todo items and should show them in the list somewhere below the...

If you are using GitHub Copilot to review pull requests, you can give it specific instructions via .github/copilot-instructions.md. I confirmed that using either an explicit list with every item starting with When performing a code review, ... or a combined section works.This works:123456789When per...

Imagine you ask AI/LLM how to do a particular task by describing what you want to accomplish in code comments.test-examples/spec2.cy.js12345678// this is a Cypress end-to-end testit('changes the label after the click', () => { cy.visit('/') // TODO: there is label element with id "foo" // and a butt...

In my previous blog post Pick E2E Tests To Run Using AI Summaries I picked specs to run using an intermediate text summaries. In this blog post I will show a simpler and cheap way of suggesting the end-to-end test tag for each pull request.🎁 You can find the example application source code in the re...

Imagine you have a web application. If you are reading this blog, you probably have an extensive set of end-to-end Cypress tests for this web application. Someones modifies the source code for the web app (could be changes to HTML, JavaScript, or CSS styles), and asks you "which tests should I run t...

Let's say the application changes the URL using the assignment:1location.href = 'https://acme.com'Can we prevent the URL change? For example, we might want to limit our test to the current origin. Let's do it using the following example page:index.html1234<body> <h1>Hello World</h1> <script src="app...

There is a lot going on. To stay on top of everything I need to do and ongoing tasks, I use simple plain Markdown text files for my daily logs. The files are stored locally on my machine, but they are part of a private GitHub repo for backup. I use Typora as my Markdown text editor; it is lightweigh...