test: Add stepping test for continue and next

Author: pxor

src/frontend/types.nim

@@ -1269,6 +1269,7 @@ type
     flowMenuIsOpen*: bool
     showBugReport*: bool
     copyMessageActive*: bool
+    completeMoveId*: int
 
   CalltraceEditorComponent* = ref object of Component
     loading*:   JsAssoc[cstring, bool]

src/frontend/ui/status.nim

@@ -37,6 +37,9 @@ proc locationView(self: StatusComponent): VNode =
         tdiv(class = fmt"custom-tooltip {activeClass}"):
           text "Path copied to clipboard"
 
+method onCompleteMove*(self: StatusComponent, response: MoveState) {.async.} =
+  self.completeMoveId += 1
+
 proc counterHandler(self: StatusComponent): void {.async.} =
   const SLOW_MESSAGE_TIME = 2.0 # seconds
   const MAXIMUM_TIME_ALLOWED = 180 # seconds
@@ -504,6 +507,9 @@ method render*(self: StatusComponent): VNode =
       #   span(class="status-flow-buttons"):
       #     flowButtonsView(self)
       #   # createShellContainer(self)
+      if data.startOptions.inTest:
+        span(class = "test-movement"):
+          text $self.completeMoveId
       span(class = "status-right"):
         locationView(self)
     if self.showNotifications:

ui-tests/tests/lib/ct_helpers.ts

@@ -362,3 +362,43 @@ export class CodetracerTestError extends Error {
     Object.setPrototypeOf(this, CodetracerTestError.prototype);
   }
 }
+
+async function debugMovement(selector: string): Promise<void> {
+  await page.locator("#debug").click();
+
+  const initialText = await page.locator(".test-movement").textContent();
+  if (initialText === null) {
+    throw new Error("Initial text was null");
+  }
+
+  const initialValue = parseInt(initialText, 10);
+  if (isNaN(initialValue)) {
+    throw new Error(`Initial text was not a number: "${initialText}"`);
+  }
+
+  await page.locator(selector).click();
+  await readyOnCompleteMove(initialValue);
+
+}
+
+export async function clickContinue(): Promise<void> {
+  await debugMovement("#continue-debug")
+}
+
+export async function clickNext(): Promise<void> {
+  await debugMovement("#next-debug")
+}
+
+export async function readyOnCompleteMove(initialValue: number): Promise<void> {
+  const movement = page.locator(".test-movement");
+  const elementHandle = await movement.elementHandle();
+  if (!elementHandle) throw new Error("Element not found");
+
+  await page.waitForFunction(
+    ({ el, expected }) => {
+      const current = parseInt(el.textContent ?? "", 10);
+      return !isNaN(current) && current !== expected;
+    },
+    { el: await movement.evaluateHandle(el => el), expected: initialValue } // pass both in an object
+  );
+}

ui-tests/tests/noir/stepping.spec.ts

@@ -0,0 +1,26 @@
+import { test, expect } from "@playwright/test";
+import {
+  window,
+  page,
+  // wait,
+  // debugCodetracer,
+  readyOnEntryTest as readyOnEntry,
+  clickNext,
+  clickContinue,
+  ctRun,
+} from "../lib/ct_helpers";
+import { StatusBar } from "../page_objects/status_bar";
+
+ctRun("noir_example/");
+
+const ENTRY_LINE = 17;
+
+test("continue", async() => {
+    await readyOnEntry();
+    await clickContinue();
+});
+
+test("next", async() => {
+    await readyOnEntry();
+    await clickNext();
+});