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

package/tests-unit/mixins-important/mixins-important.css

@@ -1,48 +1,62 @@
 .class {
   border: 1;
   boxer: 1;
+}
+.class .inner {
+  test: 1;
+}
+.class {
   border-width: 1;
   border: 2 !important;
   boxer: 2 !important;
+}
+.class .inner {
+  test: 2 !important;
+}
+.class {
   border-width: 2 !important;
   border: 3;
   boxer: 3;
+}
+.class .inner {
+  test: 3;
+}
+.class {
   border-width: 3;
   border: 4 !important;
   boxer: 4 !important;
+}
+.class .inner {
+  test: 4 !important;
+}
+.class {
   border-width: 4 !important;
   border: 5;
   boxer: 5;
+}
+.class .inner {
+  test: 5;
+}
+.class {
   border-width: 5;
   border: 0 !important;
   boxer: 0 !important;
+}
+.class .inner {
+  test: 0 !important;
+}
+.class {
   border-width: 0 !important;
   border: 9 !important;
   border: 9;
   boxer: 9;
-  border-width: 9;
-}
-.class .inner {
-  test: 1;
-}
-.class .inner {
-  test: 2 !important;
-}
-.class .inner {
-  test: 3;
-}
-.class .inner {
-  test: 4 !important;
-}
-.class .inner {
-  test: 5;
-}
-.class .inner {
-  test: 0 !important;
 }
 .class .inner {
   test: 9;
 }
+.class {
+  border-width: 9;
+}
 .when-calling-nested-issue-2394 {
   width: auto !important;
 }

package/tests-unit/mixins-interpolated/legacy/mixins-interpolated.css

@@ -0,0 +1,42 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.\123 {
+  a: 0;
+}
+.foo {
+  a: 1;
+  a: 2;
+}
+#foo {
+  a: 3;
+  a: 4;
+}
+mi-test-a {
+  a: 0;
+  a: 1;
+  a: 2;
+  a: 3;
+  a: 4;
+}
+.b .bb.foo-xxx .yyy-foo#foo .foo.bbb {
+  b: 1;
+}
+mi-test-b {
+  b: 1;
+}
+#foo-foo > .bar .baz {
+  c: c;
+}
+mi-test-c-1 > .bar .baz {
+  c: c;
+}
+mi-test-c-2 .baz {
+  c: c;
+}
+mi-test-c-3 {
+  c: c;
+}
+mi-test-d {
+  gender: "Male";
+}

package/tests-unit/mixins-interpolated/mixins-interpolated.css

@@ -3,14 +3,10 @@
 }
 .foo {
   a: 1;
-}
-.foo {
   a: 2;
 }
 #foo {
   a: 3;
-}
-#foo {
   a: 4;
 }
 mi-test-a {
@@ -20,20 +16,34 @@ mi-test-a {
   a: 3;
   a: 4;
 }
-.b .bb.foo-xxx .yyy-foo#foo .foo.bbb {
-  b: 1;
+.b .bb {
+  &.foo-xxx .yyy-foo#foo {
+    & .foo.bbb {
+      b: 1;
+    }
+  }
 }
 mi-test-b {
   b: 1;
 }
