test(KTL-1189); add highlight only tests

JetBrains · Aug 24, 2023 · 57d8683 · 57d8683
1 parent 6ef3a88
commit 57d8683
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 0 deletions.
diff --git a/tests/__screenshots__/dev/Desktop-Chrome/basics.e2e.ts-basics-highlight-only-1.png b/tests/__screenshots__/dev/Desktop-Chrome/basics.e2e.ts-basics-highlight-only-1.png
diff --git a/...enshots__/github_linux/Desktop-Chrome/basics.e2e.ts-basics-highlight-only-1.png b/...enshots__/github_linux/Desktop-Chrome/basics.e2e.ts-basics-highlight-only-1.png
diff --git a/...nshots__/github_linux/Desktop-Firefox/basics.e2e.ts-basics-highlight-only-1.png b/...nshots__/github_linux/Desktop-Firefox/basics.e2e.ts-basics-highlight-only-1.png
diff --git a/...reenshots__/github_mac/Desktop-Safari/basics.e2e.ts-basics-highlight-only-1.png b/...reenshots__/github_mac/Desktop-Safari/basics.e2e.ts-basics-highlight-only-1.png
diff --git a/tests/basics.e2e.ts b/tests/basics.e2e.ts
@@ -27,6 +27,23 @@ test.describe('basics', () => {
     await prepareNetwork(page, baseURL); // offline mode
   });
 
+  test('highlight only', async ({ page }) => {
+    await gotoHtmlWidget(
+      page,
+      { selector: 'code' },
+      `<code data-highlight-only>${printlnCode('Hello, world!')}</code>`,
+    );
+
+    const editor = page.locator(WIDGET_SELECTOR);
+
+    await expect(editor).toHaveCount(1); // playground loaded
+    await expect(editor.locator(TARGET_SELECTOR)).not.toBeVisible(); // default target JVN
+    await expect(editor.locator(VERSION_SELECTOR)).not.toBeVisible(); // latest version marker
+    await expect(editor.locator(RUN_SELECTOR)).not.toBeVisible();
+
+    await expectScreenshot(page, 'highlight view');
+  });
+
   test('simple usage', async ({ page }) => {
     await gotoHtmlWidget(
       page,