fix: guard hooks to run only for component specs, closes #180

Author: bahmutov

cypress/integration/integration tests/integration-spec.js

@@ -1,5 +1,12 @@
 /// <reference types="cypress" />
-it('loads page for E2E', () => {
-  cy.visit('index.html')
-  cy.window().should('have.property', 'React')
+describe('integration tests', () => {
+  it('loads page for E2E', () => {
+    cy.visit('index.html')
+    cy.window().should('have.property', 'React')
+  })
+
+  it('loads page again', () => {
+    cy.visit('index.html')
+    cy.window().should('have.property', 'React')
+  })
 })

lib/hooks.ts

@@ -1,3 +1,6 @@
+// @ts-ignore
+const isComponentSpec = () => Cypress.spec.specType === 'component'
+
 /** Initialize an empty document with root element */
 function renderTestingPlatform() {
   // Let's mount components under a new div with this id
@@ -17,6 +20,10 @@ function renderTestingPlatform() {
 }
 
 before(() => {
+  if (!isComponentSpec()) {
+    return
+  }
+
   renderTestingPlatform()
 })
 
@@ -26,6 +33,9 @@ before(() => {
  *
  */
 function cleanupStyles() {
+  if (!isComponentSpec()) {
+    return
+  }
   const document = cy.state('document') as Document
 
   const styles = document.body.querySelectorAll('style')

lib/index.ts

@@ -5,9 +5,12 @@ import { injectStylesBeforeElement } from './utils'
 
 const rootId = 'cypress-root'
 
+// @ts-ignore
+const isComponentSpec = () => Cypress.spec.specType === 'component'
+
 function checkMountModeEnabled() {
   // @ts-ignore
-  if (Cypress.spec.specType !== 'component') {
+  if (!isComponentSpec()) {
     throw new Error(
       `In order to use mount or unmount functions please place the spec in component folder`,
     )