misc changes

docs/.vitepress/config.js

@@ -9,7 +9,10 @@ export default defineConfig({
 	themeConfig: {
 		search: { provider: "local" },
 
-		nav: [{ text: "Guide", link: "/introduction" }],
+		nav: [
+			{ text: "Guide", link: "/introduction" },
+			{ text: "API", link: "/ref/rollwright" },
+		],
 
 		sidebar: [
 			{

examples/react/dialog.spec.tsx

@@ -9,10 +9,6 @@ interface Props extends DialogProps {
 }
 
 let test = base.extend<{ Dialog: JSHandle<(props: Props) => JSX.Element> }>({
-	plugins: async ({ plugins }, use) => {
-		// override here
-		await use(plugins);
-	},
 	Dialog: async ({ execute }, use) => {
 		let Component = await execute(async () => {
 			let { Root, Trigger, Overlay, Content, Title, Close, Portal } = await import(
@@ -37,6 +33,13 @@ let test = base.extend<{ Dialog: JSHandle<(props: Props) => JSX.Element> }>({
 	},
 });
 
+test.use({
+	plugins: async ({ plugins }, use) => {
+		// override here
+		await use(plugins);
+	},
+});
+
 test("basic", async ({ mount, Dialog, page }) => {
 	let component = await mount(
 		(Dialog) => <Dialog openLabel="Open" closeLabel="Close" title="Title" />,

examples/vanilla/libmock.spec.js

@@ -0,0 +1,29 @@
+import { expect } from "@playwright/test";
+import { test as base } from "rollwright";
+
+let test = base.extend({
+	sinon: async ({ execute }, use) => {
+		let sinon = await execute(() => import("sinon"));
+		await use((fn) => execute(fn, sinon));
+	},
+});
+
+test("example", async ({ page, sinon, execute }) => {
+	let cb = await sinon((lib) => lib.stub());
+	let spy = await sinon((lib) => lib.spy(console));
+
+	await execute((cb) => {
+		let button = document.createElement("button");
+		button.addEventListener("click", () => {
+			console.log("clicked");
+			cb();
+		});
+		console.log("created");
+		document.body.append(button);
+	}, cb);
+
+	await page.click("button");
+
+	expect(await cb.evaluate((m) => m.callCount)).toEqual(1);
+	expect(await spy.evaluate((spy) => spy.log.args)).toEqual([["created"], ["clicked"]]);
+});