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

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

@@ -1,36 +1,73 @@
-input[type=text]:focus,
-input[type=email]:focus,
-input[type=password]:focus,
-textarea:focus {
-  foo: bar;
-}
-.a + .z,
-.b + .z,
-.c + .z {
-  color: blue;
-}
-.bar .d.a,
-.bar .b,
-.c.bar:hover,
-.bar baz {
-  color: blue;
-}
-.a + .e,
-.b.c + .e,
-.d + .e {
-  foo: bar;
-}
-input[class="text"],
-input.text {
-  background: red;
-}
-.master-page-1 .selector-1,
-.master-page-1 .selector-2 {
-  background-color: red;
-}
-.fruit-apple,
-.fruit-satsuma,
-.fruit-banana,
-.fruit-pear {
-  content: "Just a test.";
+input[type=text],
+input[type=email],
+input[type=password],
+textarea {
+  &:focus {
+    foo: bar;
+  }
+}
+input[type=text], input[type=email], input[type=password], textarea {
+  &:focus {
+    foo: baz;
+  }
+}
+.a,
+.b,
+.c {
+  + .z-cap {
+    color: blue;
+  }
+}
+.a, .b, .c {
+  + .z-quoted {
+    color: green;
+  }
+}
+.bar {
+  .d:is(.a, .b, .c)&:hover, baz-cap {
+    color: blue;
+  }
+}
+.bar2 {
+  .q:is(.a, .b, .c)&:hover, baz-quoted {
+    color: green;
+  }
+}
+:is(.a, .b):is(.c, .d) {
+  + .e-cap {
+    foo: bar;
+  }
+}
+:is(.a, .b):is(.c, .d) {
+  + .e-quoted {
+    foo: bar;
+  }
+}
+input.cap {
+  &[class="text"],
+  &.text {
+    background: red;
+  }
+}
+input.quoted {
+  &[class="text"], &.text {
+    background: blue;
+  }
+}
+.master-page-cap {
+  .selector-1,
+  .selector-2 {
+    background-color: red;
+  }
+}
+.master-page-quoted {
+  .selector-1, .selector-2 {
+    background-color: blue;
+  }
+}
+.fruit-cap-apple,
+.fruit-cap-satsuma,
+.fruit-cap-banana,
+.fruit-cap-pear {
+  content: "Capture";
 }

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;