test: split block e2e test

dfinity · Oct 4, 2023 · 34e2d14 · 34e2d14
1 parent 8a49c20
commit 34e2d14
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/e2e/split-block.e2e.ts b/e2e/split-block.e2e.ts
@@ -0,0 +1,13 @@
+import { expect, test } from "@playwright/test";
+
+const testUrl = "/components/split-block";
+
+test("Should display start slot content", async ({ page }) => {
+  await page.goto(testUrl);
+  await expect(page.getByTestId("start")).toHaveText("Start slot content");
+});
+
+test("Should display end slot content", async ({ page }) => {
+  await page.goto(testUrl);
+  await expect(page.getByTestId("end")).toHaveText("End slot content");
+});
diff --git a/src/routes/(split)/components/split-block/+page.md b/src/routes/(split)/components/split-block/+page.md
@@ -30,8 +30,8 @@ No properties
 
 <div class="container">
   <SplitBlock>
-    <div slot="start" class="item">Content A</div>
-    <div slot="end" class="item">Content B</div>
+    <div slot="start" class="item" data-tid="start">Start slot content</div>
+    <div slot="end" class="item" data-tid="end">End slot content</div>
   </SplitBlock>
 </div>