@testspectra/cli 1.1.8-rc.2 → 1.1.8-rc.20

package/templates/default/specs/ApiInterception/TC-0008-fetch-mocking/mobile.test.ts

@@ -1,53 +1,53 @@
-it("Mock and assert GET API requests using browser.intercept", async () => {
-  // Navigate to API Fetch section
-  await MatchersPage.open("api-fetch");
-
-  // The app fetches the host demo server's self-hosted endpoint (http://localhost:5200/api/posts) —
-  // the device's global HTTP proxy (set up transparently at bootstrap) routes it through the
-  // worker's mock proxy without the app knowing or needing any special host/prefix, the same
-  // way the CDP web driver intercepts traffic for free. Clear any mock left registered by an
-  // earlier test in this same continuous session before adding this one.
-  Spectra.clearMocks();
-  const mock = await Spectra.intercept(
-    "api/posts",
-    "GET",
-    Fixture.apiData.mockPosts
-  );
-
-  // Trigger fetch button in mobile demo app
-  await MatchersPage.fetchApiButton.click();
-
-  // Assert status and mocked elements
-  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK");
-  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length);
-  await MatchersPage.fetchedItems.first().shouldContainText(Fixture.apiData.mockPosts[0].title);
-
-  // Dynamically update fixture response
-  await mock.respondWith([
-    { id: 99, title: "Dynamic Updated Mock Title", body: "Updated on the fly" }
-  ]);
-  await MatchersPage.fetchApiButton.click();
-  await MatchersPage.fetchedItems.shouldHaveLength(1);
-  await MatchersPage.fetchedItems.first().shouldContainText("Dynamic Updated Mock Title");
-
-  // Reset to the base mock and queue a single one-time response — asserts a transient state
-  // (e.g. one retry attempt) without disturbing what every other call returns.
-  Spectra.clearMocks();
-  const queuedMock = await Spectra.intercept(
-    "api/posts",
-    "GET",
-    Fixture.apiData.mockPosts
-  );
-  await queuedMock.respondOnce([
-    { id: 777, title: "One-Time Queued Response", body: "Only served once" }
-  ]);
-
-  await MatchersPage.fetchApiButton.click();
-  await MatchersPage.fetchedItems.shouldHaveLength(1);
-  await MatchersPage.fetchedItems.first().shouldContainText("One-Time Queued Response");
-
-  // The queued response is consumed by the call above — this one reverts to the base rule.
-  await MatchersPage.fetchApiButton.click();
-  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length);
-  await MatchersPage.fetchedItems.first().shouldContainText(Fixture.apiData.mockPosts[0].title);
-});
+it("Mock and assert GET API requests using browser.intercept", async () => {
+  // Navigate to API Fetch section
+  await MatchersPage.open("api-fetch");
+
+  // The app fetches the host demo server's self-hosted endpoint (http://localhost:5200/api/posts) —
+  // the device's global HTTP proxy (set up transparently at bootstrap) routes it through the
+  // worker's mock proxy without the app knowing or needing any special host/prefix, the same
+  // way the CDP web driver intercepts traffic for free. Clear any mock left registered by an
+  // earlier test in this same continuous session before adding this one.
+  Spectra.clearMocks();
+  const mock = await Spectra.intercept(
+    "api/posts",
+    "GET",
+    Fixture.apiData.mockPosts
+  );
+
+  // Trigger fetch button in mobile demo app
+  await MatchersPage.fetchApiButton.click();
+
+  // Assert status and mocked elements
+  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK");
+  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length);
+  await MatchersPage.fetchedItems.first().shouldContainText(Fixture.apiData.mockPosts[0].title);
+
+  // Dynamically update fixture response
+  await mock.respondWith([
+    { id: 99, title: "Dynamic Updated Mock Title", body: "Updated on the fly" }
+  ]);
+  await MatchersPage.fetchApiButton.click();
+  await MatchersPage.fetchedItems.shouldHaveLength(1);
+  await MatchersPage.fetchedItems.first().shouldContainText("Dynamic Updated Mock Title");
+
+  // Reset to the base mock and queue a single one-time response — asserts a transient state
+  // (e.g. one retry attempt) without disturbing what every other call returns.
+  Spectra.clearMocks();
+  const queuedMock = await Spectra.intercept(
+    "api/posts",
+    "GET",
+    Fixture.apiData.mockPosts
+  );
+  await queuedMock.respondOnce([
+    { id: 777, title: "One-Time Queued Response", body: "Only served once" }
+  ]);
+
+  await MatchersPage.fetchApiButton.click();
+  await MatchersPage.fetchedItems.shouldHaveLength(1);
+  await MatchersPage.fetchedItems.first().shouldContainText("One-Time Queued Response");
+
+  // The queued response is consumed by the call above — this one reverts to the base rule.
+  await MatchersPage.fetchApiButton.click();
+  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length);
+  await MatchersPage.fetchedItems.first().shouldContainText(Fixture.apiData.mockPosts[0].title);
+});

