@testspectra/cli 1.0.59 → 1.0.63

package/templates/default/support/steps/verifyPlaygroundState/web.step.ts

@@ -0,0 +1,6 @@
+export default async function verifyPlaygroundState() {
+  await PlaygroundPage.open();
+  await PlaygroundPage.visibleElement.should("be.visible");
+  await PlaygroundPage.enabledButton.should("be.enabled");
+  await PlaygroundPage.termsCheckbox.should("be.checked");
+}

package/templates/default/tsconfig.spectra.android.json

@@ -17,6 +17,7 @@
     ".testspectra/types/android.d.ts",
     ".testspectra/types/fixtures.d.ts",
     "page-objects/**/*.ts",
+    "support/**/*.ts",
     "steps/**/*.ts",
     "actions/**/*.ts",
     "global-hooks/**/*.ts",
@@ -29,14 +30,16 @@
     "dist",
     "page-objects/**/web.ts",
     "page-objects/**/ios.ts",
+    "support/**/web.*",
+    "support/**/ios.*",
     "steps/**/web.step.ts",
     "steps/**/ios.step.ts",
     "actions/**/web.action.ts",
     "actions/**/ios.action.ts",
-    "global-hooks/**/web.hook.ts",
-    "global-hooks/**/ios.hook.ts",
-    "specs/**/hooks/**/web.hook.ts",
-    "specs/**/hooks/**/ios.hook.ts",
+    "global-hooks/**/web.*",
+    "global-hooks/**/ios.*",
+    "specs/**/hooks/**/web.*",
+    "specs/**/hooks/**/ios.*",
     "specs/**/web.test.ts",
     "specs/**/ios.test.ts"
   ]

package/templates/default/tsconfig.spectra.ios.json

@@ -17,6 +17,7 @@
     ".testspectra/types/ios.d.ts",
     ".testspectra/types/fixtures.d.ts",
     "page-objects/**/*.ts",
+    "support/**/*.ts",
     "steps/**/*.ts",
     "actions/**/*.ts",
     "global-hooks/**/*.ts",
@@ -29,14 +30,16 @@
     "dist",
     "page-objects/**/web.ts",
     "page-objects/**/android.ts",
+    "support/**/web.*",
+    "support/**/android.*",
     "steps/**/web.step.ts",
     "steps/**/android.step.ts",
     "actions/**/web.action.ts",
     "actions/**/android.action.ts",
-    "global-hooks/**/web.hook.ts",
-    "global-hooks/**/android.hook.ts",
-    "specs/**/hooks/**/web.hook.ts",
-    "specs/**/hooks/**/android.hook.ts",
+    "global-hooks/**/web.*",
+    "global-hooks/**/android.*",
+    "specs/**/hooks/**/web.*",
+    "specs/**/hooks/**/android.*",
     "specs/**/web.test.ts",
     "specs/**/android.test.ts"
   ]

package/templates/default/tsconfig.spectra.web.json

@@ -17,6 +17,7 @@
     ".testspectra/types/web.d.ts",
     ".testspectra/types/fixtures.d.ts",
     "page-objects/**/*.ts",
+    "support/**/*.ts",
     "steps/**/*.ts",
     "actions/**/*.ts",
     "global-hooks/**/*.ts",
@@ -30,18 +31,21 @@
     "page-objects/**/android.ts",
     "page-objects/**/ios.ts",
     "page-objects/**/mobile.ts",
+    "support/**/android.*",
+    "support/**/ios.*",
+    "support/**/mobile.*",
     "steps/**/android.step.ts",
     "steps/**/ios.step.ts",
     "steps/**/mobile.step.ts",
     "actions/**/android.action.ts",
     "actions/**/ios.action.ts",
     "actions/**/mobile.action.ts",
