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

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,6 +1,3 @@
-.alpha {
-  filter: alpha(opacity=42);
-}
 .units-extended {
   width: 1px;
   same-unit-as-previously: 1px;
@@ -26,7 +23,7 @@
   mul-em-2: 196em;
   mul-cm-1: 196cm;
   add-px-1: 15.4px;
-  add-px-2: 393.35275591px;
+  add-px-2: 393.3527559px;
   mul-px-2: 140px;
   mul-px-3: 140px;
 }

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-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;
-}

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

@@ -1,127 +0,0 @@
-// `[...]` lookups inside `@{...}` interpolation, backported from Less 5.x.
-//
-// Before the backport the parser accepted only `@{name}`, so every form below
-// either failed to parse or — in string and url positions — silently emitted the
-// interpolation verbatim into the output. The url/quoted cases in particular are
-// regression coverage for that silent pass-through: a wrong-output bug that
-// produced no error and no warning.
-//
-// The bare `@map[key]` spelling is covered by at-rule-variable-deprecated.less,
-// where it is deprecated in structural positions.
-
-@sizes: {
-  tablet: 768px;
-  name: card;
-  @name: indirect-hit;
-  last-entry: tail;
-};
-
-@theme: {
-  color: blue;
-  @nested: {
-    name: inner;
-    label: "deep";
-    last-entry: nested-tail;
-  }
-};
-
-@paths: {
-  img: "/assets/img";
-};
-
-@which: name;
-
-// --- quoted strings ---
-.quoted {
-  single: "@{sizes[name]}";
-  chained: "@{theme[@nested][name]}";
-  quoted-value: "@{theme[@nested][label]}";
-  indirect-key: "@{sizes[@@which]}";
-  empty-key: "@{sizes[]}";
-  chained-empty-key: "@{theme[@nested][]}";
-  surrounded: "a-@{sizes[name]}-b";
-  twice: "@{sizes[name]}/@{theme[color]}";
-}
-
-// --- url() — the silent pass-through regression ---
-// An unquoted url() body was raw text in an Anonymous node, so neither the plain
-// nor the lookup interpolation resolved there while the quoted form did. Both
-// spellings are covered so the two cannot diverge again.
-@plain-path: "/plain";
-
-.url {
-  quoted: url("@{paths[img]}/hero.png");
-  unquoted: url(@{paths[img]}/plain.png);
-  unquoted-plain: url(@{plain-path}/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 ---
-// Properties have no lookup grammar: `$name[key]` is a property reference followed
-// by literal `[key]`, and `prop: { … }` is a parse error in every scope, so nothing
-// can hold a ruleset to look into. `${...}` therefore stays narrow while `@{...}`
-// carries lookups, and the plain form must keep working unchanged.
-.property-interpolation {
-  color: red;
-  from-property: "${color}";
-  surrounded: "a-${color}-b";
-  bare: $color;
-}
-
-// --- selector interpolation ---
-.@{sizes[name]} {
-  a: b;
-}
-
-.@{theme[@nested][name]} {
-  c: d;
-}
-
-// --- property name interpolation ---
-.property {
-  @{sizes[name]}: from-lookup;
-  @{theme[@nested][name]}: from-chained-lookup;
-}
-
-// --- at-rule name and prelude ---
-@keyframes @{sizes[name]} {
-  from { opacity: 0; }
-  to { opacity: 1; }
-}
-
-@queries: {
-  tablet: ~"(min-width: 768px)";
-};
-
-@media @{queries[tablet]} {
-  .responsive {
-    e: f;
-  }
-}
-
-// --- custom property values ---
-.custom-property {
-  --from-lookup: @{paths[img]};
-  --from-chained: @{theme[@nested][name]};
-}
-
-// --- interpolation still resolves to a fixpoint ---
-// The inner `@{...}` arrives from a variable's value at eval time, so it is not
-// present in the source text of the outer reference.
-@inner: card;
-@outer: ~"@{inner}";
-
-.recursive {
-  g: "@{outer}";
-}
-
-// --- plain interpolation is unaffected by the lookup support ---
-.plain {
-  h: "@{which}";
-}
-
-.@{which} {
-  i: j;
-}

package/tests-unit/media-nested-type/media-nested-type.css

@@ -1,40 +0,0 @@
-@media screen and (max-width: 500px) {
-  .a {
-    color: red;
-  }
-}
-@media only screen and (min-width: 100px) {
-  .b {
-    color: blue;
-  }
-}
-@media all and (max-width: 9px) {
-  .c {
-    color: green;
-  }
-}
-@media print and (color) and (min-width: 1px) {
-  .d {
-    color: black;
-  }
-}
-@media screen and (max-width: 500px) {
-  .e {
-    color: red;
-  }
-}
-@media (max-width: 500px) and (min-width: 100px) {
-  .f {
-    color: red;
-  }
-}
-@media tester and (max-width: 500px) {
-  .g {
-    color: red;
-  }
-}
-@media screen and (max-width: 500px) {
-  .h {
-    color: red;
-  }
-}

package/tests-unit/media-nested-type/media-nested-type.less

@@ -1,51 +0,0 @@
-// A media type nested inside conditions must lead the flattened query,
-// otherwise the result is invalid CSS (issue #3694, #3764).
-@media (max-width: 500px) {
-  @media screen {
-    .a { color: red; }
-  }
-}
-@media (min-width: 100px) {
-  @media only screen {
-    .b { color: blue; }
-  }
-}
-@media (max-width: 9px) {
-  @media all {
-    .c { color: green; }
-  }
-}
-@media (min-width: 1px) {
-  @media print and (color) {
-    .d { color: black; }
-  }
-}
-
-// Already-correct ordering is preserved.
-@media screen {
-  @media (max-width: 500px) {
-    .e { color: red; }
-  }
-}
-
-// Queries without a media type are left untouched.
-@media (max-width: 500px) {
-  @media (min-width: 100px) {
-    .f { color: red; }
-  }
-}
-
-// Unknown media types are valid CSS non-matches, so they reorder too.
-@media (max-width: 500px) {
-  @media tester {
-    .g { color: red; }
-  }
-}
-
-// An escaped-string feature condition (Anonymous) must not be mistaken for a media type.
-@fc: ~"(max-width: 500px)";
-@media @fc {
-  @media screen {
-    .h { color: red; }
-  }
-}