package/templates/default/specs/ApiInterception/TC-0008-fetch-mocking/spec.md

@@ -1,19 +1,19 @@
----
-id: TC-0008-fetch-mocking
-title: Mock and assert GET API requests using browser.intercept
-priority: High
-caseType: Positive
-status: ready-for-automation
-coverage:
-  web: automated
-  mobile: automated
----
-
-# Mock and assert GET API requests using browser.intercept
-
-## Test Steps
-1. Open API fetch section in matchers page
-2. Intercept GET /api/posts with mock posts fixture data
-3. Click fetch API button
-4. Assert status badge displays 200 OK and rendered items match fixture
-5. Update mock response dynamically and verify updated items rendered
+---
+id: TC-0008-fetch-mocking
+title: Mock and assert GET API requests using browser.intercept
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Mock and assert GET API requests using browser.intercept
+
+## Test Steps
+1. Open API fetch section in matchers page
+2. Intercept GET /api/posts with mock posts fixture data
+3. Click fetch API button
+4. Assert status badge displays 200 OK and rendered items match fixture
+5. Update mock response dynamically and verify updated items rendered

package/templates/default/specs/ApiInterception/TC-0008-fetch-mocking/web.test.ts

@@ -1,31 +1,31 @@
-it("Mock and assert GET API requests using browser.intercept", async () => {
-  // Navigate to API Fetch section
-  await MatchersPage.open("api-fetch");
-
-  // The app fetches the demo server's own self-hosted endpoint (/api/posts) — served by the
-  // built-in demo app (started with `--demo`), so no external network is involved. Clear any mock
-  // left registered by an earlier test in this same continuous session before adding this one,
-  // since rules aren't scoped per-test and the first matching rule wins.
-  Spectra.clearMocks();
-  const mock = await Spectra.intercept(
-    "api/posts",
-    "GET",
-    Fixture.apiData.mockPosts
-  );
-
-  // Trigger fetch button
-  await MatchersPage.fetchApiButton.click();
-
-  // Assert status and mocked elements
-  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK");
-  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length);
-  await MatchersPage.fetchedItems.first().shouldContainText(Fixture.apiData.mockPosts[0].title);
-
-  // Dynamically update fixture response
-  await mock.respondWith([
-    { id: 99, title: "Dynamic Updated Mock Title", body: "Updated on the fly" }
-  ]);
-  await MatchersPage.fetchApiButton.click();
-  await MatchersPage.fetchedItems.shouldHaveLength(1);
-  await MatchersPage.fetchedItems.first().shouldContainText("Dynamic Updated Mock Title");
-});
+it("Mock and assert GET API requests using browser.intercept", async () => {
+  // Navigate to API Fetch section
+  await MatchersPage.open("api-fetch");
+
+  // The app fetches the demo server's own self-hosted endpoint (/api/posts) — served by the
+  // built-in demo app (started with `--demo`), so no external network is involved. Clear any mock
+  // left registered by an earlier test in this same continuous session before adding this one,
+  // since rules aren't scoped per-test and the first matching rule wins.
+  Spectra.clearMocks();
+  const mock = await Spectra.intercept(
+    "api/posts",
+    "GET",
+    Fixture.apiData.mockPosts
+  );
+
+  // Trigger fetch button
+  await MatchersPage.fetchApiButton.click();
+
+  // Assert status and mocked elements
+  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK");
+  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length);
+  await MatchersPage.fetchedItems.first().shouldContainText(Fixture.apiData.mockPosts[0].title);
+
+  // Dynamically update fixture response
+  await mock.respondWith([
+    { id: 99, title: "Dynamic Updated Mock Title", body: "Updated on the fly" }
+  ]);
+  await MatchersPage.fetchApiButton.click();
+  await MatchersPage.fetchedItems.shouldHaveLength(1);
+  await MatchersPage.fetchedItems.first().shouldContainText("Dynamic Updated Mock Title");
+});

package/templates/default/specs/ApiInterception/TC-0009-post-mocking/android.test.ts

@@ -1,3 +1,3 @@
-it('Mock and assert POST API requests using browser.intercept', async () => {
-  // TODO: Implement test steps and assertions
-});
+it('Mock and assert POST API requests using browser.intercept', async () => {
+  // TODO: Implement test steps and assertions
+});

package/templates/default/specs/ApiInterception/TC-0009-post-mocking/common.test.ts

@@ -1,3 +1,3 @@
-it('Mock and assert POST API requests using browser.intercept', async () => {
-  // TODO: Implement test steps and assertions
-});
+it('Mock and assert POST API requests using browser.intercept', async () => {
+  // TODO: Implement test steps and assertions
+});

package/templates/default/specs/ApiInterception/TC-0009-post-mocking/mobile.test.ts

@@ -1,27 +1,27 @@
-it("Mock and assert POST API requests using browser.intercept", async () => {
-  // Navigate to API POST section
-  await MatchersPage.open("api-post");
-
-  // Setup POST API interception with status 201 — the app posts to the host demo server's
-  // self-hosted endpoint (http://localhost:5200/api/posts), transparently routed through the
-  // worker's mock proxy via the device's global HTTP proxy set up at bootstrap.
-  Spectra.clearMocks();
-  await Spectra.intercept(
-    "api/posts",
-    "POST",
-    Fixture.apiData.mockPostResponse,
-    { statusCode: 201 }
-  );
-
-  // Fill in form fields from Fixture
-  await MatchersPage.postTitleInput.type(Fixture.apiData.mockNewPost.title);
-  await MatchersPage.postBodyInput.type(Fixture.apiData.mockNewPost.body);
-
-  // Submit POST form
-  await MatchersPage.submitPostButton.click();
-
-  // Assert response elements and status
-  await MatchersPage.postStatusBadge.shouldHaveText("201 Created");
-  await MatchersPage.postSuccessBanner.shouldBeVisible();
-  await MatchersPage.postResponseJson.shouldContainText(Fixture.apiData.mockNewPost.title);
-});
+it("Mock and assert POST API requests using browser.intercept", async () => {
+  // Navigate to API POST section
+  await MatchersPage.open("api-post");
+
+  // Setup POST API interception with status 201 — the app posts to the host demo server's
+  // self-hosted endpoint (http://localhost:5200/api/posts), transparently routed through the
+  // worker's mock proxy via the device's global HTTP proxy set up at bootstrap.
+  Spectra.clearMocks();
+  await Spectra.intercept(
+    "api/posts",
+    "POST",
+    Fixture.apiData.mockPostResponse,
+    { statusCode: 201 }
+  );
+
+  // Fill in form fields from Fixture
+  await MatchersPage.postTitleInput.type(Fixture.apiData.mockNewPost.title);
+  await MatchersPage.postBodyInput.type(Fixture.apiData.mockNewPost.body);
+
+  // Submit POST form
+  await MatchersPage.submitPostButton.click();
+
+  // Assert response elements and status
+  await MatchersPage.postStatusBadge.shouldHaveText("201 Created");
+  await MatchersPage.postSuccessBanner.shouldBeVisible();
+  await MatchersPage.postResponseJson.shouldContainText(Fixture.apiData.mockNewPost.title);
+});

package/templates/default/specs/ApiInterception/TC-0009-post-mocking/spec.md

@@ -1,19 +1,19 @@
----
-id: TC-0009-post-mocking
-title: Mock and assert POST API requests using browser.intercept
-priority: High
-caseType: Positive
-status: ready-for-automation
-coverage:
-  web: automated
-  mobile: automated
----
-
-# Mock and assert POST API requests using browser.intercept
-
-## Test Steps
-1. Open API POST section in matchers page
-2. Intercept POST /api/posts with mock response returning 201 status
-3. Fill post title and post body inputs from fixture
-4. Click submit POST button
-5. Assert status badge displays 201 Created and response JSON contains new title
+---
+id: TC-0009-post-mocking
+title: Mock and assert POST API requests using browser.intercept
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Mock and assert POST API requests using browser.intercept
+
+## Test Steps
+1. Open API POST section in matchers page
+2. Intercept POST /api/posts with mock response returning 201 status
+3. Fill post title and post body inputs from fixture
+4. Click submit POST button
+5. Assert status badge displays 201 Created and response JSON contains new title

package/templates/default/specs/ApiInterception/TC-0009-post-mocking/web.test.ts

@@ -1,26 +1,26 @@
-it("Mock and assert POST API requests using browser.intercept", async () => {
-  // Navigate to API POST section
-  await MatchersPage.open("api-post");
-
-  // Setup POST API interception with status 201 — the app posts to the demo server's own
-  // self-hosted endpoint (/api/posts), no external network involved.
-  Spectra.clearMocks();
-  await Spectra.intercept(
-    "api/posts",
-    "POST",
-    Fixture.apiData.mockPostResponse,
-    { statusCode: 201 }
-  );
-
-  // Fill in form fields from Fixture
-  await MatchersPage.postTitleInput.type(Fixture.apiData.mockNewPost.title);
-  await MatchersPage.postBodyInput.type(Fixture.apiData.mockNewPost.body);
-
-  // Submit POST form
-  await MatchersPage.submitPostButton.click();
-
-  // Assert response elements and status
-  await MatchersPage.postStatusBadge.shouldHaveText("201 Created");
-  await MatchersPage.postSuccessBanner.shouldBeVisible();
-  await MatchersPage.postResponseJson.shouldContainText(Fixture.apiData.mockNewPost.title);
-});
+it("Mock and assert POST API requests using browser.intercept", async () => {
+  // Navigate to API POST section
+  await MatchersPage.open("api-post");
+
+  // Setup POST API interception with status 201 — the app posts to the demo server's own
+  // self-hosted endpoint (/api/posts), no external network involved.
+  Spectra.clearMocks();
+  await Spectra.intercept(
+    "api/posts",
+    "POST",
+    Fixture.apiData.mockPostResponse,
+    { statusCode: 201 }
+  );
+
+  // Fill in form fields from Fixture
+  await MatchersPage.postTitleInput.type(Fixture.apiData.mockNewPost.title);
+  await MatchersPage.postBodyInput.type(Fixture.apiData.mockNewPost.body);
+
+  // Submit POST form
+  await MatchersPage.submitPostButton.click();
+
+  // Assert response elements and status
+  await MatchersPage.postStatusBadge.shouldHaveText("201 Created");
+  await MatchersPage.postSuccessBanner.shouldBeVisible();
+  await MatchersPage.postResponseJson.shouldContainText(Fixture.apiData.mockNewPost.title);
+});

package/templates/default/specs/ApiInterception/TC-0012-direct-and-late-response/common.test.ts

