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

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

@@ -1,54 +1,102 @@
 // Parse interpolation tests
-@inputs: input[type=text], input[type=email], input[type=password], textarea;
+// Paired variants: selector-capture (`*[]`) and quoted selectors (`~'...'`).
 
-@{inputs} {
+@inputs-cap: *[input[type=text], input[type=email], input[type=password], textarea];
+@inputs-quoted: ~'input[type=text], input[type=email], input[type=password], textarea';
+
+@{inputs-cap} {
   &:focus {
     foo: bar;
   }
-} 
+}
 
-@classes: .a, .b, .c;
+@{inputs-quoted} {
+  &:focus {
+    foo: baz;
+  }
+}
+
+@classes-cap: *[.a, .b, .c];
+@classes-quoted: ~'.a, .b, .c';
 
-@{classes} {  
-  + .z {
-    color: blue; 
+@{classes-cap} {
+  + .z-cap {
+    color: blue;
+  }
+}
+
+@{classes-quoted} {
+  + .z-quoted {
+    color: green;
   }
 }
 
 .bar {
-  .d@{classes}&:hover, baz {
+  .d@{classes-cap}&:hover, baz-cap {
     color: blue;
   }
 }
 
-@c: ~'.a, .b';
-@d: ~'.c, .d';
-@e: ~' + .e';
+.bar2 {
+  .q@{classes-quoted}&:hover, baz-quoted {
+    color: green;
+  }
+}
+
+@c-cap: *[.a, .b];
+@d-cap: *[.c, .d];
+@e-cap: ~' + .e-cap';
 
-@{c}@{d} {
-  @{e} {
+@{c-cap}@{d-cap} {
+  @{e-cap} {
     foo: bar;
   }
 }
 
-@textClasses: ~'&[class="text"], &.text';
+@c-quoted: ~'.a, .b';
+@d-quoted: ~'.c, .d';
+@e-quoted: ~' + .e-quoted';
 
-input {
-  @{textClasses} {
+@{c-quoted}@{d-quoted} {
+  @{e-quoted} {
+    foo: baz;
+  }
+}
+
+@textClasses-cap: *[&[class="text"], &.text];
+@textClasses-quoted: ~'&[class="text"], &.text';
+
+input.cap {
+  @{textClasses-cap} {
     background: red;
   }
 }
 
-@my-selector: ~'.selector-1, .selector-2';
-.master-page-1 {
-    @{my-selector} {
-        background-color: red;
-    }
+input.quoted {
+  @{textClasses-quoted} {
+    background: blue;
+  }
 }
 
-@list: apple, satsuma, banana, pear;
-@{list} {
-  .fruit-& {
-    content: "Just a test.";
+@my-selector-cap: *[.selector-1, .selector-2];
+@my-selector-quoted: ~'.selector-1, .selector-2';
+
+.master-page-cap {
+  @{my-selector-cap} {
+    background-color: red;
+  }
+}
+
+.master-page-quoted {
+  @{my-selector-quoted} {
+    background-color: blue;
+  }
+}
+
+@list-cap: *[apple, satsuma, banana, pear];
+
+@{list-cap} {
+  .fruit-cap-& {
+    content: "Capture";
   }
 }

package/tests-unit/parse-interpolation/styles.config.ts

@@ -0,0 +1,5 @@
+export default {
+  output: {
+    collapseNesting: false
+  }
+};

package/tests-unit/parser-property-interp/parser-property-interp.css

@@ -4,6 +4,6 @@
   value: width;
   color: red;
   border-color-width: 2px;
-  *-z-color: 1px dashed blue;
+  --z-color: 1px dashed blue;
   background-color-width: green;
 }

package/tests-unit/parser-property-interp/parser-property-interp.less

@@ -18,8 +18,8 @@
   // border-${prop-name} becomes "border-color" (since prop-name's value is "color")
   border-${prop-name}-width: 2px;
   
-  // Complex property name with ${prop}
-  *-z-${prop-name}: 1px dashed blue;
+  // Custom property name with ${prop-name}
+  --z-${prop-name}: 1px dashed blue;
   
   // Multiple ${prop} in same property name
   // ${my}-${prop-name}-${value} becomes "background-color-width"

package/tests-unit/parser-slashed-combinator/parser-slashed-combinator.css

@@ -1,9 +1 @@
-.parent /deep/ .child {
-  color: red;
-}
-.container /shadow/ .content {
-  background: blue;
-}
-.wrapper /deep/ .inner /deep/ .deepest {
-  padding: 10px;
-}
+

package/tests-unit/parser-slashed-combinator/parser-slashed-combinator.less

@@ -4,17 +4,17 @@
 // They were part of the Shadow DOM specification but have been removed
 
 // /deep/ combinator (deprecated)
-.parent /deep/ .child {
-  color: red;
-}
+// .parent /deep/ .child {
+//   color: red;
+// }
 
-// /shadow/ combinator (deprecated)
-.container /shadow/ .content {
-  background: blue;
-}
+// // /shadow/ combinator (deprecated)
+// .container /shadow/ .content {
+//   background: blue;
+// }
 
-// Test with nested selectors
-.wrapper /deep/ .inner /deep/ .deepest {
-  padding: 10px;
-}
+// // Test with nested selectors
+// .wrapper /deep/ .inner /deep/ .deepest {
+//   padding: 10px;
+// }
 

package/tests-unit/plugin/styles.config.ts

@@ -0,0 +1,11 @@
+/**
+ * `@plugin` fixtures load their scripts through the compiler's plugin resolver.
+ * Do not `require()` them while loading test configuration: those scripts are
+ * intentionally evaluated with the plugin-scoped Less globals (`functions`,
+ * `tree`, and `registerPlugin`), not with Node globals.
+ */
+export default {
+  output: {
+    collapseNesting: true
+  }
+};

package/tests-unit/property-accessors/legacy/property-accessors.css

@@ -0,0 +1,60 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.block_1 {
+  color: red;
+  background-color: red;
+  width: 50px;
+  height: 25px;
+  border: 1px solid #ff3333;
+}
+.block_1:hover {
+  background-color: green;
+  color: green;
+}
+.block_1 .one {
+  background: red;
+}
+.block_1 {
+  content: "red";
+  prop: red;
+}
+.block_2 {
+  color: red;
+}
+.block_2 .two {
+  background-color: blue;
+}
+.block_2 {
+  color: blue;
+}
+.block_3 {
+  color: red;
+  color: yellow;
+}
+.block_3 .three {
+  background-color: blue;
+}
+.block_3 {
+  color: blue;
+}
+.block_4 {
+  color: red;
+  color: yellow;
+}
+.block_4 .four {
+  background-color: yellow;
+}
+.block_4 {
+  color: blue;
+}
+a {
+  background-color: red, foo;
+}
+ab {
+  background: red, foo;
+}
+.value_as_property {
+  prop1: color;
+  color: #FF0000;
+}

package/tests-unit/property-accessors/property-accessors.css

@@ -4,8 +4,6 @@
   width: 50px;
   height: 25px;
   border: 1px solid #ff3333;
-  content: "red";
-  prop: red;
 }
 .block_1:hover {
   background-color: green;
@@ -14,29 +12,39 @@
 .block_1 .one {
   background: red;
 }
+.block_1 {
+  content: "red";
+  prop: red;
+}
 .block_2 {
   color: red;
-  color: blue;
 }
 .block_2 .two {
   background-color: blue;
 }
+.block_2 {
+  color: blue;
+}
 .block_3 {
   color: red;
-  color: yellow;
-  color: blue;
 }
 .block_3 .three {
   background-color: blue;
 }
+.block_3 {
+  color: yellow;
+  color: blue;
+}
 .block_4 {
   color: red;
-  color: blue;
-  color: yellow;
 }
 .block_4 .four {
   background-color: yellow;
 }
+.block_4 {
+  color: blue;
+  color: yellow;
+}
 a {
   background-color: red, foo;
 }

package/tests-unit/property-name-interp/legacy/property-name-interp.css

@@ -0,0 +1,24 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+pi-test {
+  border: 0;
+  @not-variable: @not-variable;
+  ufo-width: 50%;
+  *-z-border: 1px dashed blue;
+  -www-border-top: 2px;
+  radius-is-not-a-border: true;
+  border-top-left-radius: 2em;
+  border-top-red-radius-: 3pt;
+  global-local-mixer-property: strong;
+}
+pi-test-merge {
+  pre-property-ish: high, middle, low, base;
+  pre-property-ish+: nice try dude;
+}
+pi-indirect-vars {
+  auto: auto;
+}
+pi-complex-values {
+  3px rgba(255, 255, 0, 0.5), 3.141592653589793 /* foo */3px rgba(255, 255, 0, 0.5), 3.141592653589793 /* foo */: none;
+}

package/tests-unit/property-name-interp/property-name-interp.css

@@ -17,5 +17,5 @@ pi-indirect-vars {
   auto: auto;
 }
 pi-complex-values {
-  3px rgba(255, 255, 0, 0.5), 3.141592653589793 /* foo */3px rgba(255, 255, 0, 0.5), 3.141592653589793 /* foo */: none;
+  3px rgba(255, 255, 0, 0.5), 3.1415926536 /* foo */3px rgba(255, 255, 0, 0.5), 3.1415926536 /* foo */: none;
 }

package/tests-unit/property-name-interp/property-name-interp.less

@@ -5,7 +5,9 @@ pi-test {
     @bb:      top;
     @c_c:    left;
     @d-d4: radius;
-    @-:         -;
+    // Dash-only variable names are removed in Less 5. Keep this fixture on
+    // the supported interpolation path with an ordinary variable instead.
+    @dash:      -;
 
     @var: ~'@not-variable';
 
@@ -16,7 +18,7 @@ pi-test {
     -www-@{a}-@{bb}: 2px;
     @{d-d4}-is-not-a-@{a}:true;
     @{a}-@{bb}-@{c_c}-@{d-d4}       : 2em;
-    @{a}@{-}@{bb}@{-}red@{-}@{d-d4}-: 3pt;
+    @{a}@{dash}@{bb}@{dash}red@{dash}@{d-d4}-: 3pt;
 
     .mixin(mixer);
     .merge(ish, base);

package/tests-unit/property-targeted/legacy/property-targeted.css

@@ -0,0 +1,7 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.test-important {
+  color: red!important;
+  background: red !important;
+}

package/tests-unit/property-targeted/property-targeted.css

@@ -1,4 +1,4 @@
 .test-important {
-  color: red!important;
+  color: red !important;
   background: red !important;
 }

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

@@ -0,0 +1,31 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+#first > .one > #second .two > #deux {
+  width: 50%;
+}
+#first > .one > #second .two > #deux #third:focus {
+  color: black;
+}
+#first > .one > #second .two > #deux #third:focus #fifth > #sixth .seventh #eighth + #ninth {
+  color: purple;
+}
+#first > .one > #second .two > #deux #third {
+  height: 100%;
+}
+#first > .one > #second .two > #deux #fourth,
+#first > .one > #second .two > #deux #five,
+#first > .one > #second .two > #deux #six {
+  color: #110000;
+}
+:is(#first > .one > #second .two > #deux #fourth, #first > .one > #second .two > #deux #five, #first > .one > #second .two > #deux #six) .seven,
+:is(#first > .one > #second .two > #deux #fourth, #first > .one > #second .two > #deux #five, #first > .one > #second .two > #deux #six) .eight > #nine {
+  border: 1px solid black;
+}
+:is(#first > .one > #second .two > #deux #fourth, #first > .one > #second .two > #deux #five, #first > .one > #second .two > #deux #six) #ten {
+  color: red;
+}
+#first > .one {
+  font-size: 2em;
+  hasOwnProperty: blue;
+}

package/tests-unit/rulesets/rulesets.css

@@ -1,34 +1,34 @@
 #first > .one {
+  > #second .two > #deux {
+    width: 50%;
+    #third {
+      &:focus {
+        color: black;
+        #fifth {
+          > #sixth {
+            .seventh #eighth {
+              + #ninth {
+                color: purple;
+              }
+            }
+          }
+        }
+      }
+      height: 100%;
+    }
+    #fourth,
+    #five,
+    #six {
+      color: #110000;
+      .seven,
+      .eight > #nine {
+        border: 1px solid black;
+      }
+      #ten {
+        color: red;
+      }
+    }
+  }
   font-size: 2em;
   hasOwnProperty: blue;
 }
