@testspectra/cli 1.0.59 → 1.0.63

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

@@ -0,0 +1,23 @@
+export class MatchersPage {
+  get visibleElement() { return Spectra.get("#demo-visible-el"); }
+  get hiddenElement() { return Spectra.get("#demo-hidden-el"); }
+  get existingElement() { return Spectra.get("#demo-existing-el"); }
+  get submitButton() { return Spectra.get("#demo-submit-btn"); }
+  get disabledButton() { return Spectra.get("#demo-disabled-btn"); }
+  get checkbox() { return Spectra.get("#demo-checkbox"); }
+  get radio() { return Spectra.get("#demo-radio"); }
+  get emailInput() { return Spectra.get("#demo-email-input"); }
+  get tokenInput() { return Spectra.get("#demo-token-input"); }
+  get exactText() { return Spectra.get("#demo-exact-text"); }
+  get partialText() { return Spectra.get("#demo-partial-text"); }
+  get activeTab() { return Spectra.get("#demo-active-tab"); }
+  get navLink() { return Spectra.get("#demo-nav-link"); }
+  get productCards() { return Spectra.getAll(".demo-product-card"); }
+  get emptyList() { return Spectra.getAll("#demo-empty-list > *"); }
+
+  async open(section = "") {
+    await browser.url("/" + (section ? "#" + section : ""));
+  }
+}
+
+export default new MatchersPage();

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

@@ -0,0 +1,5 @@
+export class NavigationPage {
+  get sidebarLinks() { return Spectra.getAll("~sidebar_link"); }
+}
+
+export default new NavigationPage();

package/templates/nx/page-objects/NavigationPage/web.ts

@@ -0,0 +1,8 @@
+export class NavigationPage {
+  get sidebarLinks() { return Spectra.getAll("aside a"); }
+  get overviewLink() { return Spectra.get("aside a[href='#overview']"); }
+  get visibilityLink() { return Spectra.get("aside a[href='#visibility']"); }
+  get playgroundLink() { return Spectra.get("aside a[href='#playground']"); }
+}
+
+export default new NavigationPage();

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