@@ -1,30 +1,30 @@
-it("Intercept a direct (immediate) response and a late (delayed) response using Fixture data", async () => {
-  await MatchersPage.open("api-fetch");
-
-  // The app fetches the self-hosted demo endpoint (/api/posts on web, the same path served by
-  // the demo server and reached through the device proxy on mobile) — no external network, so
-  // there's no upstream latency leaking into the "immediate" assertion below. On web, CDP's
-  // Fetch domain intercepts it; on Android, the device's global HTTP proxy routes it through the
-  // same worker-side mock engine. Neither platform needs the app, or this test, to know anything
-  // special about being under test.
-  Spectra.clearMocks();
-
-  // Direct (immediate) response — Fixture data returned with no artificial latency.
-  const mock = await Spectra.intercept("api/posts", "GET", Fixture.apiData.mockPosts);
-  await MatchersPage.fetchApiButton.click();
-  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK");
-  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length);
-  await MatchersPage.fetchedItems.first().shouldContainText(Fixture.apiData.mockPosts[0].title);
-
-  // Late (delayed) response — same mock rule, switched to hold the response back via `delayMs`.
-  // The loading indicator must still be visible right after the click, proving this is real
-  // network-level latency (the request genuinely stays pending) rather than a client-side-only
-  // spinner timer. The delay is set past the default assertion timeout on purpose, to demonstrate
-  // the per-assertion `{ timeoutMs }` override below — without it, these assertions would fail-fast
-  // before the delayed response ever arrives.
-  await mock.respondWith(Fixture.apiData.mockPosts, { delayMs: 2500 });
-  await MatchersPage.fetchApiButton.click();
-  await MatchersPage.fetchLoadingIndicator.shouldBeVisible();
-  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK", { timeoutMs: 3500 });
-  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length, { timeoutMs: 3500 });
-});
+it("Intercept a direct (immediate) response and a late (delayed) response using Fixture data", async () => {
+  await MatchersPage.open("api-fetch");
+
+  // The app fetches the self-hosted demo endpoint (/api/posts on web, the same path served by
+  // the demo server and reached through the device proxy on mobile) — no external network, so
+  // there's no upstream latency leaking into the "immediate" assertion below. On web, CDP's
+  // Fetch domain intercepts it; on Android, the device's global HTTP proxy routes it through the
+  // same worker-side mock engine. Neither platform needs the app, or this test, to know anything
+  // special about being under test.
+  Spectra.clearMocks();
+
+  // Direct (immediate) response — Fixture data returned with no artificial latency.
+  const mock = await Spectra.intercept("api/posts", "GET", Fixture.apiData.mockPosts);
+  await MatchersPage.fetchApiButton.click();
+  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK");
+  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length);
+  await MatchersPage.fetchedItems.first().shouldContainText(Fixture.apiData.mockPosts[0].title);
+
+  // Late (delayed) response — same mock rule, switched to hold the response back via `delayMs`.
+  // The loading indicator must still be visible right after the click, proving this is real
+  // network-level latency (the request genuinely stays pending) rather than a client-side-only
+  // spinner timer. The delay is set past the default assertion timeout on purpose, to demonstrate
+  // the per-assertion `{ timeoutMs }` override below — without it, these assertions would fail-fast
+  // before the delayed response ever arrives.
+  await mock.respondWith(Fixture.apiData.mockPosts, { delayMs: 2500 });
+  await MatchersPage.fetchApiButton.click();
+  await MatchersPage.fetchLoadingIndicator.shouldBeVisible();
+  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK", { timeoutMs: 3500 });
+  await MatchersPage.fetchedItems.shouldHaveLength(Fixture.apiData.mockPosts.length, { timeoutMs: 3500 });
+});

package/templates/default/specs/ApiInterception/TC-0012-direct-and-late-response/spec.md

