@less/test-data 4.9.0 → 5.0.0-alpha.2

package/tests-unit/selectors/selectors.css

@@ -1,9 +1,4 @@
-h1 a:hover,
-h2 a:hover,
-h3 a:hover,
-h1 p:hover,
-h2 p:hover,
-h3 p:hover {
+:is(h1 a, h2 a, h3 a, h1 p, h2 p, h3 p):hover {
   color: red;
 }
 #all {
@@ -43,20 +38,17 @@ div a {
 p a span {
   color: yellow;
 }
-.foo .bar .qux,
-.foo .baz .qux {
+:is(.foo .bar, .foo .baz) .qux {
   display: block;
 }
-.qux .foo .bar,
-.qux .foo .baz {
+.qux :is(.foo .bar, .foo .baz) {
   display: inline;
 }
 .qux.foo .bar,
 .qux.foo .baz {
   display: inline-block;
 }
-.qux .foo .bar .biz,
-.qux .foo .baz .biz {
+.qux :is(.foo .bar, .foo .baz) .biz {
   display: none;
 }
 .a.b.c {
@@ -73,32 +65,12 @@ p a span {
 }
 .foo + .foo {
   background: amber;
-}
-.foo + .foo {
   background: amber;
 }
-.foo + .foo,
-.foo + .bar,
-.bar + .foo,
-.bar + .bar {
+:is(.foo, .bar) + :is(.foo, .bar) {
   background: amber;
 }
-.foo a > .foo a,
-.foo a > .bar a,
-.foo a > .foo b,
-.foo a > .bar b,
-.bar a > .foo a,
-.bar a > .bar a,
-.bar a > .foo b,
-.bar a > .bar b,
-.foo b > .foo a,
-.foo b > .bar a,
-.foo b > .foo b,
-.foo b > .bar b,
-.bar b > .foo a,
-.bar b > .bar a,
-.bar b > .foo b,
-.bar b > .bar b {
+:is(.foo a, .bar a, .foo b, .bar b) > :is(.foo a, .bar a, .foo b, .bar b) {
   background: amber;
 }
 .other ::fnord {
@@ -178,8 +150,8 @@ blank blank blank blank blank blank blank blank blank blank blank blank blank bl
   test: global scope;
 }
 .extend-this,
-.active.first-level .second-level,
-.first-level .second-level.active2 {
+.active:is(.first-level .second-level),
+:is(.first-level .second-level).active2 {
   content: '\2661';
 }
 .x:is(.x.a) {
@@ -197,16 +169,16 @@ a:is(.b, :is(.c)) {
 a:is(.b, :is(.c), :has(div)) {
   color: red;
 }
-:is(:not(:has(>.foo)), :has(>.foo.bar)) {
+:is(:not(:has(> .foo)), :has(> .foo.bar)) {
   overflow: clip;
 }
-:matches(:not(:has(>.foo)), :has(>.foo.bar)) {
+:matches(:not(:has(> .foo)), :has(> .foo.bar)) {
   overflow: clip;
 }
-:where(:not(:has(>.foo)), :has(>.foo.bar)) {
+:where(:not(:has(> .foo)), :has(> .foo.bar)) {
   overflow: clip;
 }
-:is(:has(>.foo + .bar), :has(>.baz ~ .qux), :not(:has(.quux))) {
+:is(:has(> .foo + .bar), :has(> .baz ~ .qux), :not(:has(.quux))) {
   color: blue;
 }
 :where(.a, .b, .c) {
@@ -215,7 +187,7 @@ a:is(.b, :is(.c), :has(div)) {
 :not(.a, .b, .c) {
   color: green;
 }
-:where(:is(.a, .b), :has(>.c)) {
+:where(:is(.a, .b), :has(> .c)) {
   color: blue;
 }
 :is(:where(:has(.foo)), :not(:has(.bar))) {

package/tests-unit/styles.config.cjs

@@ -4,6 +4,6 @@ module.exports = {
       "relativeUrls": true,
       "silent": true,
       "javascriptEnabled": true
-}
+    }
   }
 };

package/tests-unit/styles.config.ts

@@ -0,0 +1,8 @@
+export default {
+  compile: {
+    mathMode: 'always'
+  },
+  output: {
+    collapseNesting: true,
+  },
+};

package/tests-unit/variables/legacy/variable-advanced.css

@@ -0,0 +1,58 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.units-extended {
+  width: 1px;
+  same-unit-as-previously: 1px;
+  square-pixel-divided: 1px;
+  odd-unit: 2;
+  percentage: 500%;
+  pixels: 500px;
+  conversion-metric-a: 30mm;
+  conversion-metric-b: 3cm;
+  conversion-imperial: 3in;
+  /* stylelint-disable-next-line unit-no-unknown -- historical Less 4 custom-unit output */
+  custom-unit: 420octocats;
+  /* stylelint-disable-next-line unit-no-unknown -- historical Less 4 custom-unit output */
+  custom-unit-cancelling: 18dogs;
+  mix-units: 2px;
+  invalid-units: 1px;
+}
+.units-extended .fallback {
+  div-px-1: 10px;
+  div-px-2: 1px;
+  sub-px-1: 12.6px;
+  sub-cm-1: 9.666625cm;
+  mul-px-1: 19.6px;
+  mul-em-1: 19.6em;
+  mul-em-2: 196em;
+  mul-cm-1: 196cm;
+  add-px-1: 15.4px;
+  add-px-2: 393.35275591px;
+  mul-px-2: 140px;
+  mul-px-3: 140px;
+}
+.css-custom-properties {
+  --tw-pan-x: ;
+  --tw-pan-y: ;
+  --tw-pinch-zoom: ;
+  --tw-scroll-snap-strictness: proximity;
+}
+.variable-interpolation .radio_checked {
+  border-color: #fff;
+}
+.each-with-variables div#apple {
+  color: blue;
+}
+.each-with-variables div#banana {
+  color: blue;
+}
+.each-with-variables div#cherry {
+  color: blue;
+}
+.each-with-variables div#carrot {
+  color: blue;
+}
+.each-with-variables div#potato {
+  color: blue;
+}

package/tests-unit/variables/variable-advanced.css

@@ -1,9 +1,6 @@
-.alpha {
-  filter: alpha(opacity=42);
-}
 .units-extended {
   width: 1px;
-  same-unit-as-previously: 1px;
+  same-unit-as-previously: 1;
   square-pixel-divided: 1px;
   odd-unit: 2;
   percentage: 500%;
@@ -14,21 +11,21 @@
   custom-unit: 420octocats;
   custom-unit-cancelling: 18dogs;
   mix-units: 2px;
-  invalid-units: 1px;
+  invalid-units: calc(1px * 1px);
 }
 .units-extended .fallback {
   div-px-1: 10px;
   div-px-2: 1px;
   sub-px-1: 12.6px;
   sub-cm-1: 9.666625cm;
-  mul-px-1: 19.6px;
-  mul-em-1: 19.6em;
-  mul-em-2: 196em;
-  mul-cm-1: 196cm;
+  mul-px-1: calc(14px * 1.4em);
+  mul-em-1: calc(1.4em * 14px);
+  mul-em-2: calc(1.4em * 14px * 10cm);
+  mul-cm-1: calc(10cm * 1.4em * 14px);
   add-px-1: 15.4px;
-  add-px-2: 393.35275591px;
-  mul-px-2: 140px;
-  mul-px-3: 140px;
+  add-px-2: 393.3527559px;
+  mul-px-2: calc(14px * 10cm);
+  mul-px-3: calc(14px * 10cm);
 }
 .css-custom-properties {
   --tw-pan-x: ;

package/tests-unit/variables/variable-advanced.less

@@ -3,10 +3,11 @@
 @c: #888;
 @onePixel: 1px;
 
-.alpha {
-    @var: 42;
-    filter: alpha(opacity=@var);
-}
+// Hasn't been supported since IE8, so removed
+// .alpha {
+//     @var: 42;
+//     filter: alpha(opacity=@var);
+// }
 
 .units-extended {
   width: @onePixel;

package/tests-unit/variables/variables.css

@@ -34,7 +34,7 @@
 }
 .variable-units {
   width: 1px;
-  same-unit-as-previously: 1px;
+  same-unit-as-previously: 1;
   square-pixel-divided: 1px;
   odd-unit: 2;
 }

package/tests-unit/variables-in-at-rules/variables-in-at-rules.less

@@ -1,5 +1,6 @@
-@Eight: 8;
-@charset "UTF-@{Eight}";
+// Less 5 keeps @charset as a static CSS directive. Dynamic charset
+// interpolation is covered by the alpha diagnostic contract instead.
+@charset "UTF-8";
 
 @ns: less;
 @namespace @{ns} "http://lesscss.org";

package/tests-unit/whitespace/legacy/whitespace.css

@@ -0,0 +1,45 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.whitespace {
+  color: white;
+}
+.whitespace {
+  color: white;
+}
+.whitespace {
+  color: white;
+}
+.whitespace {
+  color: white;
+}
+.whitespace {
+  color: white ;
+}
+.white,
+.space,
+.mania {
+  color: white;
+}
+.no-semi-column {
+  color: white;
+}
+.no-semi-column {
+  color: white;
+  white-space: pre;
+}
+.no-semi-column {
+  border: 2px solid white;
+}
+.newlines {
+  background: the,
+              great,
+              wall;
+  border: 2px
+          solid
+          black;
+}
+.sel .newline_ws .tab_ws {
+  color: white;
+  background-position: 45 -23;
+}

package/tests-unit/whitespace/whitespace.css

@@ -11,7 +11,7 @@
   color: white;
 }
 .whitespace {
-  color: white ;
+  color: white;
 }
 .white,
 .space,
@@ -38,5 +38,6 @@
 }
 .sel .newline_ws .tab_ws {
   color: white;
-  background-position: 45 -23;
+  background-position: 45
+    -23;
 }

package/tests-warnings/parentless-ampersand-nested.less

@@ -0,0 +1,6 @@
+.a {
+  color: red;
+}
+& + & {
+  color: blue;
+}

package/tests-warnings/parentless-ampersand-nested.txt

@@ -0,0 +1,42 @@
+[
+  {
+    "code": "selector/parentless-ampersand",
+    "phase": "eval",
+    "message": "Parentless ampersand ignored",
+    "reason": "Selector \"&+&\" uses \"&\" without an available parent selector in this context.",
+    "fix": "Move the selector under a real parent selector, or remove the stray \"&\".",
+    "file": {
+      "name": "parentless-ampersand-nested.less",
+      "path": "{path}",
+      "fullPath": "{path}parentless-ampersand-nested.less"
+    },
+    "filePath": "{path}parentless-ampersand-nested.less",
+    "line": 4,
+    "column": 1,
+    "lines": {
+      "3": "}",
+      "4": "& + & {",
+      "5": "  color: blue;"
+    }
+  },
+  {
+    "code": "selector/parentless-ampersand",
+    "phase": "eval",
+    "message": "Parentless ampersand ignored",
+    "reason": "Selector \"&+&\" uses \"&\" without an available parent selector in this context.",
+    "fix": "Move the selector under a real parent selector, or remove the stray \"&\".",
+    "file": {
+      "name": "parentless-ampersand-nested.less",
+      "path": "{path}",
+      "fullPath": "{path}parentless-ampersand-nested.less"
+    },
+    "filePath": "{path}parentless-ampersand-nested.less",
+    "line": 4,
+    "column": 5,
+    "lines": {
+      "3": "}",
+      "4": "& + & {",
+      "5": "  color: blue;"
+    }
+  }
+]

package/tests-warnings/parentless-ampersand.less

@@ -0,0 +1,3 @@
+& {
+  color: red;
+}

package/tests-warnings/parentless-ampersand.txt

@@ -0,0 +1,21 @@
+[
+  {
+    "code": "selector/parentless-ampersand",
+    "phase": "eval",
+    "message": "Parentless ampersand ignored",
+    "reason": "Selector \"&\" uses \"&\" without an available parent selector in this context.",
+    "fix": "Move the selector under a real parent selector, or remove the stray \"&\".",
+    "file": {
+      "name": "parentless-ampersand.less",
+      "path": "{path}",
+      "fullPath": "{path}parentless-ampersand.less"
+    },
+    "filePath": "{path}parentless-ampersand.less",
+    "line": 1,
+    "column": 1,
+    "lines": {
+      "1": "& {",
+      "2": "  color: red;"
+    }
+  }
+]

package/tests-config/rootpath-escape-interpolation/rootpath-escape-interpolation.css

@@ -1,8 +0,0 @@
-#rootpath-escape-interpolation {
-  plain-unquoted: url(http://example.com/a\(b\)\ c/relative/path);
-  interp-unquoted: url(http://example.com/a\(b\)\ c/images/path);
-  lookup-unquoted: url(http://example.com/a\(b\)\ c/images/path);
-  plain-quoted: url("http://example.com/a(b) c/relative/path");
-  interp-quoted: url("http://example.com/a(b) c/images/path");
-  lookup-quoted: url("http://example.com/a(b) c/images/path");
-}

package/tests-config/rootpath-escape-interpolation/rootpath-escape-interpolation.less

@@ -1,24 +0,0 @@
-// A rewritten rootpath is escaped only for *unquoted* url() values, so the node
-// produced for an interpolated unquoted body must not read as quoted. Giving it a
-// real quote character suppressed the escaping and emitted the parentheses and
-// space raw, producing a malformed url().
-//
-// The rootpath here deliberately contains `(`, `)` and a space — the characters
-// `escapePath` handles — so quoted and unquoted forms cannot look alike.
-
-@dir: images;
-@paths: {
-  dir: images;
-};
-
-#rootpath-escape-interpolation {
-  // unquoted: rootpath must be escaped
-  plain-unquoted: url(relative/path);
-  interp-unquoted: url(@{dir}/path);
-  lookup-unquoted: url(@{paths[dir]}/path);
-
-  // quoted: rootpath must not be escaped
-  plain-quoted: url("relative/path");
-  interp-quoted: url("@{dir}/path");
-  lookup-quoted: url("@{paths[dir]}/path");
-}

package/tests-config/rootpath-escape-interpolation/styles.config.cjs

@@ -1,8 +0,0 @@
-module.exports = {
-  language: {
-    less: {
-      "rootpath": "http://example.com/a(b) c/",
-      "rewriteUrls": "all"
-    }
-  }
-};

package/tests-config/sourcemaps/url-interpolation/styles.config.cjs

@@ -1,9 +0,0 @@
-module.exports = {
-    language: {
-        less: {
-            math: 'strict',
-            strictUnits: true,
-            sourceMap: true
-        }
-    }
-};

package/tests-config/sourcemaps/url-interpolation/url-interpolation.css

@@ -1,13 +0,0 @@
-.literal {
-  background: url(literal/one.png);
-}
-.interpolated {
-  background: url(images/two.png);
-}
-.interpolated-lookup {
-  background: url(assets/three.png);
-}
-.quoted-interpolated {
-  background: url("images/four.png");
-}
-/*# sourceMappingURL=url-interpolation.css.map */

package/tests-config/sourcemaps/url-interpolation/url-interpolation.less

@@ -1,24 +0,0 @@
-// Interpolated unquoted url() bodies are parsed into an escaped Quoted rather
-// than the Anonymous node used for literal ones, so this pins that the swap does
-// not change how url() values are mapped. All three spellings should keep the
-// same mapping structure as each other.
-@dir: images;
-@paths: {
-  dir: assets;
-};
-
-.literal {
-  background: url(literal/one.png);
-}
-
-.interpolated {
-  background: url(@{dir}/two.png);
-}
-
-.interpolated-lookup {
-  background: url(@{paths[dir]}/three.png);
-}
-
-.quoted-interpolated {
-  background: url("@{dir}/four.png");
-}

package/tests-error/parse/property-interpolation-lookup.less

@@ -1,8 +0,0 @@
-// Properties have no lookup grammar: `entities.property` parses `$name` with no
-// chaining, and nothing can hold a ruleset to look into. `${name[key]}` must
-// therefore be rejected rather than reaching the property resolver, where it
-// produced a misleading undefined-property error for undefined syntax.
-.a {
-  color: red;
-  ${color[k]}: value;
-}

package/tests-error/parse/property-interpolation-lookup.txt

@@ -1,4 +0,0 @@
-ParseError: Unrecognised input in {path}property-interpolation-lookup.less on line 7, column 3:
-6   color: red;
-7   ${color[k]}: value;
-8 }

package/tests-unit/extend/extend-clearfix.less

@@ -1,19 +0,0 @@
-.clearfix {
-  *zoom: 1;
-  &:after {
-    content: '';
-    display: block;
-    clear: both;
-    height: 0;
-  }
-}
-
-.foo {
-  &:extend(.clearfix all);
-  color: red;
-}
-
-.bar {
-  &:extend(.clearfix all);
-  color: blue;
-}

package/tests-unit/lookup-interpolation/lookup-interpolation.css

@@ -1,60 +0,0 @@
-.quoted {
-  single: "card";
-  chained: "inner";
-  quoted-value: "deep";
-  indirect-key: "indirect-hit";
-  empty-key: "tail";
-  chained-empty-key: "nested-tail";
-  surrounded: "a-card-b";
-  twice: "card/blue";
-}
-.url {
-  quoted: url("/assets/img/hero.png");
-  unquoted: url(/assets/img/plain.png);
-  unquoted-plain: url(/plain/no-lookup.png);
-  untouched: url(/static/literal.png);
-  untouched-quoted: url("/static/literal.png");
-  data-uri: url(data:image/svg+xml;base64,AAAA);
-}
-.property-interpolation {
-  color: red;
-  from-property: "red";
-  surrounded: "a-red-b";
-  bare: red;
-}
-.card {
-  a: b;
-}
-.inner {
-  c: d;
-}
-.property {
-  card: from-lookup;
-  inner: from-chained-lookup;
-}
-@keyframes card {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@media (min-width: 768px) {
-  .responsive {
-    e: f;
-  }
-}
-.custom-property {
-  --from-lookup: /assets/img;
-  --from-chained: inner;
-}
-.recursive {
-  g: "card";
-}
-.plain {
-  h: "name";
-}
-.name {
-  i: j;
-}