@@ -0,0 +1,26 @@
+export class PlaygroundPage {
+  get visibleElement() { return Spectra.get("~visible_element"); }
+  get hiddenElement() { return Spectra.get("~hidden_element"); }
+  get existingElement() { return Spectra.get("~existing_element"); }
+  get removedElement() { return Spectra.get("~removed_element"); }
+  get enabledButton() { return Spectra.get("~enabled_button"); }
+  get disabledButton() { return Spectra.get("~disabled_button"); }
+  get termsCheckbox() { return Spectra.get("~terms_checkbox"); }
+  get modeRadio() { return Spectra.get("~mode_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 productItems() { return Spectra.getAll("~product_item"); }
+  get emptyList() { return Spectra.getAll("~empty_list"); }
+
+  async open() {}
+  async fillCredentials(email = Fixture.playgroundData.defaultEmail, token = Fixture.playgroundData.defaultToken) {
+    await this.emailInput.type(email);
+    await this.tokenInput.type(token);
+  }
+}
+
+export default new PlaygroundPage();

package/templates/nx/page-objects/PlaygroundPage/web.ts

@@ -0,0 +1,29 @@
+export class PlaygroundPage {
+  get visibleElement() { return Spectra.get("#demo-visible-el-pg"); }
+  get hiddenElement() { return Spectra.get("#demo-hidden-el-pg"); }
+  get existingElement() { return Spectra.get("#demo-existing-el-pg"); }
+  get removedElement() { return Spectra.get("#demo-removed-el-pg"); }
+  get enabledButton() { return Spectra.get("#demo-enabled-btn"); }
+  get disabledButton() { return Spectra.get("#demo-disabled-btn-pg"); }
+  get termsCheckbox() { return Spectra.get("#demo-terms-checkbox"); }
+  get modeRadio() { return Spectra.get("#demo-mode-radio"); }
+  get emailInput() { return Spectra.get("#demo-email-input-pg"); }
+  get tokenInput() { return Spectra.get("#demo-token-input-pg"); }
+  get exactText() { return Spectra.get("#demo-exact-text-pg"); }
+  get partialText() { return Spectra.get("#demo-partial-text-pg"); }
+  get activeTab() { return Spectra.get("#demo-active-tab-pg"); }
+  get navLink() { return Spectra.get("#demo-nav-link-pg"); }
+  get productItems() { return Spectra.getAll(".demo-product-item"); }
+  get emptyList() { return Spectra.getAll("#demo-empty-list-pg > *"); }
+
+  async open() {
+    await browser.url("/#playground");
+  }
+
+  async fillCredentials(email = Fixture.playgroundData.defaultEmail, token = Fixture.playgroundData.defaultToken) {
+    await this.emailInput.type(email);
+    await this.tokenInput.type(token);
+  }
+}
+
+export default new PlaygroundPage();

package/templates/nx/shared/testing/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/shared/testing/global-hooks/after/mobile.hook.ts

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

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

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

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

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

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

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

package/templates/nx/shared/testing/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();

package/templates/nx/shared/testing/page-objects/MatchersPage/web.ts

@@ -0,0 +1,23 @@
+export class MatchersPage {
+  get visibleElement() { return Spectra.get("#demo-visible-el"); }
+  get hiddenElement() { return Spectra.get("#demo-hidden-el"); }
+  get existingElement() { return Spectra.get("#demo-existing-el"); }
+  get submitButton() { return Spectra.get("#demo-submit-btn"); }
+  get disabledButton() { return Spectra.get("#demo-disabled-btn"); }
+  get checkbox() { return Spectra.get("#demo-checkbox"); }
+  get radio() { return Spectra.get("#demo-radio"); }
+  get emailInput() { return Spectra.get("#demo-email-input"); }
+  get tokenInput() { return Spectra.get("#demo-token-input"); }
+  get exactText() { return Spectra.get("#demo-exact-text"); }
+  get partialText() { return Spectra.get("#demo-partial-text"); }
+  get activeTab() { return Spectra.get("#demo-active-tab"); }
+  get navLink() { return Spectra.get("#demo-nav-link"); }
+  get productCards() { return Spectra.getAll(".demo-product-card"); }
+  get emptyList() { return Spectra.getAll("#demo-empty-list > *"); }
+
+  async open(section = "") {
+    await browser.url("/" + (section ? "#" + section : ""));
+  }
+}
+
+export default new MatchersPage();

package/templates/nx/shared/testing/page-objects/NavigationPage/mobile.ts

@@ -0,0 +1,5 @@
+export class NavigationPage {
+  get sidebarLinks() { return Spectra.getAll("~sidebar_link"); }
+}
+
+export default new NavigationPage();

package/templates/nx/shared/testing/page-objects/NavigationPage/web.ts

@@ -0,0 +1,8 @@
+export class NavigationPage {
+  get sidebarLinks() { return Spectra.getAll("aside a"); }
+  get overviewLink() { return Spectra.get("aside a[href='#overview']"); }
+  get visibilityLink() { return Spectra.get("aside a[href='#visibility']"); }
+  get playgroundLink() { return Spectra.get("aside a[href='#playground']"); }
+}
+
+export default new NavigationPage();

package/templates/nx/shared/testing/page-objects/PlaygroundPage/mobile.ts

@@ -0,0 +1,26 @@
+export class PlaygroundPage {
+  get visibleElement() { return Spectra.get("~visible_element"); }
+  get hiddenElement() { return Spectra.get("~hidden_element"); }
+  get existingElement() { return Spectra.get("~existing_element"); }
+  get removedElement() { return Spectra.get("~removed_element"); }
+  get enabledButton() { return Spectra.get("~enabled_button"); }
+  get disabledButton() { return Spectra.get("~disabled_button"); }
+  get termsCheckbox() { return Spectra.get("~terms_checkbox"); }
+  get modeRadio() { return Spectra.get("~mode_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 productItems() { return Spectra.getAll("~product_item"); }
+  get emptyList() { return Spectra.getAll("~empty_list"); }
+
+  async open() {}
+  async fillCredentials(email = Fixture.playgroundData.defaultEmail, token = Fixture.playgroundData.defaultToken) {
+    await this.emailInput.type(email);
+    await this.tokenInput.type(token);
+  }
+}
+
+export default new PlaygroundPage();

package/templates/nx/shared/testing/page-objects/PlaygroundPage/web.ts

@@ -0,0 +1,29 @@
+export class PlaygroundPage {
+  get visibleElement() { return Spectra.get("#demo-visible-el-pg"); }
+  get hiddenElement() { return Spectra.get("#demo-hidden-el-pg"); }
+  get existingElement() { return Spectra.get("#demo-existing-el-pg"); }
+  get removedElement() { return Spectra.get("#demo-removed-el-pg"); }
+  get enabledButton() { return Spectra.get("#demo-enabled-btn"); }
+  get disabledButton() { return Spectra.get("#demo-disabled-btn-pg"); }
+  get termsCheckbox() { return Spectra.get("#demo-terms-checkbox"); }
+  get modeRadio() { return Spectra.get("#demo-mode-radio"); }
+  get emailInput() { return Spectra.get("#demo-email-input-pg"); }
+  get tokenInput() { return Spectra.get("#demo-token-input-pg"); }
+  get exactText() { return Spectra.get("#demo-exact-text-pg"); }
+  get partialText() { return Spectra.get("#demo-partial-text-pg"); }
+  get activeTab() { return Spectra.get("#demo-active-tab-pg"); }
+  get navLink() { return Spectra.get("#demo-nav-link-pg"); }
+  get productItems() { return Spectra.getAll(".demo-product-item"); }
+  get emptyList() { return Spectra.getAll("#demo-empty-list-pg > *"); }
+
+  async open() {
+    await browser.url("/#playground");
+  }
+
+  async fillCredentials(email = Fixture.playgroundData.defaultEmail, token = Fixture.playgroundData.defaultToken) {
+    await this.emailInput.type(email);
+    await this.tokenInput.type(token);
+  }
+}
+
+export default new PlaygroundPage();

package/templates/nx/shared/testing/support/actions/fillCredentials/mobile.action.ts

@@ -0,0 +1,4 @@
+export default async function fillCredentials(this: any, email: string, token: string) {
+  await this.get("~email_input").type(email);
+  await this.get("~token_input").type(token);
+}

package/templates/nx/shared/testing/support/actions/fillCredentials/web.action.ts

@@ -0,0 +1,4 @@
+export default async function fillCredentials(this: any, email: string, token: string) {
+  await this.get("#demo-email-input-pg").type(email);
+  await this.get("#demo-token-input-pg").type(token);
+}

package/templates/nx/shared/testing/support/steps/togglePlaygroundStates/mobile.step.ts

@@ -0,0 +1,3 @@
+export default async function togglePlaygroundStates() {
+  await PlaygroundPage.open();
+}

package/templates/nx/shared/testing/support/steps/togglePlaygroundStates/step.md

@@ -0,0 +1,7 @@
+---
+id: step-togglePlaygroundStates
+name: Toggle Playground States
+description: Toggles hidden/removed elements and verifies dynamic states
+---
+
+# Step: Toggle Playground States

package/templates/nx/shared/testing/support/steps/togglePlaygroundStates/web.step.ts

@@ -0,0 +1,5 @@
+export default async function togglePlaygroundStates() {
+  await PlaygroundPage.open();
+  await PlaygroundPage.hiddenElement.should("be.visible");
+  await PlaygroundPage.existingElement.should("exist");
+}

package/templates/nx/shared/testing/support/steps/verifyPlaygroundState/mobile.step.ts

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

package/templates/nx/shared/testing/support/steps/verifyPlaygroundState/step.md

@@ -0,0 +1,7 @@
+---
+id: step-verifyPlaygroundState
+name: Verify Playground State
+description: Verifies default form values and matcher element states on demo web app
+---
+
+# Step: Verify Playground State

package/templates/nx/shared/testing/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/nx/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/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/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/specs/BrowserContext/hooks/after/mobile.hook.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/templates/nx/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/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/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/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/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/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/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/specs/ContentMatchers/hooks/after/mobile.hook.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/templates/nx/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/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/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/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/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/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/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/specs/ElementMatchers/hooks/after/mobile.hook.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/templates/nx/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/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/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/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/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/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/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/specs/Playground/hooks/after/mobile.hook.ts

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

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

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

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

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

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

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