tests(css): more tests around pseudo-classes and pseudo-elements (#3957)
parent
1656fbf7a2
commit
bff7de3ea2
|
@ -6,6 +6,24 @@ exports[`case.css 1`] = `
|
||||||
.foo {
|
.foo {
|
||||||
color: hsl(0.75TURN, 60%, 70%);
|
color: hsl(0.75TURN, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:FIRST-CHILD {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-WEBKIT-PROGRESS-BAR {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
||||||
@custom-media --KeepName (min-width: 500px);
|
@custom-media --KeepName (min-width: 500px);
|
||||||
|
|
||||||
|
@ -13,6 +31,24 @@ exports[`case.css 1`] = `
|
||||||
color: hsl(0.75turn, 60%, 70%);
|
color: hsl(0.75turn, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:first-child {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::after {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:after {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-progress-bar {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
exports[`case.less 1`] = `
|
exports[`case.less 1`] = `
|
||||||
|
@ -139,6 +175,24 @@ $KeepScssVar: val;
|
||||||
.foo {
|
.foo {
|
||||||
color: hsl(0.75TURN, 60%, 70%);
|
color: hsl(0.75TURN, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:FIRST-CHILD {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-WEBKIT-PROGRESS-BAR {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
||||||
// Convention in this test file:
|
// Convention in this test file:
|
||||||
// - The case should be preserved for things prefixed with "Keep".
|
// - The case should be preserved for things prefixed with "Keep".
|
||||||
|
@ -272,6 +326,24 @@ $KeepScssVar: val;
|
||||||
color: hsl(0.75turn, 60%, 70%);
|
color: hsl(0.75turn, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:first-child {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::after {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:after {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-progress-bar {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
||||||
`;
|
`;
|
||||||
|
|
||||||
exports[`case.scss 1`] = `
|
exports[`case.scss 1`] = `
|
||||||
|
@ -400,6 +472,24 @@ $KeepTopLevelVar: val;
|
||||||
.foo {
|
.foo {
|
||||||
color: hsl(0.75TURN, 60%, 70%);
|
color: hsl(0.75TURN, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:FIRST-CHILD {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-WEBKIT-PROGRESS-BAR {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
|
||||||
// Convention in this test file:
|
// Convention in this test file:
|
||||||
// - The case should be preserved for things prefixed with "Keep".
|
// - The case should be preserved for things prefixed with "Keep".
|
||||||
|
@ -530,4 +620,22 @@ $KeepTopLevelVar: val;
|
||||||
color: hsl(0.75turn, 60%, 70%);
|
color: hsl(0.75turn, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:first-child {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::after {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:after {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-progress-bar {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
||||||
`;
|
`;
|
||||||
|
|
|
@ -3,3 +3,21 @@
|
||||||
.foo {
|
.foo {
|
||||||
color: hsl(0.75TURN, 60%, 70%);
|
color: hsl(0.75TURN, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:FIRST-CHILD {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-WEBKIT-PROGRESS-BAR {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
|
@ -121,3 +121,21 @@ $KeepScssVar: val;
|
||||||
.foo {
|
.foo {
|
||||||
color: hsl(0.75TURN, 60%, 70%);
|
color: hsl(0.75TURN, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:FIRST-CHILD {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-WEBKIT-PROGRESS-BAR {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
|
@ -123,3 +123,21 @@ $KeepTopLevelVar: val;
|
||||||
.foo {
|
.foo {
|
||||||
color: hsl(0.75TURN, 60%, 70%);
|
color: hsl(0.75TURN, 60%, 70%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
p:FIRST-CHILD {
|
||||||
|
color: lime;
|
||||||
|
background-color: black;
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
a::AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
a:AFTER {
|
||||||
|
content: "→";
|
||||||
|
}
|
||||||
|
|
||||||
|
::-WEBKIT-PROGRESS-BAR {
|
||||||
|
background-color: orange;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue