Add remaining integration tests

Author: nickserv

src/index.ts

@@ -121,7 +121,7 @@ export class Extension implements StringifyExtension {
   }
 }
 
-function stringifySelector(selector: Selector) {
+export function stringifySelector(selector: Selector) {
   const selectorString = Array.isArray(selector) ? selector[0] : selector
 
   if (selectorString.startsWith("aria/")) {
@@ -131,19 +131,20 @@ function stringifySelector(selector: Selector) {
   }
 }
 
-if (process.env.NODE_ENV !== "test") {
-  class RecorderPlugin
-    implements chrome.devtools.recorder.RecorderExtensionPlugin
-  {
-    stringify(recording: UserFlow) {
-      return stringify(recording, { extension: new Extension() })
-    }
+export class RecorderPlugin
+  implements chrome.devtools.recorder.RecorderExtensionPlugin
+{
+  stringify(recording: UserFlow) {
+    return stringify(recording, { extension: new Extension() })
+  }
 
-    stringifyStep(step: Step) {
-      return stringifyStep(step, { extension: new Extension() })
-    }
+  stringifyStep(step: Step) {
+    return stringifyStep(step, { extension: new Extension() })
   }
+}
 
+// istanbul ignore next
+if (process.env.NODE_ENV !== "test") {
   chrome.devtools.recorder.registerRecorderExtensionPlugin(
     new RecorderPlugin(),
     "Testing Library",

src/test.ts

@@ -7,7 +7,7 @@ import {
   type Step,
   type UserFlow,
 } from "@puppeteer/replay"
-import { Extension } from "."
+import { Extension, RecorderPlugin, stringifySelector } from "."
 import flow from "./fixtures/Example.json"
 
 const extension = new Extension()
@@ -110,6 +110,16 @@ describe("Extension", () => {
         },
         'await userEvent.dblClick(screen.getByText("Test"))',
       ],
+      [
+        {
+          type: "doubleClick",
+          selectors,
+          button: "secondary",
+          offsetX: 0,
+          offsetY: 0,
+        },
+        'await userEvent.dblClick(screen.getByText("Test"), { buttons: 2 })',
+      ],
       [
         {
           type: "keyDown",
@@ -138,6 +148,14 @@ describe("Extension", () => {
         },
         'expect(location.href).toBe("https://example.com/")\nexpect(document.title).toBe("Example Domain")',
       ],
+      [
+        {
+          type: "navigate",
+          url: "https://example.com/",
+          assertedEvents: [{ type: "navigation" }],
+        },
+        "",
+      ],
       [
         {
           type: "waitForElement",
@@ -157,3 +175,27 @@ describe("Extension", () => {
     })
   })
 })
+
+describe("stringifySelector", () => {
+  test("aria", () => {
+    expect(stringifySelector("aria/Test")).toBe('screen.getByText("Test")')
+  })
+
+  test("selector", () => {
+    expect(stringifySelector("p")).toBe('document.querySelector("p")')
+  })
+})
+
+describe("RecorderPlugin", () => {
+  test("stringify", async () => {
+    expect(await new RecorderPlugin().stringify(flow as UserFlow)).toBe(
+      await readFile(join(__dirname, "fixtures/example.test.js"), "utf8"),
+    )
+  })
+
+  test("stringifyStep", async () => {
+    expect(
+      await new RecorderPlugin().stringifyStep(flow.steps[1] as Step),
+    ).toBe('await waitFor(() => screen.getByText("More information..."))\n')
+  })
+})