@@ -1,22 +1,22 @@
----
-id: TC-0012-direct-and-late-response
-title: Intercept a direct (immediate) response and a late (delayed) response using Fixture data
-priority: High
-caseType: Positive
-status: ready-for-automation
-coverage:
-  web: automated
-  mobile: automated
----
-
-# Intercept a direct (immediate) response and a late (delayed) response using Fixture data
-
-## Test Steps
-1. Open the API fetch section in the matchers page
-2. Intercept GET /api/posts with mock posts fixture data
-3. Click the fetch API button
-4. Assert the status badge displays 200 OK and the immediate fixture items render
-5. Update the mock response with an artificial 50ms delay
-6. Click the fetch API button
-7. Assert the loading indicator is visible while the request is held
-8. Assert the status badge displays 200 OK and the delayed fixture items render
+---
+id: TC-0012-direct-and-late-response
+title: Intercept a direct (immediate) response and a late (delayed) response using Fixture data
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Intercept a direct (immediate) response and a late (delayed) response using Fixture data
+
+## Test Steps
+1. Open the API fetch section in the matchers page
+2. Intercept GET /api/posts with mock posts fixture data
+3. Click the fetch API button
+4. Assert the status badge displays 200 OK and the immediate fixture items render
+5. Update the mock response with an artificial 50ms delay
+6. Click the fetch API button
+7. Assert the loading indicator is visible while the request is held
+8. Assert the status badge displays 200 OK and the delayed fixture items render

package/templates/default/specs/ApiInterception/TC-0013-real-network-call-recorded/common.test.ts

@@ -1,27 +1,27 @@
-it("Make a genuine (non-intercepted) network call and verify it is recorded", async () => {
-  await MatchersPage.open("api-fetch");
-
-  // Deliberately no Spectra.intercept() call — this is a genuine request that actually leaves
-  // the app and hits a real server, not a mock. It targets the demo server's own self-hosted
-  // endpoint (started with `--demo`) instead of an external public API, so it's deterministic
-  // and fast everywhere. On web the browser reaches localhost directly; on Android it's
-  // transparently routed through the device's global HTTP proxy with no matching mock rule, so
-  // the worker's proxy just forwards it for real. Clear any mock a previous test in this suite
-  // left registered (e.g. against /api/posts) so it can't accidentally catch this request too —
-  // this test uses a different resource (/api/todos/1) specifically to avoid that collision,
-  // plus a cache-busting query param so a repeat run doesn't get a 304 Not Modified from the
-  // device/browser's own HTTP cache.
-  Spectra.clearMocks();
-  const cacheBuster = Date.now();
-  await MatchersPage.fetchCustomUrlInput.type(`http://localhost:5200/api/todos/1?cb=${cacheBuster}`);
-  await MatchersPage.fetchApiButton.click();
-  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK");
-
-  const entry = Spectra.browser.recordedNetwork.find((e) => e.url.includes(`todos/1?cb=${cacheBuster}`));
-  if (!entry) {
-    throw new Error("Expected a recorded network entry for the real demo-server call, found none");
-  }
-  if (entry.status !== 200) {
-    throw new Error(`Expected recorded entry status 200, got ${entry.status}`);
-  }
-});
+it("Make a genuine (non-intercepted) network call and verify it is recorded", async () => {
+  await MatchersPage.open("api-fetch");
+
+  // Deliberately no Spectra.intercept() call — this is a genuine request that actually leaves
+  // the app and hits a real server, not a mock. It targets the demo server's own self-hosted
+  // endpoint (started with `--demo`) instead of an external public API, so it's deterministic
+  // and fast everywhere. On web the browser reaches localhost directly; on Android it's
+  // transparently routed through the device's global HTTP proxy with no matching mock rule, so
+  // the worker's proxy just forwards it for real. Clear any mock a previous test in this suite
+  // left registered (e.g. against /api/posts) so it can't accidentally catch this request too —
+  // this test uses a different resource (/api/todos/1) specifically to avoid that collision,
+  // plus a cache-busting query param so a repeat run doesn't get a 304 Not Modified from the
+  // device/browser's own HTTP cache.
+  Spectra.clearMocks();
+  const cacheBuster = Date.now();
+  await MatchersPage.fetchCustomUrlInput.type(`http://localhost:5200/api/todos/1?cb=${cacheBuster}`);
+  await MatchersPage.fetchApiButton.click();
+  await MatchersPage.fetchStatusBadge.shouldHaveText("200 OK");
+
+  const entry = Spectra.browser.recordedNetwork.find((e) => e.url.includes(`todos/1?cb=${cacheBuster}`));
+  if (!entry) {
+    throw new Error("Expected a recorded network entry for the real demo-server call, found none");
+  }
+  if (entry.status !== 200) {
+    throw new Error(`Expected recorded entry status 200, got ${entry.status}`);
+  }
+});

