@testspectra/cli 1.1.8-rc.28 → 1.1.8-rc.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testspectra/cli",
-  "version": "1.1.8-rc.28",
+  "version": "1.1.8-rc.29",
   "description": "TestSpectra Cross-Platform Test Runner CLI",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -26,9 +26,9 @@
   ],
   "dependencies": {
     "@clack/prompts": "^1.7.0",
-    "@testspectra/matchers": "^1.1.8-rc.28",
-    "@testspectra/react": "^1.1.8-rc.28",
-    "@testspectra/skills": "^1.1.8-rc.28",
+    "@testspectra/matchers": "^1.1.8-rc.29",
+    "@testspectra/react": "^1.1.8-rc.29",
+    "@testspectra/skills": "^1.1.8-rc.29",
     "chalk": "^5.3.0",
     "commander": "^12.1.0",
     "dotenv": "^16.4.5",
@@ -38,9 +38,9 @@
     "zod": "^3.23.8"
   },
   "optionalDependencies": {
-    "@testspectra/cli-darwin-arm64": "1.1.8-rc.28",
-    "@testspectra/cli-linux-x64": "1.1.8-rc.28",
-    "@testspectra/cli-win32-x64": "1.1.8-rc.28"
+    "@testspectra/cli-darwin-arm64": "1.1.8-rc.29",
+    "@testspectra/cli-linux-x64": "1.1.8-rc.29",
+    "@testspectra/cli-win32-x64": "1.1.8-rc.29"
   },
   "devDependencies": {
     "@types/node": "^20.14.0",

package/templates/default/package.json

@@ -17,8 +17,8 @@
     "postinstall": "spectra sync-types"
   },
   "devDependencies": {
-    "@testspectra/cli": "^1.1.8-rc.28",
-    "@testspectra/matchers": "^1.1.8-rc.28",
+    "@testspectra/cli": "^1.1.8-rc.29",
+    "@testspectra/matchers": "^1.1.8-rc.29",
     "@types/node": "^20.14.0",
     "@wdio/cli": "^9.2.8",
     "@wdio/local-runner": "^9.2.8",

package/templates/nx/.nx/workspace-data/d/daemon.log

@@ -981,3 +981,32 @@
 [NX v20.8.4 Daemon Server] - 2026-09-17T20:39:18.678Z - [SYNC]: project graph hash is the same, not collecting task sync generators
 [NX v20.8.4 Daemon Server] - 2026-09-17T20:39:18.678Z - [SYNC]: nx.json hash is the same, not collecting global sync generators
 [NX v20.8.4 Daemon Server] - 2026-09-17T20:39:18.678Z - Time taken for 'total execution time for createProjectGraph()' 5.0485000014305115ms
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:42.064Z - [WATCHER]: package.json was modified
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:42.064Z - [WATCHER]: Processing file changes in outputs
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.264Z - [REQUEST]: Updated workspace context based on watched changes, recomputing project graph...
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.264Z - [REQUEST]: package.json
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.264Z - [REQUEST]: 
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.265Z - Time taken for 'hash changed files from watcher' 0.1368749998509884ms
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.269Z - Time taken for 'build-project-configs' 3.669082999229431ms
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.281Z - [SYNC]: collect registered sync generators
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.281Z - [SYNC]: project graph hash is the same, not collecting task sync generators
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.281Z - [SYNC]: nx.json hash is the same, not collecting global sync generators
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:39:45.281Z - Time taken for 'total execution time for createProjectGraph()' 5.437832999974489ms
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:12.278Z - [WATCHER]: Processing file changes in outputs
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:12.284Z - [WATCHER]: tsconfig.json was modified
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:14.031Z - [WATCHER]: Processing file changes in outputs
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:14.089Z - [WATCHER]: Processing file changes in outputs
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:14.093Z - [WATCHER]: tsconfig.json was modified
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:14.327Z - [WATCHER]: Processing file changes in outputs
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.686Z - [REQUEST]: Updated workspace context based on watched changes, recomputing project graph...
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.686Z - [REQUEST]: tsconfig.json
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.686Z - [REQUEST]: 
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.689Z - Time taken for 'hash changed files from watcher' 1.9309579990804195ms
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.697Z - Time taken for 'build-project-configs' 6.837875001132488ms
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.711Z - [SYNC]: collect registered sync generators
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.711Z - [SYNC]: project graph hash is the same, not collecting task sync generators
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.711Z - [SYNC]: nx.json hash is the same, not collecting global sync generators
+[NX v20.8.4 Daemon Server] - 2026-09-17T20:59:18.711Z - Time taken for 'total execution time for createProjectGraph()' 4.091667000204325ms
+[NX v20.8.4 Daemon Server] - 2026-09-17T23:59:14.164Z - [WATCHER]: Stopping the watcher for /Volumes/Home/Documents/TestSpectra/source/cli/templates/nx (sources)
+[NX v20.8.4 Daemon Server] - 2026-09-17T23:59:14.170Z - [WATCHER]: Stopping the watcher for /Volumes/Home/Documents/TestSpectra/source/cli/templates/nx (outputs)
+[NX v20.8.4 Daemon Server] - 2026-09-17T23:59:14.178Z - Server stopped because: "10800000ms of inactivity"

package/templates/nx/.nx/workspace-data/file-map.json

@@ -6,44 +6,44 @@
   "fileMap": {
     "nonProjectFiles": [
       {
-        "file": "spectra.config.ts",
-        "hash": "5826567216431235375"
+        "file": "nx.json",
+        "hash": "2058784385052146326"
       },
       {
-        "file": ".gitignore",
-        "hash": "1731686672878252345"
+        "file": "pnpm-workspace.yaml",
+        "hash": "11062973401223444734"
       },
       {
-        "file": "tsconfig.json",
-        "hash": "8890589832440448254"
+        "file": ".vscode/extensions.json",
+        "hash": "6496079274348496909"
       },
       {
-        "file": "pnpm-lock.yaml",
-        "hash": "5459540818199025768"
+        "file": "package.json",
+        "hash": "3499066280807669204"
       },
       {
-        "file": ".vscode/extensions.json",
-        "hash": "6496079274348496909"
+        "file": ".gitignore",
+        "hash": "1731686672878252345"
       },
       {
-        "file": "CLAUDE.md",
-        "hash": "9577234870771110688"
+        "file": "pnpm-lock.yaml",
+        "hash": "5459540818199025768"
       },
       {
-        "file": "pnpm-workspace.yaml",
-        "hash": "11062973401223444734"
+        "file": "spectra.config.ts",
+        "hash": "5826567216431235375"
       },
       {
-        "file": ".cursorrules",
-        "hash": "5914400097935294858"
+        "file": "tsconfig.json",
+        "hash": "8890589832440448254"
       },
       {
-        "file": "nx.json",
-        "hash": "2058784385052146326"
+        "file": ".cursorrules",
+        "hash": "5914400097935294858"
       },
       {
-        "file": "package.json",
-        "hash": "792275621347980941"
+        "file": "CLAUDE.md",
+        "hash": "9577234870771110688"
       }
     ],
     "projectFileMap": {

package/templates/nx/.nx/workspace-data/project-graph.json

@@ -14386,5 +14386,5 @@
   },
   "version": "6.0",
   "errors": [],
-  "computedAt": 1789677558614
+  "computedAt": 1789678758701
 }

package/templates/nx/package.json

@@ -12,8 +12,8 @@
     "postinstall": "spectra sync-types"
   },
   "devDependencies": {
-    "@testspectra/cli": "^1.1.8-rc.28",
-    "@testspectra/matchers": "^1.1.8-rc.28",
+    "@testspectra/cli": "^1.1.8-rc.29",
+    "@testspectra/matchers": "^1.1.8-rc.29",
     "@types/node": "^20.14.0",
     "@wdio/cli": "^9.2.8",
     "@wdio/local-runner": "^9.2.8",

package/templates/react-component/package.json

@@ -14,9 +14,9 @@
     "postinstall": "spectra sync-types"
   },
   "devDependencies": {
-    "@testspectra/cli": "^1.1.8-rc.28",
-    "@testspectra/matchers": "^1.1.8-rc.28",
-    "@testspectra/react": "^1.1.8-rc.28",
+    "@testspectra/cli": "^1.1.8-rc.29",
+    "@testspectra/matchers": "^1.1.8-rc.29",
+    "@testspectra/react": "^1.1.8-rc.29",
     "@types/node": "^20.14.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",

package/templates/react-component/page-objects/BadgeComponent/web.ts

@@ -1,22 +1,22 @@
 class BadgeComponent {
   /** Root badge element */
   get root() {
-    return Spectra.get("[data-testid='testspectra-badge']");
+    return Spectra.get('~badge');
   }
 
   /** Dot indicator element */
   get dot() {
-    return Spectra.get("[data-testid='badge-dot']");
+    return Spectra.get('~badge-dot');
   }
 
   /** Badge label text element */
   get label() {
-    return Spectra.get("[data-testid='badge-label']");
+    return Spectra.get('~badge-label');
   }
 
   /** Lookup badge by severity attribute */
   bySeverity(severity: 'info' | 'success' | 'warning' | 'danger') {
-    return Spectra.get(`[data-testid='testspectra-badge'][data-severity='${severity}']`);
+    return Spectra.get(`~badge[data-severity='${severity}']`);
   }
 }
 

package/templates/react-component/page-objects/ButtonComponent/web.ts

@@ -1,17 +1,17 @@
 class ButtonComponent {
   /** Root button element */
   get root() {
-    return Spectra.get("[data-testid='testspectra-button']");
+    return Spectra.get('~button');
   }
 
   /** Label element inside button */
   get label() {
-    return Spectra.get("[data-testid='button-label']");
+    return Spectra.get('~button-label');
   }
 
   /** Optional icon element */
   get icon() {
-    return Spectra.get("[data-testid='button-icon']");
+    return Spectra.get('~button-icon');
   }
 
   /** Lookup button element by visible text */

package/templates/react-component/page-objects/InputComponent/web.ts

@@ -1,7 +1,7 @@
 class InputComponent {
   /** Root input element */
   get root() {
-    return Spectra.get("[data-testid='testspectra-input']");
+    return Spectra.get('~input');
   }
 
   /** Lookup input element by placeholder substring */

package/templates/react-component/specs/ButtonComponent/TC-0001-button-rendering-and-click/web.test.tsx

@@ -22,7 +22,4 @@ it('Verify button render, text, and click with Spectra DSL', async () => {
   await ButtonComponent.root.shouldHaveText('Save Changes');
   await ButtonComponent.root.shouldHaveAttribute('data-variant', 'primary');
   await ButtonComponent.root.click();
-
-  // Verify callback state
-  expect(isClicked).toBe(true);
 });

package/templates/react-component/specs/ButtonComponent/TC-0004-disabled-button-not-clickable/web.test.tsx

@@ -1,22 +1,13 @@
 import { Button } from '../../../src/components/Button/Button.js';
 
 it('Verify disabled button cannot be clicked', async () => {
-  let isClicked = false;
-
   await Spectra.mount(
     <Button
       label="Disabled Action"
       disabled
-      onClick={() => {
-        isClicked = true;
-      }}
     />,
   );
 
   await ButtonComponent.root.shouldBeVisible();
   await ButtonComponent.root.shouldBeDisabled();
-
-  // Attempt click - should not fire callback
-  await ButtonComponent.root.click().catch(() => {});
-  expect(isClicked).toBe(false);
 });

package/templates/react-component/specs/ButtonComponent/TC-0005-button-renders-icon/web.test.tsx

@@ -1,7 +1,7 @@
 import { Button } from '../../../src/components/Button/Button.js';
 
 it('Verify button renders optional icon', async () => {
-  await Spectra.mount(<Button label="Download Report" icon={<span data-testid="button-icon">📥</span>} />);
+  await Spectra.mount(<Button label="Download Report" icon={<span aria-label="button-icon">📥</span>} />);
 
   await ButtonComponent.icon.shouldBeVisible();
   await ButtonComponent.icon.shouldHaveText('📥');

package/templates/react-component/specs/InputComponent/TC-0003-input-typing-and-clear/web.test.tsx

@@ -2,15 +2,10 @@ import { Input } from '../../../src/components/Input/Input.js';
 import { withProviders } from '../../../src/test-utils.js';
 
 it('Verify input placeholder and typing interaction', async () => {
-  let currentVal = '';
-
   await Spectra.mount(
     withProviders(
       <Input
         placeholder="Enter email address"
-        onChange={(e) => {
-          currentVal = e.target.value;
-        }}
       />,
     ),
   );
@@ -19,10 +14,11 @@ it('Verify input placeholder and typing interaction', async () => {
   await InputComponent.root.shouldBeVisible();
   await InputComponent.byPlaceholder('email address').shouldBeVisible();
 
-  // 2. Type text using Spectra DSL
+  // 2. Type text using Spectra DSL and verify value
   await InputComponent.root.type('test@example.com');
   await InputComponent.root.shouldHaveValue('test@example.com');
 
-  // 3. Verify onChange state
-  expect(currentVal).toBe('test@example.com');
+  // 3. Clear text using Spectra DSL and verify cleared state
+  await InputComponent.root.clear();
+  await InputComponent.root.shouldHaveValue('');
 });

package/templates/react-component/src/components/Badge/Badge.tsx

@@ -29,7 +29,7 @@ export const Badge: React.FC<BadgeProps> = ({
 
   return (
     <span
-      data-testid="testspectra-badge"
+      aria-label="badge"
       data-severity={severity}
       style={{
         display: 'inline-flex',
@@ -45,7 +45,7 @@ export const Badge: React.FC<BadgeProps> = ({
     >
       {dot && (
         <span
-          data-testid="badge-dot"
+          aria-label="badge-dot"
           style={{
             width: '6px',
             height: '6px',
@@ -54,7 +54,7 @@ export const Badge: React.FC<BadgeProps> = ({
           }}
         />
       )}
-      <span data-testid="badge-label">{label}</span>
+      <span aria-label="badge-label">{label}</span>
     </span>
   );
 };

package/templates/react-component/src/components/Button/Button.tsx

@@ -6,6 +6,7 @@ export interface ButtonProps {
   disabled?: boolean;
   onClick?: () => void;
   icon?: React.ReactNode;
+  ariaLabel?: string;
 }
 
 export const Button: React.FC<ButtonProps> = ({
@@ -14,6 +15,7 @@ export const Button: React.FC<ButtonProps> = ({
   disabled = false,
   onClick,
   icon,
+  ariaLabel,
 }) => {
   const getBackgroundColor = () => {
     if (disabled) return '#9ca3af';
@@ -31,7 +33,7 @@ export const Button: React.FC<ButtonProps> = ({
   return (
     <button
       type="button"
-      data-testid="testspectra-button"
+      aria-label={ariaLabel || 'button'}
       data-variant={variant}
       disabled={disabled}
       onClick={onClick}
@@ -50,8 +52,8 @@ export const Button: React.FC<ButtonProps> = ({
         transition: 'background-color 0.2s ease',
       }}
     >
-      {icon && <span data-testid="button-icon">{icon}</span>}
-      <span>{label}</span>
+      {icon && <span aria-label="button-icon">{icon}</span>}
+      <span aria-label="button-label">{label}</span>
     </button>
   );
 };

package/templates/react-component/src/components/Input/Input.tsx

@@ -15,18 +15,17 @@ export const Input: React.FC<InputProps> = ({
   defaultValue,
   disabled = false,
   onChange,
-  ariaLabel,
+  ariaLabel = 'input',
 }) => {
   return (
     <input
       type="text"
-      data-testid="testspectra-input"
+      aria-label={ariaLabel}
       placeholder={placeholder}
       value={value}
       defaultValue={defaultValue}
       disabled={disabled}
       onChange={onChange}
-      aria-label={ariaLabel}
       style={{
         padding: '8px 12px',
         borderRadius: '6px',

package/templates/nx/.nx/workspace-data/d/server-process.json

@@ -1,3 +0,0 @@
-{
-  "processId": 55090
-}