brand extension: logo and typography tests

gordonwoodhull · gordonwoodhull · commit 68f8a57ce487 · 2025-08-13T14:00:36.000-04:00
note, we don't yet support brand fonts from file in HTML #12501 so that is not tested here.
diff --git a/tests/docs/smoke-all/brand/logo/logo-extension/.gitignore b/tests/docs/smoke-all/brand/logo/logo-extension/.gitignore
@@ -0,0 +1 @@
+/.quarto/
diff --git a/tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/_extension.yml b/tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/_extension.yml
@@ -0,0 +1,8 @@
+title: My-brand
+author: Gordon Woodhull
+version: 1.0.0
+quarto-required: ">=99.9.0"
+contributes:
+  metadata:
+    project:
+      brand: mybrand.yml
diff --git a/tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/moon-face.png b/tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/moon-face.png
diff --git a/tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/mybrand.yml b/tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/mybrand.yml
@@ -0,0 +1,18 @@
+logo:
+  images:
+    sun:
+      path: sun-face.png
+      alt: sun face
+    moon:
+      path: moon-face.png
+      alt: moon face
+  medium:
+    light: sun
+    dark: moon
+color:
+  background:
+    light: "#def"
+    dark: "#042"
+  foreground:
+    light: "#411"
+    dark: "#ffe"
diff --git a/tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/sun-face.png b/tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/sun-face.png
diff --git a/tests/docs/smoke-all/brand/logo/logo-extension/_quarto.yml b/tests/docs/smoke-all/brand/logo/logo-extension/_quarto.yml
@@ -0,0 +1,13 @@
+project:
+  type: website
+format:
+  html:
+    theme:
+      light: brand
+      dark: [brand, dark-fixups.scss]
+website:
+  sidebar:
+    style: "docked"
+    search: true
+    contents:
+      - test.qmd
diff --git a/tests/docs/smoke-all/brand/logo/logo-extension/dark-fixups.scss b/tests/docs/smoke-all/brand/logo/logo-extension/dark-fixups.scss
@@ -0,0 +1,9 @@
+/*-- scss:rules --*/
+
+nav.sidebar.sidebar-navigation:not(.rollup) {
+  background-color: #282b30;
+}
+
+nav.navbar {
+  background-color: rgba(13, 251, 108, 0.14);
+}
diff --git a/tests/docs/smoke-all/brand/logo/logo-extension/logo-brand-extension.qmd b/tests/docs/smoke-all/brand/logo/logo-extension/logo-brand-extension.qmd
@@ -0,0 +1,47 @@
+---
+title: test brand extension
+format:
+  html: default
+  dashboard: default
+  revealjs: default
+  typst:
+    output-ext: typ
+_quarto:
+  tests:
+    html:
+      ensureFileRegexMatches:
+        -
+          - '<img src="site_libs(/|\\)quarto-contrib(/|\\)quarto-project(/|\\)my-brand(/|\\)sun-face\.png" alt="sun face" class=".*light-content.*">'
+          - '<img src="site_libs(/|\\)quarto-contrib(/|\\)quarto-project(/|\\)my-brand(/|\\)moon-face\.png" alt="moon face" class=".*dark-content.*">'
+        - []
+    dashboard:
+      ensureFileRegexMatches:
+        -
+          - '<img src="site_libs(/|\\)quarto-contrib(/|\\)quarto-project(/|\\)my-brand(/|\\)sun-face\.png" alt="sun face" class=".*light-content.*">'
+          - '<img src="site_libs(/|\\)quarto-contrib(/|\\)quarto-project(/|\\)my-brand(/|\\)moon-face\.png" alt="moon face" class=".*dark-content.*">'
+        - []
+    revealjs:
+      ensureFileRegexMatches:
+        -
+          - '<img src="site_libs(/|\\)quarto-contrib(/|\\)quarto-project(/|\\)my-brand(/|\\)sun-face\.png" alt="sun face".*>'
+        -
+          - 'moon-face'
+    typst:
+      ensureTypstFileRegexMatches:
+        -
+          - 'background: align\(left\+top, box\(inset: 0.75in, image\("_extensions(/|\\\\)my-brand(/|\\\\)sun-face.png", width: 1\.5in, alt: "sun face"\)\)'
+        -
+          - 'image.*moon-face'
+---
+
+# brand.yml extension
+
+Here is some inline code `def foo(x): return x`{.python} and `y`{.python} and `z`{.python}.
+
+
+{{< lipsum 1 >}}
+
+```{.python}
+# | echo: true
+print(1+2)
+```
diff --git a/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/_extension.yml b/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/_extension.yml
@@ -0,0 +1,9 @@
+title: Typst-brand-typography-example
+author: Gordon Woodhull
+version: 1.0.0
+quarto-required: ">=99.9.0"
+contributes:
+  metadata:
+    project:
+      brand: brand.yml
+
diff --git a/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/brand.yml b/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/brand.yml
@@ -0,0 +1,27 @@
+typography:
+  fonts:
+    - family: "Open Sans"
+      source: file
+      files:
+        - resources/fonts/opensans/OpenSans-VariableFont_wdth,wght.ttf
+    - family: "Fira Code"
+      source: file
+      files:
+        - resources/fonts/firacode/FiraCode-VF.ttf
+    - family: "Roboto Slab"
+      source: file
+      files:
+        - path: resources/fonts/robotoslab/RobotoSlab-VariableFont_wght.ttf
+          weight: 600
+          style: normal
+  base:
+    family: Open Sans
+    line-height: 1.25em
+    size: 1rem
+  headings:
+    family: Roboto Slab
+    color: primary
+    weight: 600
+  monospace:
+    family: Fira Code
+    size: 0.9em
diff --git a/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/resources/fonts/firacode/FiraCode-VF.ttf b/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/resources/fonts/firacode/FiraCode-VF.ttf
diff --git a/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/resources/fonts/opensans/OpenSans-VariableFont_wdth,wght.ttf b/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/resources/fonts/opensans/OpenSans-VariableFont_wdth,wght.ttf
diff --git a/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/resources/fonts/robotoslab/RobotoSlab-VariableFont_wght.ttf b/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_extensions/typst-brand-typography-example/resources/fonts/robotoslab/RobotoSlab-VariableFont_wght.ttf
diff --git a/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_quarto.yml b/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/_quarto.yml
@@ -0,0 +1,2 @@
+project:
+  type: default
diff --git a/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/brand-typography.qmd b/tests/docs/smoke-all/typst/brand-yaml/typography/brand-extension/brand-typography.qmd
@@ -0,0 +1,34 @@
+---
+title: title is `#context text.font`{=typst} `#context text.weight`{=typst} `#context text.style`{=typst} `#context text.size`{=typst}
+format: typst
+include-in-header:
+  text: |
+    #set text(fallback: false)
+_quarto:
+  tests:
+    typst:
+      ensurePdfRegexMatches:
+      -
+        - 'title is roboto slab semibold normal 16.5pt'
+        - 'heading-2 is roboto slab semibold normal 15.4pt'
+        - 'paragraph is open sans regular normal 11pt'
+        - 'fib = num => num < 2'
+      - []
+---
+
+## heading-2 is `#context text.font`{=typst} `#context text.weight`{=typst} `#context text.style`{=typst} `#context text.size`{=typst}
+
+paragraph is `#context text.font`{=typst} `#context text.weight`{=typst} `#context text.style`{=typst} `#context text.size`{=typst}.
+
+```{=typst}
+#block(text(font: "Fira Code", weight: "black")[Some text with font set explicitly to #context text.font #context text.weight #context text.style #context text.size])
+
+```
+
+```
+const fib = num => num < 2 ? num : fib(num-1) + fib(num - 2);
+console.log(fib(12))
+```
+
+{{< lipsum 3 >}}
+
