Skip to content

Commit e7c50ab

Browse files
alexander-akaitalexander-akait
committed
test(css): cover the paths that decline to lower through a real build
The nesting, custom-media and color-mix declines were reached only by the unit tier, so a real build exercised one branch of each pair.
1 parent 43bbd32 commit e7c50ab

3 files changed

Lines changed: 39 additions & 2 deletions

File tree

‎test/configCases/css/minimize-nesting-lowered/__snapshots__/ConfigCacheTest.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22

33
exports[`ConfigCacheTestCases css minimize-nesting-lowered minimize-nesting-lowered should compile 1`] = `
44
Array [
5-
".a{color:red}.a .b{color:blue}.a.c{color:green}:is(.d,.e) .f{color:teal}.g[dir=rtl]{color:navy}@media (width>400px){.h{color:olive}}.i{color:#ba00c2;color:color-mix(in oklch,red,blue)}",
5+
".a{color:red}.a .b{color:blue}.a.c{color:green}:is(.d,.e) .f{color:teal}.g[dir=rtl]{color:navy}@media (width>400px){.h{color:olive}}.i{color:#ba00c2;color:color-mix(in oklch,red,blue)}.j{color:red;& .k{color:blue}color:green}.l{color:red;@media print{color:blue}}.m{color:color-mix(in srgb,currentcolor,red)}@media ((width>400px) or (orientation:portrait)){.n{color:red}}@media screen and ((width>400px) or (orientation:portrait)){.o{color:red}}",
66
]
77
`;

‎test/configCases/css/minimize-nesting-lowered/__snapshots__/ConfigTest.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,6 @@
22

33
exports[`ConfigTestCases css minimize-nesting-lowered minimize-nesting-lowered should compile 1`] = `
44
Array [
5-
".a{color:red}.a .b{color:blue}.a.c{color:green}:is(.d,.e) .f{color:teal}.g[dir=rtl]{color:navy}@media (width>400px){.h{color:olive}}.i{color:#ba00c2;color:color-mix(in oklch,red,blue)}",
5+
".a{color:red}.a .b{color:blue}.a.c{color:green}:is(.d,.e) .f{color:teal}.g[dir=rtl]{color:navy}@media (width>400px){.h{color:olive}}.i{color:#ba00c2;color:color-mix(in oklch,red,blue)}.j{color:red;& .k{color:blue}color:green}.l{color:red;@media print{color:blue}}.m{color:color-mix(in srgb,currentcolor,red)}@media ((width>400px) or (orientation:portrait)){.n{color:red}}@media screen and ((width>400px) or (orientation:portrait)){.o{color:red}}",
66
]
77
`;

‎test/configCases/css/minimize-nesting-lowered/style.css‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,3 +30,40 @@
3030
.i {
3131
color: color-mix(in oklch, red, blue);
3232
}
33+
34+
/* Kept: a declaration written after a nested rule is read after it. */
35+
.j {
36+
color: red;
37+
& .k {
38+
color: blue;
39+
}
40+
color: green;
41+
}
42+
43+
/* Kept: the at-rule is what the rules written in it are read under. */
44+
.l {
45+
color: red;
46+
@media print {
47+
color: blue;
48+
}
49+
}
50+
51+
/* No fallback: `currentcolor` is whatever the element's `color` is. */
52+
.m {
53+
color: color-mix(in srgb, currentcolor, red);
54+
}
55+
56+
/* Written only as the whole condition, never beside an `and`. */
57+
@custom-media --either (width>400px), (orientation: portrait);
58+
59+
@media (--either) {
60+
.n {
61+
color: red;
62+
}
63+
}
64+
65+
@media screen and (--either) {
66+
.o {
67+
color: red;
68+
}
69+
}

0 commit comments

Comments
 (0)