From fb64f2fe81b80536562677edd7d8fd7d8afc1e78 Mon Sep 17 00:00:00 2001
From: Hiroshi Ogawa <hi.ogawa.zz@gmail.com>
Date: Sat, 28 Sep 2024 10:41:38 +0900
Subject: [PATCH] test: add e2e

---
 examples/web-worker/e2e/basic.test.ts | 14 ++++++++++++--
 examples/web-worker/src/app.tsx       | 21 +++++++++++----------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/examples/web-worker/e2e/basic.test.ts b/examples/web-worker/e2e/basic.test.ts
index 09221dc..228fd87 100644
--- a/examples/web-worker/e2e/basic.test.ts
+++ b/examples/web-worker/e2e/basic.test.ts
@@ -2,7 +2,7 @@ import { expect, test } from "@playwright/test";
 
 test("basic", async ({ page }) => {
   await page.goto("/");
-  await expect(page.getByTestId("worker-message")).toContainText(
+  await expect(page.getByTestId("worker")).toContainText(
     "Rendered in web worker",
   );
 });
@@ -19,7 +19,17 @@ test("erorr stack", async ({ page }) => {
 
 test("worker in worker", async ({ page }) => {
   await page.goto("/?worker-in-worker");
-  await expect(page.getByTestId("worker-message")).toContainText(
+  await expect(page.getByTestId("worker")).toContainText(
     "Rendered in web worker in web worker",
   );
 });
+
+test("condition", async ({ page }) => {
+  await page.goto("/");
+  await expect(page.getByTestId("client")).toContainText(
+    "test-dep-conditions: index.browser.js",
+  );
+  await expect(page.getByTestId("worker")).toContainText(
+    "test-dep-conditions: index.worker.js",
+  );
+});
diff --git a/examples/web-worker/src/app.tsx b/examples/web-worker/src/app.tsx
index 4d0c19f..7cb0751 100644
--- a/examples/web-worker/src/app.tsx
+++ b/examples/web-worker/src/app.tsx
@@ -37,17 +37,18 @@ export function App() {
 
   return (
     <div>
-      <h4>Client</h4>
-      <div>Count: {count}</div>
-      <button onClick={() => setCount((c) => c - 1)}>-1</button>
-      <button onClick={() => setCount((c) => c + 1)}>+1</button>
-      <div>test-dep-conditions: {depCondition}</div>
+      <div data-testid="client">
+        <h4>Client</h4>
+        <div>Count: {count}</div>
+        <button onClick={() => setCount((c) => c - 1)}>-1</button>
+        <button onClick={() => setCount((c) => c + 1)}>+1</button>
+        <div>test-dep-conditions: {depCondition}</div>
+      </div>
       <hr />
-      <h4>Worker</h4>
-      <div
-        data-testid="worker-message"
-        dangerouslySetInnerHTML={{ __html: workerMessage }}
-      ></div>
+      <div data-testid="worker">
+        <h4>Worker</h4>
+        <div dangerouslySetInnerHTML={{ __html: workerMessage }} />
+      </div>
     </div>
   );
 }