package/templates/default/specs/ApiInterception/TC-0013-real-network-call-recorded/spec.md

@@ -1,20 +1,20 @@
----
-id: TC-0013-real-network-call-recorded
-title: Make a genuine (non-intercepted) network call and verify it is recorded
-priority: High
-caseType: Positive
-status: ready-for-automation
-coverage:
-  web: automated
-  mobile: automated
----
-
-# Make a genuine (non-intercepted) network call and verify it is recorded
-
-## Test Steps
-1. Open the API fetch section in the matchers page
-2. Clear any active mocks left by a previous test
-3. Enter a real (non-intercepted) demo-server todo endpoint URL with a cache-busting query param
-4. Click the fetch API button
-5. Assert the status badge displays 200 OK
-6. Assert the network report records the genuine call with status 200
+---
+id: TC-0013-real-network-call-recorded
+title: Make a genuine (non-intercepted) network call and verify it is recorded
+priority: High
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: automated
+---
+
+# Make a genuine (non-intercepted) network call and verify it is recorded
+
+## Test Steps
+1. Open the API fetch section in the matchers page
+2. Clear any active mocks left by a previous test
+3. Enter a real (non-intercepted) demo-server todo endpoint URL with a cache-busting query param
+4. Click the fetch API button
+5. Assert the status badge displays 200 OK
+6. Assert the network report records the genuine call with status 200

package/templates/default/specs/ApiInterception/TC-0015-mock-server-sent-events/spec.md

@@ -1,24 +1,24 @@
----
-id: TC-0015-mock-server-sent-events
-title: Mock a Server-Sent Events (EventSource) stream via the existing network-intercept engine
-priority: Medium
-caseType: Positive
-status: ready-for-automation
-coverage:
-  web: automated
-  mobile: unsupported
----
-
-# Mock a Server-Sent Events (EventSource) stream via the existing network-intercept engine
-
-Mobile coverage is `unsupported`: React Native has no built-in `EventSource` — a real project
-targeting mobile would add a userland SSE client library, at which point whether/how it's
-mockable depends entirely on that library's own networking implementation, not something
-TestSpectra's driver can generalize over.
-
-## Test Steps
-1. Open the SSE matcher section
-2. Intercept GET /api/sse-feed with a text/event-stream mock body
-3. Click the connect button
-4. Assert two SSE messages render
-5. Assert the first message contains "hello from mock SSE" and the last contains "second event"
+---
+id: TC-0015-mock-server-sent-events
+title: Mock a Server-Sent Events (EventSource) stream via the existing network-intercept engine
+priority: Medium
+caseType: Positive
+status: ready-for-automation
+coverage:
+  web: automated
+  mobile: unsupported
+---
+
+# Mock a Server-Sent Events (EventSource) stream via the existing network-intercept engine
+
+Mobile coverage is `unsupported`: React Native has no built-in `EventSource` — a real project
+targeting mobile would add a userland SSE client library, at which point whether/how it's
+mockable depends entirely on that library's own networking implementation, not something
+TestSpectra's driver can generalize over.
+
+## Test Steps
+1. Open the SSE matcher section
+2. Intercept GET /api/sse-feed with a text/event-stream mock body
+3. Click the connect button
+4. Assert two SSE messages render
+5. Assert the first message contains "hello from mock SSE" and the last contains "second event"