-#first > .one > #second .two > #deux {
-  width: 50%;
-}
-#first > .one > #second .two > #deux #third {
-  height: 100%;
-}
-#first > .one > #second .two > #deux #third:focus {
-  color: black;
-}
-#first > .one > #second .two > #deux #third:focus #fifth > #sixth .seventh #eighth + #ninth {
-  color: purple;
-}
-#first > .one > #second .two > #deux #fourth,
-#first > .one > #second .two > #deux #five,
-#first > .one > #second .two > #deux #six {
-  color: #110000;
-}
-#first > .one > #second .two > #deux #fourth .seven,
-#first > .one > #second .two > #deux #five .seven,
-#first > .one > #second .two > #deux #six .seven,
-#first > .one > #second .two > #deux #fourth .eight > #nine,
-#first > .one > #second .two > #deux #five .eight > #nine,
-#first > .one > #second .two > #deux #six .eight > #nine {
-  border: 1px solid black;
-}
-#first > .one > #second .two > #deux #fourth #ten,
-#first > .one > #second .two > #deux #five #ten,
-#first > .one > #second .two > #deux #six #ten {
-  color: red;
-}

package/tests-unit/rulesets/styles.config.ts

@@ -0,0 +1,5 @@
+export default {
+  output: [
+    { file: '{name}.css', collapseNesting: false }
+  ]
+}

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

@@ -0,0 +1,41 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.tiny-scope {
+  color: #989;
+}
+.scope1 {
+  color: blue;
+  border-color: black;
+}
+.scope1 .scope2 {
+  color: blue;
+}
+.scope1 .scope2 .scope3 {
+  color: red;
+  border-color: black;
+  background-color: white;
+}
+.scope {
+  scoped-val: green;
+}
+.heightIsSet {
+  height: 1024px;
+}
+.useHeightInMixinCall {
+  mixin-height: 1024px;
+}
+.imported {
+  exists: true;
+}
+.testImported {
+  exists: true;
+}
+#allAreUsedHere {
+  default: 'top level';
+  scope: 'top level';
+  sub-scope-only: 'inside';
+}
+#parentSelectorScope {
+  prop: white;
+}

package/tests-unit/scope/scope.css

@@ -1,5 +1,5 @@
 .tiny-scope {
-  color: #989;
+  color: blue;
 }
 .scope1 {
   color: blue;

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