-    "global-hooks/**/android.hook.ts",
-    "global-hooks/**/ios.hook.ts",
-    "global-hooks/**/mobile.hook.ts",
-    "specs/**/hooks/**/android.hook.ts",
-    "specs/**/hooks/**/ios.hook.ts",
-    "specs/**/hooks/**/mobile.hook.ts",
+    "global-hooks/**/android.*",
+    "global-hooks/**/ios.*",
+    "global-hooks/**/mobile.*",
+    "specs/**/hooks/**/android.*",
+    "specs/**/hooks/**/ios.*",
+    "specs/**/hooks/**/mobile.*",
     "specs/**/android.test.ts",
     "specs/**/ios.test.ts",
     "specs/**/mobile.test.ts"

package/templates/nx/.cursorrules

@@ -0,0 +1,18 @@
+# TestSpectra AI Instructions for Cursor
+
+You are developing end-to-end automated tests with the TestSpectra testing framework.
+
+## Key Rules & Conventions
+1. **Zero-Import Standard**: Never add manual `import` statements for Page Objects (`PlaygroundPage`, `MatchersPage`, `NavigationPage`), Steps (`Step.*`), Fixtures (`Fixture.*`), or Actions (`Spectra.*`). All typings are provided globally and ambiently via `.testspectra/types/`.
+2. **Platform Separation**:
+   - `web.test.ts` / `web.ts` / `web.step.ts` / `web.hook.ts`: Web platform implementations.
+   - `mobile.test.ts` / `mobile.ts` / `mobile.step.ts` / `mobile.hook.ts`: Mobile platform implementations.
+   - `common.test.ts` / `common.ts` / `common.step.ts` / `common.hook.ts`: Cross-platform shared implementations.
+3. **CamelCase Naming Convention**:
+   - Shared Steps (`support/steps/loginAsAdmin/`, `support/steps/verifyPlaygroundState/`)
+   - Custom Actions (`support/actions/applyDiscount/`, `support/actions/verifyOtp/`)
+   - Lifecycle Hooks (`global-hooks/before/`, `global-hooks/after/`, `specs/<suite>/hooks/before/`, `specs/<suite>/hooks/beforeEach/`, `specs/<suite>/hooks/after/`, `specs/<suite>/hooks/afterEach/`)
+4. **Spec-as-Code**:
+   - Suites are defined in `specs/<suite-name>/suite.md` with YAML frontmatter (`id`, `name`, `executionOrder`, `tags`).
+   - Test cases are defined in `specs/<suite-name>/<TC-ID-slug>/spec.md` with YAML frontmatter (`id`, `title`, `priority`, `coverage`).
+   - Shared steps are defined in `support/steps/<stepName>/step.md`.

package/templates/nx/CLAUDE.md

@@ -0,0 +1,10 @@
+# CLAUDE.md - TestSpectra Framework Conventions
+
+## Commands
+- Run all Web tests: `pnpm spectra run -t web`
+- Run specific spec: `pnpm spectra run "specs/Playground/TC-0001-form-controls/web.test.ts" -t web`
+- Run Nx monorepo E2E targets: `pnpm nx run-many -t e2e`
+- Run Mobile tests: `pnpm spectra run --target android` or `pnpm spectra run --target ios`
+- Type checking: `pnpm type-check` (or `tsc -b tsconfig.spectra.json`)
+- Preflight doctor: `pnpm spectra doctor`
+- List devices: `pnpm spectra devices`

package/templates/nx/fixtures/playgroundData.json

@@ -0,0 +1,7 @@
+{
+  "defaultEmail": "admin@testspectra.dev",
+  "defaultToken": "JWT_abc123xyz",
+  "pageTitle": "TestSpectra — Matchers API Reference",
+  "welcomeText": "Welcome to TestSpectra",
+  "dashboardHref": "/dashboard"
+}

package/templates/nx/global-hooks/after/mobile.hook.ts

@@ -0,0 +1,3 @@
+export default async function () {
+  // Global mobile teardown
+}

package/templates/nx/global-hooks/after/web.hook.ts

@@ -0,0 +1,3 @@
+export default async function () {
+  // Global web teardown
+}

package/templates/nx/global-hooks/before/mobile.hook.ts

@@ -0,0 +1,3 @@
+export default async function () {
+  // Global mobile initialization
+}

package/templates/nx/global-hooks/before/web.hook.ts

@@ -0,0 +1,3 @@
+export default async function () {
+  // Global web initialization
+}

