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

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

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

package/tests-unit/mixins-guards-default-func/legacy/mixins-guards-default-func.css

@@ -0,0 +1,132 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+guard-default-basic-1-1 {
+  case: 1;
+}
+guard-default-basic-1-2 {
+  default: 2;
+}
+guard-default-basic-2-0 {
+  default: 0;
+}
+guard-default-basic-2-2 {
+  case: 2;
+}
+guard-default-basic-3-0 {
+  default: 0;
+}
+guard-default-basic-3-2 {
+  case: 2;
+}
+guard-default-basic-3-3 {
+  case: 3;
+}
+guard-default-definition-order-0 {
+  default: 0;
+}
+guard-default-definition-order-2 {
+  case: 2;
+}
+guard-default-definition-order-2 {
+  case: 3;
+}
+guard-default-out-of-guard-0 {
+  case-0: default();
+  case-1: 1;
+  default: 2;
+  case-2: default();
+}
+guard-default-out-of-guard-1 {
+  default: default();
+}
+guard-default-out-of-guard-2 {
+  default: default();
+}
+guard-default-expr-not-1 {
+  case: 1;
+  default: 1;
+}
+guard-default-expr-eq-true {
+  case: true;
+}
+guard-default-expr-eq-false {
+  case: false;
+  default: false;
+}
+guard-default-expr-or-1 {
+  case: 1;
+}
+guard-default-expr-or-2 {
+  case: 2;
+  default: 2;
+}
+guard-default-expr-or-3 {
+  default: 3;
+}
+guard-default-expr-and-1 {
+  case: 1;
+}
+guard-default-expr-and-2 {
+  case: 2;
+}
+guard-default-expr-and-3 {
+  default: 3;
+}
+guard-default-expr-always-1 {
+  case: 1;
+  default: 1;
+}
+guard-default-expr-always-2 {
+  default: 2;
+}
+guard-default-expr-never-1 {
+  case: 1;
+}
+guard-default-multi-1-0 {
+  case: 0;
+}
+guard-default-multi-1-1 {
+  default-1: 1;
+}
+guard-default-multi-2-1 {
+  default-1: no;
+}
+guard-default-multi-2-2 {
+  default-2: no;
+}
+guard-default-multi-2-3 {
+  default-3: 3;
+}
+guard-default-multi-3-blue {
+  case-2: darkblue;
+}
+guard-default-multi-3-green {
+  default-color: green;
+}
+guard-default-multi-3-foo {
+  case-1: I am 'foo';
+}
+guard-default-multi-3-baz {
+  default-string: I am 'baz';
+}
+guard-default-multi-4 {
+  always: 1;
+  always: 2;
+  case: 2;
+}
+guard-default-not-ambiguous-2 {
+  case: 1;
+  not-default: 2;
+}
+guard-default-not-ambiguous-3 {
+  case: 1;
+  not-default-1: 2;
+  not-default-2: 2;
+}
+guard-default-scopes-3 {
+  three: when default;
+}
+guard-default-scopes-1 {
+  one: no condition;
+}

package/tests-unit/mixins-guards-default-func/mixins-guards-default-func.css

@@ -24,8 +24,6 @@ guard-default-definition-order-0 {
 }
 guard-default-definition-order-2 {
   case: 2;
-}
-guard-default-definition-order-2 {
   case: 3;
 }
 guard-default-out-of-guard-0 {

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