CSS Color Mix #4266
lukasoppermannAnnotations
8 errors and 1 warning
|
src/transformers/colorAlphaToCss.test.ts > Transformer: colorAlphaToCss > transforms hex3, hex6, hex8 `color` tokens with alpha value:
src/transformers/colorAlphaToCss.test.ts#L27
AssertionError: expected [ …(3) ] to strictly equal [ …(3) ]
- Expected
+ Received
Array [
- "color-mix(in srgb, #123, transparent 25%)",
- "color-mix(in srgb, #343434, transparent 60%)",
- "color-mix(in srgb, #34343466, transparent 10%)",
+ "color-mix(in srgb, #123, transparent 75%)",
+ "color-mix(in srgb, #343434, transparent 40%)",
+ "color-mix(in srgb, #34343466, transparent 90%)",
]
❯ src/transformers/colorAlphaToCss.test.ts:27:92
|
|
src/transformers/colorAlphaToCss.test.ts > Transformer: colorAlphaToCss > transforms references with and without alpha value:
src/transformers/colorAlphaToCss.test.ts#L36
AssertionError: expected [ '{base.color.green.5}', …(1) ] to strictly equal [ '{base.color.green.5}', …(1) ]
- Expected
+ Received
Array [
"{base.color.green.5}",
- "color-mix(in srgb, {base.color.red.5}, transparent 25%)",
+ "color-mix(in srgb, {base.color.red.5}, transparent 75%)",
]
❯ src/transformers/colorAlphaToCss.test.ts:36:92
|
|
src/transformers/colorAlphaToCss.test.ts > Transformer: colorAlphaToCss > transforms color-mix with and without alpha value:
src/transformers/colorAlphaToCss.test.ts#L48
AssertionError: expected [ …(2) ] to strictly equal [ …(2) ]
- Expected
+ Received
Array [
"color-mix(in srgb, {base.color.red.5}, transparent 25%)",
- "color-mix(in srgb, color-mix(in srgb, {base.color.red.5}, transparent 25%), transparent 35%)",
+ "color-mix(in srgb, color-mix(in srgb, {base.color.red.5}, transparent 25%), transparent 65%)",
]
❯ src/transformers/colorAlphaToCss.test.ts:48:92
|
|
src/transformers/shadowToCss.test.ts > Transformer: shadowToCss > transforms `shadow` token to css shadow string:
src/transformers/shadowToCss.test.ts#L18
AssertionError: expected [ Array(1) ] to strictly equal [ '0px 2px 1px 0 #000000' ]
- Expected
+ Received
Array [
- "0px 2px 1px 0 #000000",
+ "0px 2px 1px 0 color-mix(in srgb, #000000, transparent 0%)",
]
❯ src/transformers/shadowToCss.test.ts:18:68
|
|
src/transformers/shadowToCss.test.ts > Transformer: shadowToCss > transforms inset `shadow` token to css shadow string:
src/transformers/shadowToCss.test.ts#L45
AssertionError: expected [ …(2) ] to strictly equal [ …(2) ]
- Expected
+ Received
Array [
- "inset 0px 2px 1px 0px #000000",
- "0px 2px 1px 0px #000000",
+ "inset 0px 2px 1px 0px color-mix(in srgb, #000000, transparent 0%)",
+ "0px 2px 1px 0px color-mix(in srgb, #000000, transparent 0%)",
]
❯ src/transformers/shadowToCss.test.ts:45:68
|
|
src/transformers/shadowToCss.test.ts > Transformer: shadowToCss > transforms `shadow` token alpha value to css shadow string:
src/transformers/shadowToCss.test.ts#L152
AssertionError: expected [ …(2) ] to strictly equal [ '0px 2px 1px 0 #00000080', …(1) ]
- Expected
+ Received
Array [
- "0px 2px 1px 0 #00000080",
- "0px 2px 1px 0 #22222280",
+ "0px 2px 1px 0 color-mix(in srgb, #000000, transparent 50%)",
+ "0px 2px 1px 0 color-mix(in srgb, #22222266, transparent 50%)",
]
❯ src/transformers/shadowToCss.test.ts:152:68
|
|
src/transformers/shadowToCss.test.ts > Transformer: shadowToCss > transforms multi-layer `shadow` token to css shadow string:
src/transformers/shadowToCss.test.ts#L178
AssertionError: expected '0px 2px 1px 0 color-mix(in srgb, #000…' to strictly equal '0px 2px 1px 0 #00000080, 0px 8px 16px…'
Expected: "0px 2px 1px 0 #00000080, 0px 8px 16px 0 #22222233"
Received: "0px 2px 1px 0 color-mix(in srgb, #000000, transparent 50%), 0px 8px 16px 0 color-mix(in srgb, #22222266, transparent 80%)"
❯ src/transformers/shadowToCss.test.ts:178:49
|
|
Test & Lint
Process completed with exit code 1.
|
|
Test & Lint
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|