package/templates/nx/package.json

@@ -11,7 +11,7 @@
   },
   "devDependencies": {
     "@testspectra/cli": "workspace:*",
-    "@testspectra/matchers": "^1.0.59",
+    "@testspectra/matchers": "workspace:*",
     "@types/node": "^20.14.0",
     "@wdio/globals": "^9.2.8",
     "@wdio/mocha-framework": "^9.2.8",

package/templates/nx/{modules/auth → packages/matchers}/e2e/project.json

@@ -1,14 +1,14 @@
 {
-  "name": "auth-e2e",
+  "name": "matchers-e2e",
   "$schema": "../../../node_modules/nx/schemas/project-schema.json",
   "projectType": "application",
-  "sourceRoot": "modules/auth/e2e",
+  "sourceRoot": "packages/matchers/e2e",
   "targets": {
     "e2e": {
       "executor": "nx:run-commands",
       "options": {
         "command": "spectra run",
-        "cwd": "modules/auth/e2e"
+        "cwd": "packages/matchers/e2e"
       },
       "configurations": {
         "android": {
@@ -25,10 +25,13 @@
     "type-check": {
       "executor": "nx:run-commands",
       "options": {
-        "command": "tsc -b tsconfig.spectra.json",
+        "command": "tsc -b",
         "cwd": "."
       }
     }
   },
-  "tags": ["scope:auth", "type:e2e"]
+  "tags": [
+    "scope:matchers",
+    "type:e2e"
+  ]
 }

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/TC-0007-title-and-navigation/mobile.test.ts

@@ -0,0 +1,3 @@
+it("should verify title on Mobile", async () => {
+  await MatchersPage.open();
+});

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/TC-0007-title-and-navigation/spec.md

@@ -0,0 +1,12 @@
+---
+id: TC-0007-title-and-navigation
+title: Verify page title and sidebar navigation links
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Verify page title and sidebar navigation links

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/TC-0007-title-and-navigation/web.test.ts

@@ -0,0 +1,5 @@
+it("should verify browser page title and navigation links on Web", async () => {
+  await MatchersPage.open();
+  await browser.shouldContainTitle("TestSpectra");
+  await NavigationPage.sidebarLinks.should("have.length.greaterThan", 0);
+});

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/hooks/after/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/hooks/after/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/hooks/afterEach/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/hooks/afterEach/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/hooks/before/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/hooks/before/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/hooks/beforeEach/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/hooks/beforeEach/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/BrowserContext/suite.md

@@ -0,0 +1,9 @@
+---
+id: suite-browser-context
+name: BrowserContext
+description: Browser page title, current URL, and navigation
+executionOrder: 1.0
+parallel: true
+---
+
+# Suite: BrowserContext

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/TC-0005-text-and-values/mobile.test.ts

@@ -0,0 +1,3 @@
+it("should verify text on Mobile", async () => {
+  await MatchersPage.open("text");
+});

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/TC-0005-text-and-values/spec.md

@@ -0,0 +1,12 @@
+---
+id: TC-0005-text-and-values
+title: Verify exact text, substring text, and input values
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Verify exact text, substring text, and input values

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/TC-0005-text-and-values/web.test.ts

@@ -0,0 +1,7 @@
+it("should verify text and value matchers on Web", async () => {
+  await MatchersPage.open("text");
+  await MatchersPage.exactText.should("have.text", Fixture.playgroundData.welcomeText);
+  await MatchersPage.partialText.should("contain.text", "Welcome");
+  await MatchersPage.emailInput.should("have.value", Fixture.playgroundData.defaultEmail);
+  await MatchersPage.tokenInput.should("contain.value", "JWT_");
+});

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/TC-0006-collections-and-empty/mobile.test.ts

@@ -0,0 +1,3 @@
+it("should verify collection length on Mobile", async () => {
+  await MatchersPage.open("length");
+});

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/TC-0006-collections-and-empty/spec.md

@@ -0,0 +1,12 @@
+---
+id: TC-0006-collections-and-empty
+title: Verify collection lengths, counts, and empty lists
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Verify collection lengths, counts, and empty lists

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/TC-0006-collections-and-empty/web.test.ts

@@ -0,0 +1,6 @@
+it("should verify collection lengths and empty lists on Web", async () => {
+  await MatchersPage.open("length");
+  await MatchersPage.productCards.should("have.length", 4);
+  await MatchersPage.productCards.should("have.length.greaterThan", 0);
+  await MatchersPage.emptyList.should("be.empty");
+});

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/hooks/after/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/hooks/after/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/hooks/afterEach/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/hooks/afterEach/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/hooks/before/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/hooks/before/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/hooks/beforeEach/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/hooks/beforeEach/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ContentMatchers/suite.md

@@ -0,0 +1,9 @@
+---
+id: suite-content-matchers
+name: ContentMatchers
+description: Text content, substring matching, values and collections
+executionOrder: 1.0
+parallel: true
+---
+
+# Suite: ContentMatchers

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/TC-0003-visibility-and-dom/mobile.test.ts

@@ -0,0 +1,3 @@
+it("should verify visibility on Mobile", async () => {
+  await MatchersPage.open("visibility");
+});

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/TC-0003-visibility-and-dom/spec.md

@@ -0,0 +1,12 @@
+---
+id: TC-0003-visibility-and-dom
+title: Verify element visibility and existence matchers
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Verify element visibility and existence matchers

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/TC-0003-visibility-and-dom/web.test.ts

@@ -0,0 +1,5 @@
+it("should verify be.visible and exist matchers on Web", async () => {
+  await MatchersPage.open("visibility");
+  await MatchersPage.visibleElement.should("be.visible");
+  await MatchersPage.existingElement.should("exist");
+});

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/TC-0004-states-and-attributes/mobile.test.ts

@@ -0,0 +1,3 @@
+it("should verify button state on Mobile", async () => {
+  await MatchersPage.open("state");
+});

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/TC-0004-states-and-attributes/spec.md

@@ -0,0 +1,12 @@
+---
+id: TC-0004-states-and-attributes
+title: Verify button state, checkbox, radio and attributes
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Verify button state, checkbox, radio and attributes

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/TC-0004-states-and-attributes/web.test.ts

@@ -0,0 +1,8 @@
+it("should verify enabled/disabled states and HTML attributes on Web", async () => {
+  await MatchersPage.open("state");
+  await MatchersPage.submitButton.should("be.enabled");
+  await MatchersPage.disabledButton.should("be.disabled");
+  await MatchersPage.checkbox.should("not.be.checked");
+  await MatchersPage.activeTab.should("have.class", "is-active");
+  await MatchersPage.navLink.should("have.attr", "href", Fixture.playgroundData.dashboardHref);
+});

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/hooks/after/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/hooks/after/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/hooks/afterEach/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/hooks/afterEach/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/hooks/before/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/hooks/before/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/hooks/beforeEach/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/hooks/beforeEach/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/matchers/e2e/specs/ElementMatchers/suite.md

@@ -0,0 +1,9 @@
+---
+id: suite-element-matchers
+name: ElementMatchers
+description: Element visibility, existence, form states and attributes
+executionOrder: 1.0
+parallel: true
+---
+
+# Suite: ElementMatchers

package/templates/nx/packages/playground/e2e/project.json

@@ -0,0 +1,37 @@
+{
+  "name": "playground-e2e",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "packages/playground/e2e",
+  "targets": {
+    "e2e": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "spectra run",
+        "cwd": "packages/playground/e2e"
+      },
+      "configurations": {
+        "android": {
+          "command": "spectra run --target android"
+        },
+        "ios": {
+          "command": "spectra run --target ios"
+        },
+        "headless": {
+          "command": "spectra run --headless"
+        }
+      }
+    },
+    "type-check": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "tsc -b",
+        "cwd": "."
+      }
+    }
+  },
+  "tags": [
+    "scope:playground",
+    "type:e2e"
+  ]
+}

