@testspectra/cli 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testspectra/cli",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "TestSpectra Cross-Platform Test Runner CLI",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -25,10 +25,10 @@
   ],
   "dependencies": {
     "@clack/prompts": "^1.7.0",
-    "@testspectra/matchers": "^1.2.0",
-    "@testspectra/react": "^1.2.0",
-    "@testspectra/reporter": "^1.2.0",
-    "@testspectra/skills": "^1.2.0",
+    "@testspectra/matchers": "^1.2.2",
+    "@testspectra/react": "^1.2.2",
+    "@testspectra/reporter": "^1.2.2",
+    "@testspectra/skills": "^1.2.2",
     "chalk": "^5.3.0",
     "commander": "^12.1.0",
     "cross-spawn": "^7.0.6",
@@ -39,9 +39,9 @@
     "zod": "^3.23.8"
   },
   "optionalDependencies": {
-    "@testspectra/cli-darwin-arm64": "1.2.0",
-    "@testspectra/cli-linux-x64": "1.2.0",
-    "@testspectra/cli-win32-x64": "1.2.0"
+    "@testspectra/cli-darwin-arm64": "1.2.2",
+    "@testspectra/cli-linux-x64": "1.2.2",
+    "@testspectra/cli-win32-x64": "1.2.2"
   },
   "devDependencies": {
     "@types/cross-spawn": "^6.0.6",

package/templates/default/package.json

@@ -17,9 +17,9 @@
     "postinstall": "spectra sync-types"
   },
   "devDependencies": {
-    "@testspectra/cli": "^1.2.0",
-    "@testspectra/matchers": "^1.2.0",
-    "@testspectra/plugin-demo": "^1.2.0",
+    "@testspectra/cli": "^1.2.2",
+    "@testspectra/matchers": "^1.2.2",
+    "@testspectra/plugin-demo": "^1.2.2",
     "@types/node": "^20.14.0",
     "@wdio/cli": "^9.2.8",
     "@wdio/local-runner": "^9.2.8",

package/templates/nx/package.json

@@ -12,8 +12,8 @@
     "postinstall": "spectra sync-types"
   },
   "devDependencies": {
-    "@testspectra/cli": "^1.2.0",
-    "@testspectra/matchers": "^1.2.0",
+    "@testspectra/cli": "^1.2.2",
+    "@testspectra/matchers": "^1.2.2",
     "@types/node": "^20.14.0",
     "@wdio/cli": "^9.2.8",
     "@wdio/local-runner": "^9.2.8",
@@ -24,6 +24,6 @@
     "nx": "^20.8.4",
     "typescript": "^5.4.5",
     "webdriverio": "^9.2.8",
-    "@testspectra/plugin-demo": "^1.2.0"
+    "@testspectra/plugin-demo": "^1.2.2"
   }
 }

package/templates/react-component/package.json

