cypress-plugin-last-failed 3.1.2 → 4.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cypress-plugin-last-failed",
-  "version": "3.1.2",
+  "version": "4.1.0",
   "description": "Cypress plugin to rerun last failed tests in cypress run and open mode",
   "main": "./src/index.js",
   "scripts": {
@@ -17,8 +17,8 @@
     "cypress-plugin"
   ],
   "devDependencies": {
-    "@bahmutov/cy-grep": "^3.0.4",
-    "cypress": "^15.18.1"
+    "@bahmutov/cy-grep": "^3.0.5",
+    "cypress": "^15.21.1"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/toggle.js

@@ -10,9 +10,9 @@ const grepFailed = () => {
   // @ts-ignore
   const failedTestTitles = [];
 
-  const failedTests = window.top?.document.querySelectorAll(
-    '.test.runnable.runnable-failed'
-  );
+  const failedTests = window.top?.document
+    .querySelector('iframe')
+    ?.contentDocument?.querySelectorAll('.test.runnable.runnable-failed');
 
   [...failedTests].forEach((test) => {
     failedTestTitles.push(test.innerText.split('\n')[0]);
@@ -23,6 +23,7 @@ const grepFailed = () => {
   } else {
     console.log('running only the failed tests');
     const grepTitles = failedTestTitles.join('; ');
+
     // @ts-ignore
     Cypress.grep(grepTitles);
   }
@@ -33,8 +34,12 @@ const grepFailed = () => {
  */
 
 const failedTestToggle = () => {
-  const hasStyles = top?.document.querySelector('#runFailedStyle');
-  const hasToggleButton = top?.document.querySelector('#runFailedToggle');
+  const hasStyles = top?.document
+    .querySelector('iframe')
+    ?.contentDocument?.querySelector('#runFailedStyle');
+  const hasToggleButton = top?.document
+    .querySelector('iframe')
+    ?.contentDocument?.querySelector('#runFailedToggle');
   const defaultStyles = `
         .reporter header {
           overflow: visible;
@@ -110,11 +115,9 @@ const failedTestToggle = () => {
   if (!hasStyles) {
     let reporterEl;
     const reporterStyleEl = document.createElement('style');
-    if (Cypress.version >= '15.0.0') {
-      reporterEl = window.top?.document.querySelector('.runnable-header');
-    } else {
-      reporterEl = window.top?.document.querySelector('#unified-reporter');
-    }
+    reporterEl = window.top?.document
+      .querySelector('iframe')
+      ?.contentDocument?.querySelector('.runnable-header');
     reporterStyleEl.setAttribute('id', 'runFailedStyle');
     reporterStyleEl.innerHTML = defaultStyles;
     reporterEl?.appendChild(reporterStyleEl);
@@ -122,13 +125,9 @@ const failedTestToggle = () => {
 
   if (!hasToggleButton) {
     let header;
-    if (Cypress.version >= '15.0.0') {
-      // TODO: Cypress v15 GUI provides option for Cypress Studio which pushes the grep toggle button around the UI
-      // For simplicity, moving the toggle button to the spec container above the stop button
-      header = window.top?.document.querySelector('.runnable-header');
-    } else {
-      header = window.top?.document.querySelector('#unified-reporter header');
-    }
+    header = window.top?.document
+      .querySelector('iframe')
+      ?.contentDocument?.querySelector('.runnable-header');
     const headerToggleDiv = document.createElement('div');
     const headerToggleSpan = document.createElement('span');
     const headerToggleTooltip = document.createElement('span');
@@ -158,16 +157,20 @@ const failedTestToggle = () => {
     headerToggleButton?.appendChild(headerToggleLabel);
   }
 
-  const runFailedElement = top.document.querySelector('#runFailedToggle');
-  const runFailedLabelElement = top.document.querySelector(
-    '[for=runFailedToggle]'
-  );
-  const runFailedTooltipElement =
-    top.document.querySelector('#runFailedTooltip');
+  const runFailedElement = top.document
+    .querySelector('iframe')
+    ?.contentDocument?.querySelector('#runFailedToggle');
+  const runFailedLabelElement = top.document
+    .querySelector('iframe')
+    ?.contentDocument?.querySelector('[for=runFailedToggle]');
+  const runFailedTooltipElement = top.document
+    .querySelector('iframe')
+    ?.contentDocument?.querySelector('#runFailedTooltip');
 
   runFailedElement?.addEventListener('change', (e) => {
-    const stopBtn = window.top.document.querySelector('.reporter .stop');
-
+    const stopBtn = window.top.document
+      .querySelector('iframe')
+      ?.contentDocument?.querySelector('.reporter .stop');
     if (e.target.checked) {
       if (stopBtn) {
         stopBtn.click();
@@ -197,8 +200,9 @@ const failedTestToggle = () => {
       const sidebarRunsLinkPage = window.top?.document.querySelector(
         '[data-cy="sidebar-link-runs-page"]'
       );
-      const runFailedToggleElement =
-        window.top?.document.querySelector('#runFailedToggle');
+      const runFailedToggleElement = window.top?.document
+        .querySelector('iframe')
+        ?.contentDocument?.querySelector('#runFailedToggle');
 
       if (
         window.top?.document.URL !=