test - test that serif and simple default to heading color being body color

Author: cderv

tests/docs/playwright/revealjs/heading-color/.gitignore

@@ -0,0 +1 @@
+/.quarto/

tests/docs/playwright/revealjs/heading-color/_quarto.yml

@@ -0,0 +1,2 @@
+project:
+  type: default

tests/docs/playwright/revealjs/heading-color/custom.scss

@@ -0,0 +1,3 @@
+/*-- scss:defaults --*/
+
+$body-color: #000080;

tests/docs/playwright/revealjs/heading-color/serif.qmd

@@ -0,0 +1,13 @@
+---
+title: "Quarto Title Test"
+format: revealjs
+theme: [simple, custom.scss]
+---
+
+## slide 1
+
+Text for slide 1
+
+## side 2
+
+Text for slide 2

tests/docs/playwright/revealjs/heading-color/simple.qmd

@@ -0,0 +1,13 @@
+---
+title: "Quarto Title Test"
+format: revealjs
+theme: [simple, custom.scss]
+---
+
+## slide 1
+
+Text for slide 1
+
+## side 2
+
+Text for slide 2

tests/integration/playwright/tests/revealjs-themes.spec.ts

@@ -78,4 +78,19 @@ test('Callout title color in dracula theme is correctly tweaked to use same as b
   const calloutTitleLoc = page.getByText('Title of the callout', { exact: true });
   const calloutContentLoc = page.getByText('Content', { exact: true });
   await checkColorIdentical(calloutTitleLoc, calloutContentLoc, 'color');
-});
+});
+
+test('Headings color in simple and serif theme are correctly defaulting to $body-bg', async ({ page }) => {
+  await page.goto('./revealjs/heading-color/simple.html#/slide-1');
+  await checkColorIdentical(
+    page.getByText('Text for slide 1', { exact: true }), 
+    page.getByRole('heading', { name: 'slide' }), 
+    'color'
+  );
+  await page.goto('./revealjs/heading-color/serif.html#/slide-1');
+  await checkColorIdentical(
+    page.getByText('Text for slide 1', { exact: true }), 
+    page.getByRole('heading', { name: 'slide' }), 
+    'color'
+  );
+});