Test font properties

enhance-dev · Jun 25, 2024 · 9987c17 · 9987c17
1 parent fa14be9
commit 9987c17
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git a/v7/test/fixtures/styleguide.mjs b/v7/test/fixtures/styleguide.mjs
@@ -27,9 +27,8 @@ export default {
     maxInlineSize: '72ch',
   },
   fonts: {
-    sans: 'system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif',
-    serif: 'Georgia, Cambria, Times New Roman, Times, serif',
-    mono: 'Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace',
+    sans: 'Papyrus, Comic Sans, sans-serif',
+    serif: 'Wingdings, serif',
   },
   grid: {
     steps: 6,

diff --git a/v7/test/properties/fonts.test.js b/v7/test/properties/fonts.test.js
@@ -0,0 +1,15 @@
+import test from 'tape'
+import fonts from '../../properties/fonts.mjs'
+import config from '../fixtures/styleguide.mjs'
+
+test('config.fonts', t => {
+  t.ok(
+    fonts({ config })
+      .replaceAll(' ', '')
+      .replaceAll('\n', '')
+      .includes(':root{--font-sans:Papyrus,ComicSans,sans-serif;--font-serif:Wingdings,serif;}'),
+    'produces the expected font properties'
+  )
+  t.end()
+})
+