@testspectra/cli 1.0.59 → 1.0.62

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 () {}

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

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

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

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

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

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

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

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

package/templates/nx/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/spectra.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from "@testspectra/cli";
 
 export default defineConfig({
   webConfig: {
-    baseUrl: "https://the-internet.herokuapp.com",
+    baseUrl: "http://localhost:5173",
     maxConcurrentSessions: "1",
     headlessMode: true,
     implicitWait: "5000",

package/templates/nx/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/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/support/steps/togglePlaygroundStates/mobile.step.ts

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

package/templates/nx/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/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/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/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/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/actions/applyDiscount/mobile.action.ts

@@ -1,6 +0,0 @@
-export default async function applyDiscount(couponCode: string): Promise<void> {
-  const couponInput = await $('~coupon_input');
-  await couponInput.setValue(couponCode);
-  const applyBtn = await $('~btn_apply');
-  await applyBtn.click();
-}

package/templates/default/actions/applyDiscount/web.action.ts

@@ -1,6 +0,0 @@
-export default async function applyDiscount(couponCode: string): Promise<void> {
-  const couponInput = await $('#coupon-code');
-  await couponInput.setValue(couponCode);
-  const applyBtn = await $('#apply-coupon-btn');
-  await applyBtn.click();
-}

package/templates/default/actions/verifyOtp/mobile.action.ts

@@ -1,6 +0,0 @@
-export default async function verifyOtp(otp: string): Promise<void> {
-  const otpInput = await $('~otp_input');
-  await otpInput.setValue(otp);
-  const verifyBtn = await $('~verify_btn');
-  await verifyBtn.click();
-}

package/templates/default/actions/verifyOtp/web.action.ts

@@ -1,6 +0,0 @@
-export default async function verifyOtp(otp: string): Promise<void> {
-  const otpInput = await $('#otp');
-  await otpInput.setValue(otp);
-  const verifyBtn = await $('#verify-btn');
-  await verifyBtn.click();
-}

package/templates/default/fixtures/couponCode.json

@@ -1 +0,0 @@
-"DISCOUNT50"

package/templates/default/fixtures/searchQuery.json

@@ -1 +0,0 @@
-"Laptop Gaming"

package/templates/default/fixtures/userData.json

@@ -1 +0,0 @@
-{"username": "tomsmith", "role": "admin"}

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

@@ -1,4 +0,0 @@
-export default async function (): Promise<void> {
-  // Global before setup (executed once before all suites)
-  await browser.maximizeWindow();
-}

package/templates/default/page-objects/LoginPage/mobile.ts

@@ -1,32 +0,0 @@
-export default class LoginPage {
-  static get usernameInput(): ChainablePromiseElement {
-    return $('~username_input');
-  }
-
-  static get passwordInput(): ChainablePromiseElement {
-    return $('~password_input');
-  }
-
-  static get rememberMeCheckbox(): ChainablePromiseElement {
-    return $('~remember_me_checkbox');
-  }
-
-  static get submitButton(): ChainablePromiseElement {
-    return $('~login_button');
-  }
-
-  static get welcomeText(): ChainablePromiseElement {
-    return $('~welcome_text');
-  }
-
-  static async open() {
-    // Mobile app launch handled by Appium capabilities
-  }
-
-  static async login(username: string, pass: string) {
-    await Spectra.waitForElement(this.usernameInput);
-    await Spectra.type(this.usernameInput, username, { clearFirst: true });
-    await Spectra.type(this.passwordInput, pass, { clearFirst: true });
-    await Spectra.click(this.submitButton);
-  }
-}

package/templates/default/page-objects/LoginPage/web.ts

@@ -1,32 +0,0 @@
-export default class LoginPage {
-  static get usernameInput(): ChainablePromiseElement {
-    return $('#username');
-  }
-
-  static get passwordInput(): ChainablePromiseElement {
-    return $('#password');
-  }
-
-  static get rememberMeCheckbox(): ChainablePromiseElement {
-    return $('#remember-me');
-  }
-
-  static get submitButton(): ChainablePromiseElement {
-    return $('button[type="submit"]');
-  }
-
-  static get flashAlert(): ChainablePromiseElement {
-    return $('#flash');
-  }
-
-  static async open() {
-    await Spectra.navigate('/login');
-  }
-
-  static async login(username: string, pass: string) {
-    await Spectra.waitForElement(this.usernameInput);
-    await Spectra.type(this.usernameInput, username, { clearFirst: true });
-    await Spectra.type(this.passwordInput, pass, { clearFirst: true });
-    await Spectra.click(this.submitButton);
-  }
-}