fix tests

package.json

@@ -23,6 +23,7 @@
     "@types/d3": "^7.4.3",
     "@vitest/coverage-v8": "^1.2.2",
     "autoprefixer": "^10.4.16",
+    "jsdom": "^24.0.0",
     "netlify-cli": "^17.10.1",
     "postcss": "^8.4.32",
     "svelte": "^4.2.3",

src/lib/__snapshots__/ColorLint.test.ts.snap

@@ -20,8 +20,10 @@ exports[`ColorLint - BackgroundDifferentiability 2`] = `
 ]
 `;
 
-exports[`ColorLint - ColorBlind 1`] = `"This palette is not colorblind friendly for deuteranopia color blindness (ie can't see green). The following pairs are undifferentiable: (#0078b4 and #8c69bc), (#ff7e0e and #c4bc27), (#3d9f2f and #da2827), (#e179c1 and #00becf)"`;
+exports[`ColorLint - ColorBlind 1`] = `"This palette is not colorblind friendly for deuteranopia color blindness (ie can't see green). The following pairs are undifferentiable: (#0078b4 and #8c69bc, #ff7e0e and #c4bc27, #3d9f2f and #da2827, #e179c1 and #00becf)"`;
 
-exports[`ColorLint - ColorBlind 2`] = `"This palette is not colorblind friendly for protanopia color blindness (ie can't see red). The following pairs are undifferentiable: (#0078b4 and #8c69bc), (#ff7e0e and #3d9f2f), (#da2827 and #8e564b)"`;
+exports[`ColorLint - ColorBlind 2`] = `"This palette is not colorblind friendly for protanopia color blindness (ie can't see red). The following pairs are undifferentiable: (#0078b4 and #8c69bc, #ff7e0e and #3d9f2f, #da2827 and #8e564b)"`;
 
-exports[`ColorLint - ColorBlind 3`] = `"This palette is not colorblind friendly for tritanopia color blindness (ie can't see blue). The following pairs are undifferentiable: (#ff7e0e and #e179c1), (#8c69bc and #7f7f7f)"`;
+exports[`ColorLint - ColorBlind 3`] = `"This palette is not colorblind friendly for tritanopia color blindness (ie can't see blue). The following pairs are undifferentiable: (#ff7e0e and #e179c1, #8c69bc and #7f7f7f)"`;
+
+exports[`ColorLint - ColorBlind 4`] = `"This palette is not colorblind friendly for grayscale color blindness . The following pairs are undifferentiable: (#0078b4 and #da2827, #0078b4 and #8c69bc, #0078b4 and #8e564b, #0078b4 and #7f7f7f, #ff7e0e and #3d9f2f, #ff7e0e and #e179c1, #ff7e0e and #c4bc27, #ff7e0e and #00becf, #3d9f2f and #8c69bc, #3d9f2f and #e179c1, #3d9f2f and #7f7f7f, #da2827 and #8c69bc, #da2827 and #8e564b, #da2827 and #7f7f7f, #8c69bc and #8e564b, #8c69bc and #7f7f7f, #e179c1 and #c4bc27, #e179c1 and #00becf, #c4bc27 and #00becf)"`;

src/stores/built-in-lints.ts

@@ -4,6 +4,7 @@ import { JSONStringify } from "../lib/utils";
 import type { TaskType } from "../lib/lints/ColorLint";
 
 const toString = (x: LintProgram) => JSONStringify(JSON.stringify(x));
+// @ts-ignore
 const $schema = `${location.href}lint-schema.json`;
 
 const blindTypes = [
@@ -126,7 +127,7 @@ const BUILT_INS: CustomLint[] = [
     group: "accessibility",
     description: `All colors in a palette should be differentiable by people with ${type} ${blindnessLabels[type]}. This is because if they are not, then they will not be differentiable from each other in some contexts.`,
     level: "error" as const,
-    failMessage: `Some colors in this palette ({{blame}}) are not differentiable by people with ${type}.`,
+    failMessage: `This palette is not colorblind friendly for ${type} color blindness ${blindnessLabels[type]}. The following pairs are undifferentiable: ({{blame}})`,
     id: `colorblind-friendly-${type}-built-in`,
     blameMode: "pair" as const,
   })),

vitest.config.ts

@@ -0,0 +1,7 @@
+import { defineConfig } from "vitest/config";
+export default defineConfig({
+  plugins: [],
+  test: {
+    environment: "jsdom",
+  },
+});