@@ -14,9 +14,9 @@
     "postinstall": "spectra sync-types"
   },
   "devDependencies": {
-    "@testspectra/cli": "^1.2.0",
-    "@testspectra/matchers": "^1.2.0",
-    "@testspectra/react": "^1.2.0",
+    "@testspectra/cli": "^1.2.2",
+    "@testspectra/matchers": "^1.2.2",
+    "@testspectra/react": "^1.2.2",
     "@types/node": "^20.14.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

package/templates/react-component/specs/BadgeComponent/TC-0010-scoped-child-lookup/spec.md

@@ -0,0 +1,21 @@
+---
+id: TC-0010
+title: Verify scoped child lookup within badge root
+priority: High
+caseType: Positive
+status: automated
+coverage:
+  web: automated
+---
+
+# TC-0010: Scoped Child Lookup Within Badge Root
+
+Verify that `Spectra.get('~badge').get('~badge-label')` resolves the child element scoped to the
+badge root (not page-wide), and that the collection form `Spectra.get('~badge').getAll('~badge-label')`
+finds the same scoped descendants.
+
+## Test Steps
+
+1. Mount `<Badge label="Scoped Badge" dot />`.
+2. Verify `Spectra.get('~badge').get('~badge-label')` resolves to the scoped label with the expected text.
+3. Verify `Spectra.get('~badge').getAll('~badge-label')` finds exactly one scoped label.

package/templates/react-component/specs/BadgeComponent/TC-0010-scoped-child-lookup/web.test.tsx

@@ -0,0 +1,9 @@
+import { Badge } from '../../../src/components/Badge/Badge.js';
+import { withProviders } from '../../../src/test-utils.js';
+
+it('Verify scoped child lookup within badge root', async () => {
+  await Spectra.mount(withProviders(<Badge label="Scoped Badge" dot />));
+
+  await Spectra.get('~badge').get('~badge-label').shouldHaveText('Scoped Badge');
+  await Spectra.get('~badge').getAll('~badge-label').shouldHaveLength(1);
+});

package/templates/react-component/specs/ButtonComponent/TC-0011-button-bounds-and-parent/spec.md

@@ -0,0 +1,21 @@
+---
+id: TC-0011
+title: Verify button bounds and parent element access
+priority: Medium
+caseType: Positive
+status: automated
+coverage:
+  web: automated
+---
+
+# TC-0006: Button Bounds and Parent Access
+
+Verify that `Spectra.get()` exposes element bounds (position + size), can navigate up the DOM tree via `parent()`, and can locate an ancestor via `closest()`.
+
+## Test Steps
+
+1. Mount `<div><Button label="Bounds Test" /></div>`.
+2. Get the button via `Spectra.get('~button')` and read its bounds.
+3. Verify `bounds.width` and `bounds.height` are greater than 0, and `bounds.x` / `bounds.y` are numbers.
+4. Call `parent()` and verify the parent element is visible.
+5. Call `closest('div')` and verify a matching ancestor is returned.

package/templates/react-component/specs/ButtonComponent/TC-0011-button-bounds-and-parent/web.test.tsx

@@ -0,0 +1,29 @@
+import { Button } from '../../../src/components/Button/Button.js';
+import { withProviders } from '../../../src/test-utils.js';
+
+it('Verify button bounds and parent element access', async () => {
+  await Spectra.mount(
+    withProviders(
+      <div>
+        <Button label="Bounds Test" />
+      </div>,
+    ),
+  );
+
+  const button = Spectra.get('~button');
+
+  // getBounds returns position + size
+  const bounds = await button.getBounds();
+  if (!(bounds.width > 0) || !(bounds.height > 0)) {
+    throw new Error(`Expected positive button bounds, got ${JSON.stringify(bounds)}`);
+  }
+
+  // parent() navigates up the DOM tree
+  await button.parent().shouldBeVisible();
+
+  // closest() finds the matching ancestor
+  const wrapper = await button.closest('div');
+  if (!wrapper) {
+    throw new Error('Expected button.closest("div") to resolve an ancestor');
+  }
+});

package/templates/react-component/specs/ButtonComponent/TC-0012-button-wait-and-remove/spec.md

@@ -0,0 +1,20 @@
+---
+id: TC-0012
+title: Verify button wait states and element removal detection
+priority: Medium
+caseType: Positive
+status: automated
+coverage:
+  web: automated
+---
+
+# TC-0007: Button Wait States
+
+Verify that a mounted button satisfies explicit wait conditions such as `waitForClickable()` before asserting visibility.
+
+## Test Steps
+
+1. Mount `<div><Button label="Wait Test" /></div>`.
+2. Get the button via `Spectra.get('~button')`.
+3. Call `waitForClickable({ timeout: 3000 })` and verify it resolves to `true`.
+4. Verify the button is visible.

package/templates/react-component/specs/ButtonComponent/TC-0012-button-wait-and-remove/web.test.tsx

@@ -0,0 +1,23 @@
+import { Button } from '../../../src/components/Button/Button.js';
+import { withProviders } from '../../../src/test-utils.js';
+
+it('Verify button wait states and element removal detection', async () => {
+  await Spectra.mount(
+    withProviders(
+      <div>
+        <Button label="Wait Test" />
+      </div>,
+    ),
+  );
+
+  const button = Spectra.get('~button');
+
+  // waitForClickable — button should be clickable
+  const clickable = await button.waitForClickable({ timeout: 3000 });
+  if (!clickable) {
+    throw new Error('Expected button to become clickable within timeout');
+  }
+
+  // Static mount stays visible; removal waits are covered by integration tests.
+  await button.shouldBeVisible();
+});

package/templates/react-component/specs/InputComponent/TC-0009-input-bounds/spec.md

@@ -0,0 +1,20 @@
+---
+id: TC-0009
+title: Verify input bounds and closest ancestor
+priority: Medium
+caseType: Positive
+status: automated
+coverage:
+  web: automated
+---
+
+# TC-0009: Input Bounds and Closest Ancestor
+
+Verify that `Spectra.get('input')` exposes element bounds (position + size) and can locate a matching ancestor via `closest()`.
+
+## Test Steps
+
+1. Mount `<Input placeholder="Bounds check" />`.
+2. Get the input via `Spectra.get('input')` and read its bounds.
+3. Verify `bounds.width` and `bounds.height` are greater than 0.
+4. Call `closest('div')` and verify a matching ancestor is returned.

package/templates/react-component/specs/InputComponent/TC-0009-input-bounds/web.test.tsx

@@ -0,0 +1,18 @@
+import { Input } from '../../../src/components/Input/Input.js';
+import { withProviders } from '../../../src/test-utils.js';
+
+it('Verify input bounds and closest ancestor', async () => {
+  await Spectra.mount(withProviders(<Input placeholder="Bounds check" />));
+
+  const input = Spectra.get('input');
+
+  const bounds = await input.getBounds();
+  if (!(bounds.width > 0) || !(bounds.height > 0)) {
+    throw new Error(`Expected positive input bounds, got ${JSON.stringify(bounds)}`);
+  }
+
+  const closest = await input.closest('div');
+  if (!closest) {
+    throw new Error('Expected input.closest("div") to resolve an ancestor');
+  }
+});

package/templates/react-component/specs/UserListComponent/{TC-0001-intercepted-user-list → TC-0013-intercepted-user-list}/spec.md

@@ -1,5 +1,5 @@
 ---
-id: TC-0001
+id: TC-0013
 title: Verify intercepted user list renders mocked users
 priority: Critical
 caseType: Positive