-#foo-foo > .bar .baz {
-  c: c;
-}
-mi-test-c-1 > .bar .baz {
-  c: c;
-}
-mi-test-c-2 .baz {
-  c: c;
+#foo-foo {
+  > .bar {
+    .baz {
+      c: c;
+    }
+  }
+}
+mi-test-c-1 {
+  > .bar {
+    .baz {
+      c: c;
+    }
+  }
+}
+mi-test-c-2 {
+  .baz {
+    c: c;
+  }
 }
 mi-test-c-3 {
   c: c;

package/tests-unit/mixins-interpolated/styles.config.ts

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

package/tests-unit/mixins-nested/legacy/mixins-nested.css

@@ -0,0 +1,17 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.class .inner {
+  height: 300;
+}
+.class .inner .innest {
+  width: 30;
+  border-width: 60;
+}
+.class2 .inner {
+  height: 600;
+}
+.class2 .inner .innest {
+  width: 60;
+  border-width: 120;
+}

package/tests-unit/mixins-nested/mixins-nested.css

@@ -1,14 +1,18 @@
-.class .inner {
-  height: 300;
+.class {
+  .inner {
+    height: 300;
+    .innest {
+      width: 30;
+      border-width: 60;
+    }
+  }
 }
-.class .inner .innest {
-  width: 30;
-  border-width: 60;
-}
-.class2 .inner {
-  height: 600;
-}
-.class2 .inner .innest {
-  width: 60;
-  border-width: 120;
+.class2 {
+  .inner {
+    height: 600;
+    .innest {
+      width: 60;
+      border-width: 120;
+    }
+  }
 }

package/tests-unit/mixins-nested/styles.config.ts

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

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

@@ -0,0 +1,27 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.nesting-parent {
+  color: red;
+}
+.nesting-parent .nesting-child {
+  color: blue;
+}
+.nesting-parent .nesting-child .nesting-grandchild {
+  color: green;
+}
+.nesting-parent:hover {
+  color: orange;
+}
+.nesting-parent.modifier {
+  color: purple;
+}
+.correctly-exit-calc-mode h2 {
+  width: 10px;
+}
+.correctly-exit-calc-mode div {
+  width: calc(100px * 2);
+}
+.correctly-exit-calc-mode h1 {
+  color: white;
+}

package/tests-unit/nesting/nesting-uncollapsed.css

@@ -0,0 +1,26 @@
+.nesting-parent {
+  color: red;
+  .nesting-child {
+    color: blue;
+    .nesting-grandchild {
+      color: green;
+    }
+  }
+  &:hover {
+    color: orange;
+  }
+  &.modifier {
+    color: purple;
+  }
+}
+.correctly-exit-calc-mode {
+  h2 {
+    width: 10px;
+  }
+  div {
+    width: 200px;
+  }
+  h1 {
+    color: white;
+  }
+}

package/tests-unit/nesting/nesting.css

@@ -17,7 +17,7 @@
   width: 10px;
 }
 .correctly-exit-calc-mode div {
-  width: calc(100px * 2);
+  width: 200px;
 }
 .correctly-exit-calc-mode h1 {
   color: white;

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

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

package/tests-unit/operations/legacy/operations-advanced.css

@@ -0,0 +1,36 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.test-math-off {
+  result: 15px;
+}
+.test-dim-to-color {
+  result: #ff0a0a;
+}
+.test-color-to-dim {
+  result: #ff0a0a;
+}
+.test-division {
+  result: 10px / 2 * 2;
+}
+.test-nested {
+  result: 30px;
+}
+.test-spaced {
+  result: 15px;
+}
+.test-non-spaced {
+  result: 15px;
+}
+.test-div {
+  result: 10px / 2;
+}
+.test-op-operands {
+  result: 150px;
+}
+.test-math-context {
+  add: 15;
+  sub: 5;
+  mul: 50;
+  div: 10 / 5;
+}

package/tests-unit/operations/operations-advanced.css

@@ -23,7 +23,7 @@
   result: 10px / 2;
 }
 .test-op-operands {
-  result: 150px;
+  result: calc(15px * 10px);
 }
 .test-math-context {
   add: 15;

package/tests-unit/operations/operations.css

@@ -3,13 +3,15 @@
   color-2: #f8f800;
   height: 9px;
   width: 3em;
-  subtraction: 0;
-  division: 1;
 }
 #operations .spacing {
   height: 9px;
   width: 3em;
 }
+#operations {
+  subtraction: 0;
+  division: 1;
+}
 .with-variables {
   height: 16em;
   width: 24em;

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

@@ -0,0 +1,39 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+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.";
+}

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