playwright - Add test for each highlight-style

cderv · cderv · commit 020fe2644d70 · 2025-04-09T16:29:55.000+02:00
- Start by testing codeBlock vs InlineCode highlighting, using Keyword token as this is the common one in all theme
diff --git a/tests/docs/playwright/html/code-highlight/.gitignore b/tests/docs/playwright/html/code-highlight/.gitignore
@@ -0,0 +1 @@
+/.quarto/
diff --git a/tests/docs/playwright/html/code-highlight/_quarto.yml b/tests/docs/playwright/html/code-highlight/_quarto.yml
@@ -0,0 +1,3 @@
+project:
+  type: default
+  title: "Quarto Code Highlighting"
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-a11y.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-a11y.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing a11y code highlight
+highlight-style: a11y
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-arrow.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-arrow.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing arrow code highlight
+highlight-style: arrow
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-atom-one.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-atom-one.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing atom-one code highlight
+highlight-style: atom-one
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-ayu-mirage.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-ayu-mirage.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing ayu-mirage code highlight
+highlight-style: ayu-mirage
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-ayu.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-ayu.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing ayu code highlight
+highlight-style: ayu
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-breeze.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-breeze.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing breeze code highlight
+highlight-style: breeze
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-breezedark.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-breezedark.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing breezedark code highlight
+highlight-style: breezedark
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-dracula.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-dracula.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing dracula code highlight
+highlight-style: dracula
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-espresso.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-espresso.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing espresso code highlight
+highlight-style: espresso
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-github.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-github.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing github code highlight
+highlight-style: github
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-gruvbox.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-gruvbox.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing gruvbox code highlight
+highlight-style: gruvbox
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-haddock.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-haddock.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing haddock code highlight
+highlight-style: haddock
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-kate.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-kate.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing kate code highlight
+highlight-style: kate
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-monochrome.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-monochrome.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing monochrome code highlight
+highlight-style: monochrome
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-monokai.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-monokai.qmd
@@ -0,0 +1,23 @@
+---
+title: Testing monokai code highlight
+highlight-style: monokai
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+## Light and Dark Mode Testing
+
+This document can be viewed in both light mode and dark mode to test code highlighting in both color schemes.
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
+
+::: {.callout-note}
+The tests will automatically check the highlighting in both light and dark modes using Playwright's color scheme testing capabilities.
+:::
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-nord.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-nord.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing nord code highlight
+highlight-style: nord
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-oblivion.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-oblivion.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing oblivion code highlight
+highlight-style: oblivion
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-printing.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-printing.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing printing code highlight
+highlight-style: printing
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-pygments.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-pygments.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing pygments code highlight
+highlight-style: pygments
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-radical.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-radical.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing radical code highlight
+highlight-style: radical
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-solarized.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-solarized.qmd
@@ -0,0 +1,16 @@
+---
+title: Testing solarized code highlight
+highlight-style: solarized
+theme: 
+  light: flatly
+  dark: darkly
+---
+
+
+```{.julia}
+function divide_floats(x::Float64, y::Float64)
+    return x / y
+end
+```
+
+And here the inline version `function divide_floats(x::Float64, y::Float64)`{.julia}.
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-tango.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-tango.qmd
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-vim-dark.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-vim-dark.qmd
diff --git a/tests/docs/playwright/html/code-highlight/code-highlight-zenburn.qmd b/tests/docs/playwright/html/code-highlight/code-highlight-zenburn.qmd
diff --git a/tests/integration/playwright/src/utils.ts b/tests/integration/playwright/src/utils.ts
diff --git a/tests/integration/playwright/tests/html-code-highlight.spec.ts b/tests/integration/playwright/tests/html-code-highlight.spec.ts
diff --git a/tests/integration/playwright/tests/html-themes.spec.ts b/tests/integration/playwright/tests/html-themes.spec.ts

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+project:`
	`2`	`+ type: default`
	`3`	`+ title: "Quarto Code Highlighting"`