cypress skipOn demo

.eslintrc.json

@@ -11,10 +11,8 @@
         "*.ts"
       ],
       "parserOptions": {
-        "project": [
-          "tsconfig.json",
-          "e2e/tsconfig.json"
-        ],
+        "project": ["**/tsconfig.json"],
+        "sourceType": "module",
         "createDefaultProgram": true
       },
       "env": {
@@ -27,7 +25,6 @@
         "plugin:@angular-eslint/ng-cli-compat--formatting-add-on",
         "plugin:@angular-eslint/template/process-inline-templates",
         "plugin:cypress/recommended",
-        "plugin:jest/recommended",
         "plugin:jest/style"
       ],
 

cypress/config/dev.json

@@ -1,5 +1,8 @@
 {
   "extends": "../../cypress.json",
   "baseUrl": "https://d1kaucldkbcik4.cloudfront.net",
-  "projectId": "4mhoqq"
+  "projectId": "4mhoqq",
+  "env": {
+    "ENVIRONMENT": "dev"
+  }
 }

cypress/config/local.json

@@ -1,5 +1,8 @@
 {
   "baseUrl": "http://localhost:4200",
   "extends": "../../cypress.json",
-  "projectId": "4mhoqq"
+  "projectId": "4mhoqq",
+  "env": {
+    "ENVIRONMENT": "local"
+  }
 }

cypress/global.d.ts

@@ -0,0 +1,18 @@
+export {};
+
+declare global {
+  namespace Cypress {
+    interface Chainable<Subject> {
+      // the cypress skip-test plugin has an open issue with types, that is  we have declare these here
+      // https://github.com/cypress-io/cypress-skip-test/issues/164
+      /** https://www.npmjs.com/package/@cypress/skip-test
+       * `cy.skipOn('sandbox')`
+       */
+      skipOn(nameOrFlag: string | boolean | (() => boolean), cb?: () => void): Chainable<Subject>;
+      /** https://www.npmjs.com/package/@cypress/skip-test
+       * `cy.onlyOn('sandbox')`
+       */
+      onlyOn(nameOrFlag: string | boolean | (() => boolean), cb?: () => void): Chainable<Subject>;
+    }
+  }
+}

cypress/integration/about.spec.ts

@@ -1,5 +1,6 @@
-describe('about', () => {
+import { skipOn } from '@cypress/skip-test';
 
+describe('about', () => {
   before('visit about', () => {
     cy.visit('/');
     cy.get('[routerlink="/about"]').click();
@@ -8,11 +9,14 @@ describe('about', () => {
   });
 
   it('should get a different quote on next', () => {
-    cy.get('.twain > i').then(initialQuote => {
+    // use cy.skipOn to reproduce the issue
+    // cy.skipOn('local');
+    skipOn('local');
+    cy.get('.twain > i').then((initialQuote) => {
       cy.get('button').click();
 
       cy.get('.twain > i').should('not.contain', '...');
       cy.get('.twain > i').should('not.contain', initialQuote);
-    })
+    });
   });
 });

cypress/support/index.js

@@ -17,3 +17,4 @@
 // import './commands';
 
 import '@cypress/code-coverage/support'
+import '@cypress/skip-test/support'

cypress/tsconfig.json

@@ -3,10 +3,12 @@
   "include": ["./**/*.ts"],
   "exclude": [],
   "compilerOptions": {
-    "types": ["cypress"],
+    "types": ["cypress", "@cypress/skip-test"],
     "lib": ["es2015", "dom"],
     "isolatedModules": false,
     "allowJs": true,
     "noEmit": true
-  }
+  },
+  "allowJs": true,
+  "resolveJsonModule": true
 }

package.json

@@ -51,6 +51,7 @@
     "@angular/language-service": "11.2.2",
     "@bahmutov/cypress-extends": "1.1.0",
     "@cypress/code-coverage": "3.9.11",
+    "@cypress/skip-test": "^2.6.1",
     "@ngneat/spectator": "^7.1.0",
     "@skyux-sdk/istanbul-instrumenter-loader": "^4.0.0",
     "@types/jest": "^26.0.21",