package/templates/nx/packages/playground/e2e/specs/Playground/TC-0001-form-controls/mobile.test.ts

@@ -0,0 +1,3 @@
+it("should verify playground states (Mobile)", async () => {
+  await Step.verifyPlaygroundState();
+});

package/templates/nx/packages/playground/e2e/specs/Playground/TC-0001-form-controls/spec.md

@@ -0,0 +1,12 @@
+---
+id: TC-0001-form-controls
+title: Verify playground form inputs and default states
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Verify playground form inputs and default states

package/templates/nx/packages/playground/e2e/specs/Playground/TC-0001-form-controls/web.test.ts

@@ -0,0 +1,6 @@
+it("should verify live playground form inputs and default states (Web)", async () => {
+  await Step.verifyPlaygroundState();
+  await PlaygroundPage.emailInput.should("have.value", Fixture.playgroundData.defaultEmail);
+  await PlaygroundPage.tokenInput.should("contain.value", "JWT_");
+  await PlaygroundPage.exactText.should("have.text", Fixture.playgroundData.welcomeText);
+});

package/templates/nx/packages/playground/e2e/specs/Playground/TC-0002-toggle-elements/mobile.test.ts

@@ -0,0 +1,3 @@
+it("should fill credentials (Mobile)", async () => {
+  await PlaygroundPage.open();
+});

