add tests for tool specific section minitoc links (#39396)

github · Jul 20, 2023 · 4f182d0 · 4f182d0
1 parent fa24961
commit 4f182d0
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 1 deletion.
diff --git a/tests/fixtures/content/get-started/liquid/tool-specific.md b/tests/fixtures/content/get-started/liquid/tool-specific.md
@@ -32,4 +32,20 @@ cli content
 
 {% desktop %}
   this is desktop content
-{% enddesktop %}
+{% enddesktop %}
+
+{% webui %}
+
+## Webui section
+
+Webui section specific content
+
+{% endwebui %}
+
+{% desktop %}
+
+## Desktop section
+
+Desktop section specific content
+
+{% enddesktop %}
diff --git a/tests/rendering-fixtures/playwright-rendering.spec.ts b/tests/rendering-fixtures/playwright-rendering.spec.ts
@@ -97,6 +97,20 @@ test.describe('tool picker', () => {
     await expect(page.getByText('this is cli content')).not.toBeVisible()
     await expect(page.getByText('this is desktop content')).not.toBeVisible()
     await expect(page.getByText('this is webui content')).toBeVisible()
+
+    // Go to page again so that we start with the default webui content and can
+    // check the minitoc links
+    await page.goto('/get-started/liquid/tool-specific')
+    await expect(
+      page.getByTestId('minitoc').getByRole('link', { name: 'Webui section' }),
+    ).toBeVisible()
+    await expect(
+      page.getByTestId('minitoc').getByRole('link', { name: 'Desktop section' }),
+    ).not.toBeVisible()
+    await page.getByTestId('tool-picker').getByRole('link', { name: 'Web browser' }).click()
+    await expect(
+      page.getByTestId('minitoc').getByRole('link', { name: 'Desktop section' }),
+    ).not.toBeVisible()
   })
 
   test('prefer default tool', async ({ page }) => {