cypress-plugin-grep-boxes 2.0.0 → 2.1.0

package/README.md

@@ -6,7 +6,7 @@
 A companion Cypress plugin for <code>cy-grep</code> that allows user to run specific test(s) in <code>open</code> mode.
 </p>
 
-![Cypress-plugin-grep-boxes](./assets/cy-grep-boxes-demo.gif)
+![cy-grep-boxes-demo](https://github.com/user-attachments/assets/5845963d-32a0-49a6-99be-3b81ca7d6f29)
 
 ## Features
 
@@ -18,6 +18,7 @@ A companion Cypress plugin for <code>cy-grep</code> that allows user to run spec
 - [Installation](#-installation)
 - [Setup](#-setup)
 - [Open mode](#-open-mode)
+  - [Using cypress-plugin-filter-runnables](#using-cypress-plugin-filter-runnables)
   - [Use Required Test Tags Instead Of Skipping Tests](#use-required-test-tags-instead-of-skipping-tests)
 - [disableInitialAutoRun](#disableInitialAutoRun)
 - [Contributions](#contributions)
@@ -73,7 +74,13 @@ Within each spec in Cypress `open` mode:
 - You can select any given number of individual test(s) and click the filter toggle located on the reporter above
 - You can click on any available tag and run only tests in the spec with the respective tag
 
-![Cypress grep-boxes within UI mode](./assets/grep-boxes-ui.png)
+<img width="295" height="182" alt="grep-boxes-ui" src="https://github.com/user-attachments/assets/fad9ebc9-e417-41aa-9f31-519855113d17" />
+
+### Using cypress-plugin-filter-runnables
+
+**NEW** in v2.1.0: If filtering tests using [cypress-plugin-filter-runnables](https://github.com/dennisbergevin/cypress-plugin-filter-runnables), simply click the filter toggle located on the reporter above to only run those tests.
+
+No need to check each checkbox of each test you see after filtering by test title!
 
 ### Use Required Test Tags Instead Of Skipping Tests
 
@@ -104,7 +111,7 @@ Cypress Test Runner UI automatically runs available tests once a spec file is op
 
 To prevent this behavior to have control of when and which tests to run, add the environment variable `disableInitialAutoRun=true`:
 
-![disableInitialAutoRun Demo](./assets/disableInitialAutoRun_demo.gif)
+![disableInitialAutoRun_demo](https://github.com/user-attachments/assets/95fc4807-847b-432e-9b03-dc4fbe9f955a)
 
 ```bash
 # Example via CLI

package/index.js

@@ -177,12 +177,37 @@ grepTestToggleElement?.addEventListener('change', (e) => {
       });
     });
 
+    // run all tests displayed in the spec if none are checked
+    // this enables cohesion with this plugin and cypress-plugin-filter-runnables
+    // the display: none is used to hide runnables not matching a filter
+    if (tests.length === 0) {
+      const checkboxes = [
+        ...window.top?.document.querySelectorAll('.grep-test-checkbox'),
+      ].filter((box) => {
+        const runnable = box.closest('.runnable');
+        return runnable && window.getComputedStyle(runnable).display !== 'none';
+      });
+
+      checkboxes.forEach((box) => tests.push(box.value));
+    }
+
     Cypress.grep(tests.join(';'));
 
     // when checked, grep only selected tests in spec
     grepTestToggleLabelElement.innerHTML = turnOngrepTestToggleIcon;
     grepTestToggleTooltipElement.innerHTML = turnOngrepTestToggleDescription;
   } else {
+    // for cypress-plugin-filter-runnables to clear search when grepTestToggle is unchecked
+    const searchInput = window.top?.document.querySelector(
+      '#test-suite-filter-search'
+    );
+    const clearBtn = window.top?.document.querySelector(
+      '#clear-test-suite-filter-search'
+    );
+    if (searchInput != '') {
+      clearBtn?.click();
+    }
+
     if (stopBtn) {
       stopBtn.click();
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cypress-plugin-grep-boxes",
-  "version": "2.0.0",
+  "version": "2.1.0",
   "description": "Cypress plugin that allows user to run specific tests in open mode.",
   "main": "./index.js",
   "keywords": [