@less/test-data 4.9.1 → 5.0.0-alpha.10

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/scope/styles.config.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  compile: {
+    // [jess R16] this fixture exercises the legacy Less caller-scope read
+    // (a mixin/detached-ruleset body reading a caller-local variable), which is
+    // OFF by default in jess v5; opt in so the fixture keeps its Less-4.x behavior.
+    allowCallerScope: true
+  }
+};

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%;
@@ -13,22 +10,22 @@
   conversion-imperial: 3in;
   custom-unit: 420octocats;
   custom-unit-cancelling: 18dogs;
-  mix-units: 2px;
-  invalid-units: 1px;
+  mix-units: calc(1px + 1em);
+  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;
-  add-px-1: 15.4px;
-  add-px-2: 393.35275591px;
-  mul-px-2: 140px;
-  mul-px-3: 140px;
+  div-px-1: calc(14px / 1.4em);
+  div-px-2: calc(14px / 1.4em / 10cm);
+  sub-px-1: calc(14px - 1.4em);
+  sub-cm-1: calc(10cm - (14px - 1.4em));
+  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: calc(14px + 1.4em);
+  add-px-2: calc((14px + 1.4em) + 10cm);
+  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";