studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✅(tokens) add a test token with a hyphen

Browse Source 
tokens that includes hyphen are allowed but the feature wasn't been
tested
This commit is contained in:
Romain Le Cellier
2023-04-27 14:34:54 +02:00
parent edf4563e3e
commit 1b9fb93bda
7 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/tokens/src/bin/Generators/JsGenerator.spec.ts
View File

@@ -24,7 +24,7 @@ describe("JsGenerator", () => {
await run(["", "", "-g", "js"]); await run(["", "", "-g", "js"]);
expect(fs.existsSync(tokensFile)).toEqual(true); expect(fs.existsSync(tokensFile)).toEqual(true);
expect(fs.readFileSync(tokensFile).toString()).toMatchInlineSnapshot(` expect(fs.readFileSync(tokensFile).toString()).toMatchInlineSnapshot(`
"export const tokens = {"theme":{"colors":{"primary":"#055FD2","secondary":"#DA0000"},"font":{"sizes":{"m":"1rem"},"weights":{"medium":400},"families":{"base":"Roboto"}},"spacings":{"s":"1rem"},"transitions":{"ease":"linear"}}}; "export const tokens = {"theme":{"colors":{"primary":"#055FD2","secondary":"#DA0000","ternary-900":"#022858"},"font":{"sizes":{"m":"1rem"},"weights":{"medium":400},"families":{"base":"Roboto"}},"spacings":{"s":"1rem"},"transitions":{"ease":"linear"}}};
" "
`); `);
}); });

5
packages/tokens/src/bin/Generators/SassGenerator.spec.ts
View File

@@ -27,7 +27,10 @@ describe("SassGenerator", () => {
expect(fs.readFileSync(sassFile).toString()).toMatchInlineSnapshot(` expect(fs.readFileSync(sassFile).toString()).toMatchInlineSnapshot(`
"$colors: ( "$colors: (
primary: #055FD2, primary: #055FD2,
secondary: #DA0000 secondary: #DA0000,
ternary: (
900: #022858
)
); );
$fontFamilies: ( $fontFamilies: (
base: Roboto base: Roboto

2
packages/tokens/src/bin/Generators/TsGenerator.spec.ts
View File

@@ -24,7 +24,7 @@ describe("TsGenerator", () => {
await run(["", "", "-g", "ts"]); await run(["", "", "-g", "ts"]);
expect(fs.existsSync(tokensFile)).toEqual(true); expect(fs.existsSync(tokensFile)).toEqual(true);
expect(fs.readFileSync(tokensFile).toString()).toMatchInlineSnapshot(` expect(fs.readFileSync(tokensFile).toString()).toMatchInlineSnapshot(`
"export const tokens = {"theme":{"colors":{"primary":"#055FD2","secondary":"#DA0000"},"font":{"sizes":{"m":"1rem"},"weights":{"medium":400},"families":{"base":"Roboto"}},"spacings":{"s":"1rem"},"transitions":{"ease":"linear"}}}; "export const tokens = {"theme":{"colors":{"primary":"#055FD2","secondary":"#DA0000","ternary-900":"#022858"},"font":{"sizes":{"m":"1rem"},"weights":{"medium":400},"families":{"base":"Roboto"}},"spacings":{"s":"1rem"},"transitions":{"ease":"linear"}}};
" "
`); `);
}); });

1
packages/tokens/src/bin/__mocks__/cunningham.ts
View File

@@ -3,6 +3,7 @@ module.exports = {
colors: { colors: {
primary: "#055FD2", primary: "#055FD2",
secondary: "#DA0000", secondary: "#DA0000",
"ternary-900": "#022858",
}, },
font: { font: {
sizes: { sizes: {

1
packages/tokens/src/bin/tests/assets/expected-default-cunningham-tokens.css
View File

@@ -1,6 +1,7 @@
:root { :root {
--c--theme--colors--primary: #055FD2; --c--theme--colors--primary: #055FD2;
--c--theme--colors--secondary: #DA0000; --c--theme--colors--secondary: #DA0000;
--c--theme--colors--ternary-900: #022858;
--c--theme--font--sizes--m: 1rem; --c--theme--font--sizes--m: 1rem;
--c--theme--font--weights--medium: 400; --c--theme--font--weights--medium: 400;
--c--theme--font--families--base: Roboto; --c--theme--font--families--base: Roboto;

1
packages/tokens/src/bin/tests/assets/expected-js-cunningham-tokens.css
View File

@@ -1,6 +1,7 @@
:root { :root {
--c--theme--colors--primary: AntiqueWhite; --c--theme--colors--primary: AntiqueWhite;
--c--theme--colors--secondary: #DA0000; --c--theme--colors--secondary: #DA0000;
--c--theme--colors--ternary-900: #022858;
--c--theme--font--sizes--m: 1rem; --c--theme--font--sizes--m: 1rem;
--c--theme--font--weights--medium: 400; --c--theme--font--weights--medium: 400;
--c--theme--font--families--base: Roboto; --c--theme--font--families--base: Roboto;

3
packages/tokens/src/bin/tests/assets/expected-with-utility-classes-cunningham-tokens.css
View File

@@ -1,6 +1,7 @@
:root { :root {
--c--theme--colors--primary: #055FD2; --c--theme--colors--primary: #055FD2;
--c--theme--colors--secondary: #DA0000; --c--theme--colors--secondary: #DA0000;
--c--theme--colors--ternary-900: #022858;
--c--theme--font--sizes--m: 1rem; --c--theme--font--sizes--m: 1rem;
--c--theme--font--weights--medium: 400; --c--theme--font--weights--medium: 400;
--c--theme--font--families--base: Roboto; --c--theme--font--families--base: Roboto;
@@ -8,8 +9,10 @@
--c--theme--transitions--ease: linear; --c--theme--transitions--ease: linear;
} .clr-primary { color: var(--c--theme--colors--primary); } } .clr-primary { color: var(--c--theme--colors--primary); }
.clr-secondary { color: var(--c--theme--colors--secondary); } .clr-secondary { color: var(--c--theme--colors--secondary); }
.clr-ternary-900 { color: var(--c--theme--colors--ternary-900); }
.bg-primary { background-color: var(--c--theme--colors--primary); } .bg-primary { background-color: var(--c--theme--colors--primary); }
.bg-secondary { background-color: var(--c--theme--colors--secondary); } .bg-secondary { background-color: var(--c--theme--colors--secondary); }
.bg-ternary-900 { background-color: var(--c--theme--colors--ternary-900); }
.fw-medium { font-weight: var(--c--theme--font--weights--medium); } .fw-medium { font-weight: var(--c--theme--font--weights--medium); }
.fs-m { font-size: var(--c--theme--font--sizes--m); } .fs-m { font-size: var(--c--theme--font--sizes--m); }
.f-base { font-family: var(--c--theme--font--families--base); } .f-base { font-family: var(--c--theme--font--families--base); }