brand extension: logo and typography tests

note, we don't yet support brand fonts from file in HTML #12501
so that is not tested here.

Author: gordonwoodhull

tests/docs/smoke-all/brand/logo/logo-extension/.gitignore

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

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

tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/moon-face.png

@@ -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"

tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/mybrand.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

tests/docs/smoke-all/brand/logo/logo-extension/_extensions/my-brand/sun-face.png

@@ -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);
+}

tests/docs/smoke-all/brand/logo/logo-extension/_quarto.yml

@@ -0,0 +1,43 @@
+---
+title: test brand extension
+format:
+  html: default
+  dashboard: default
+# ERROR: NotFound: No such file or directory (os error 2): rename
+# '/Users/gordon/src/quarto-cli/tests/docs/smoke-all/brand/logo/logo-extension/test.html' ->
+# '/Users/gordon/src/quarto-cli/tests/docs/smoke-all/brand/logo/logo-extension/_site/test.html'
+#  revealjs: default
+  typst:
+    output-ext: typ
+_quarto:
+  tests:
+    html:
+      ensureHtmlElements:
+        -
+          - 'img[class*="light-content"][src="site_libs/quarto-contrib/quarto-project/my-brand/sun-face.png"][alt="sun face"]'
+          - 'img[class*="dark-content"][src="site_libs/quarto-contrib/quarto-project/my-brand/moon-face.png"][alt="moon face"]'
+        - []
+    dashboard:
+      ensureHtmlElements:
+        -
+          - 'img[src="site_libs/quarto-contrib/quarto-project/my-brand/sun-face.png"][alt="sun face"][class="navbar-logo light-content d-inline-block"]'
+          - 'img[src="site_libs/quarto-contrib/quarto-project/my-brand/moon-face.png"][alt="moon face"][class="navbar-logo dark-content d-inline-block"]'
+        - []
+    typst:
+      ensureTypstFileRegexMatches:
+        -
+          - 'background: align\(left\+top, box\(inset: 0.75in, image\("_extensions(/|\\\\)my-brand(/|\\\\)sun-face.png", width: 1\.5in, alt: "sun 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)
+```

tests/docs/smoke-all/brand/logo/logo-extension/dark-fixups.scss

@@ -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
+

tests/docs/smoke-all/brand/logo/logo-extension/test.qmd

@@ -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