feat: Generate JSON schema for Design Tokens

cloudscape-design · Jul 20, 2023 · d10f466 · d10f466
1 parent de8ff94
commit d10f466
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/build-tools/tasks/styles.js b/build-tools/tasks/styles.js
@@ -79,6 +79,7 @@ function stylesTask(theme) {
       designTokensOutputDir,
       designTokensFileName: theme.designTokensOutput,
       descriptions,
+      jsonSchema: true,
     });
   });
 }

diff --git a/src/__tests__/design-tokens.test.ts b/src/__tests__/design-tokens.test.ts
@@ -2,12 +2,15 @@
 // SPDX-License-Identifier: Apache-2.0
 import { requireDesignTokensFile } from './utils';
 
+const themeNames = ['classic', 'visual-refresh'];
+
 describe('Design tokens artifacts', () => {
-  test.each<string>(['classic', 'visual-refresh'])(
-    `Design tokens JSON for %s matches the snapshot`,
-    (themeName: string) => {
-      const jsonContent = requireDesignTokensFile(`index-${themeName}.json`);
-      expect(jsonContent).toMatchSnapshot(themeName);
-    }
-  );
+  test.each<string>(themeNames)(`Design tokens JSON for %s matches the snapshot`, (themeName: string) => {
+    const jsonContent = requireDesignTokensFile(`index-${themeName}.json`);
+    expect(jsonContent).toMatchSnapshot(themeName);
+  });
+  test.each<string>(themeNames)(`Design tokens JSON schema is generated`, (themeName: string) => {
+    const jsonSchema = requireDesignTokensFile(`index-${themeName}-schema.json`);
+    expect(jsonSchema).not.toBeUndefined();
+  });
 });