Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Creating a new test file in Cypress folder integration is not showing in the Cypress UI. In this print-screen I have created a new file called: NewTest.spec.js (in green). It is not showing in Cypress. It used to work

In case you have a testFiles list defined inside the cypress.json file, Cypress will not include all of spec files found within the integration folder and will instead use that list to populate the suite.

So, check cypress.json and add the new spec file to the appropriate place in the order.

"testFiles": [
     "FirstTest.spec.js",
     "NewTest.spec.js",
     "ThirdTest.spec.js"
This is for cypress 10 and above - You can also specify the spec pattern in cypress.config.js as below, for all of the files to show up.
No need to name the files as [filename].cy.js for these to show up.
 const { defineConfig } = require("cypress");
module.exports = defineConfig({
  e2e: {
    specPattern: "cypress/e2e/**/*.*",
    setupNodeEvents(on, config) {
      // implement node event listeners here
In cypress.config.ts you need to define your pattern with specPattern:
Like this:
import { defineConfig } from "cypress";
export default defineConfig({
  e2e: {
    specPattern: 'cypress/integration/*.cy.ts', // write your pattern here
    setupNodeEvents(on, config) {
      // implement node event listeners here
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.