package/templates/nx/packages/playground/e2e/specs/Playground/TC-0002-toggle-elements/spec.md

@@ -0,0 +1,12 @@
+---
+id: TC-0002-toggle-elements
+title: Verify typing credentials and updating playground inputs
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Verify typing credentials and updating playground inputs

package/templates/nx/packages/playground/e2e/specs/Playground/TC-0002-toggle-elements/web.test.ts

@@ -0,0 +1,6 @@
+it("should update input values and verify updated state (Web)", async () => {
+  await PlaygroundPage.open();
+  await PlaygroundPage.fillCredentials("qa.expert@testspectra.dev", "JWT_custom_session_token");
+  await PlaygroundPage.emailInput.should("have.value", "qa.expert@testspectra.dev");
+  await PlaygroundPage.tokenInput.should("contain.value", "JWT_custom_session_token");
+});

package/templates/nx/packages/playground/e2e/specs/Playground/hooks/after/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/playground/e2e/specs/Playground/hooks/after/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/playground/e2e/specs/Playground/hooks/afterEach/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/playground/e2e/specs/Playground/hooks/afterEach/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/playground/e2e/specs/Playground/hooks/before/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/playground/e2e/specs/Playground/hooks/before/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/playground/e2e/specs/Playground/hooks/beforeEach/mobile.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/playground/e2e/specs/Playground/hooks/beforeEach/web.hook.ts

@@ -0,0 +1 @@
+export default async function () {}

package/templates/nx/packages/playground/e2e/specs/Playground/suite.md

@@ -0,0 +1,9 @@
+---
+id: suite-playground
+name: Playground
+description: Live Playground form controls and interactive toggles
+executionOrder: 1.0
+parallel: true
+---
+
+# Suite: Playground

package/templates/nx/page-objects/MatchersPage/mobile.ts

@@ -0,0 +1,21 @@
+export class MatchersPage {
+  get visibleElement() { return Spectra.get("~visible_element"); }
+  get hiddenElement() { return Spectra.get("~hidden_element"); }
+  get existingElement() { return Spectra.get("~existing_element"); }
+  get submitButton() { return Spectra.get("~submit_button"); }
+  get disabledButton() { return Spectra.get("~disabled_button"); }
+  get checkbox() { return Spectra.get("~checkbox"); }
+  get radio() { return Spectra.get("~radio"); }
+  get emailInput() { return Spectra.get("~email_input"); }
+  get tokenInput() { return Spectra.get("~token_input"); }
+  get exactText() { return Spectra.get("~exact_text"); }
+  get partialText() { return Spectra.get("~partial_text"); }
+  get activeTab() { return Spectra.get("~active_tab"); }
+  get navLink() { return Spectra.get("~nav_link"); }
+  get productCards() { return Spectra.getAll("~product_card"); }
+  get emptyList() { return Spectra.getAll("~empty_list"); }
+
+  async open(_section = "") {}
+}
+
+export default new MatchersPage();