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

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

@@ -0,0 +1,147 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+@namespace foo url(http://www.example.com);
+.comma-delimited {
+  text-shadow: -1px -1px 1px red, 6px 5px 5px yellow;
+  -moz-box-shadow: 0pt 0pt 2px rgba(255, 255, 255, 0.4) inset, 0pt 4px 6px rgba(255, 255, 255, 0.4) inset;
+  -webkit-transform: rotate(0deg);
+}
+@font-face {
+  font-family: Headline;
+  unicode-range: U+??????, U+0???, U+0-7F, U+A5;
+}
+.other {
+  -moz-transform: translate(0, 11em) rotate(-90deg);
+  transform: rotateX(45deg);
+}
+.item[data-cra_zy-attr1b-ut3=bold] {
+  font-weight: bold;
+}
+p:not([class*="lead"]) {
+  color: black;
+}
+input[type="text"].class#id[attr=i32]:not(.one) {
+  color: inherit;
+}
+div#id.class[a=one][b=two].class:not(.one) {
+  color: inherit;
+}
+ul.comma > li:not(:only-child)::after {
+  color: inherit;
+}
+ol.comma > li:nth-last-child(2)::after {
+  color: inherit;
+}
+li:nth-child(4n+1),
+li:nth-child(-5n),
+li:nth-child(-n+2) {
+  color: inherit;
+}
+a[href^="http://"] {
+  color: black;
+}
+a[href$="http://"] {
+  color: black;
+}
+form[data-disabled] {
+  color: black;
+}
+p::before {
+  color: black;
+}
+#issue322 {
+  -webkit-animation: anim2 7s infinite ease-in-out;
+}
+@-webkit-keyframes frames {
+  0% {
+    border: 1px;
+  }
+  5.5% {
+    border: 2px;
+  }
+  100% {
+    border: 3px;
+  }
+}
+@keyframes fontbulger1 {
+  to {
+    font-size: 15px;
+  }
+  from,
+  to {
+    font-size: 12px;
+  }
+  0%,
+  100% {
+    font-size: 12px;
+  }
+}
+@supports ( box-shadow: 2px 2px 2px black ) or
+          ( -moz-box-shadow: 2px 2px 2px black ) {
+  .outline {
+    box-shadow: 2px 2px 2px black;
+    -moz-box-shadow: 2px 2px 2px black;
+  }
+}
+@-x-document url-prefix(""github.com"") {
+  h1 {
+    color: red;
+  }
+}
+@viewport {
+  font-size: 10px;
+}
+foo|h1 {
+  color: blue;
+}
+foo|* {
+  color: yellow;
+}
+*|h1 {
+  color: green;
+}
+h1 {
+  color: green;
+}
+.upper-test {
+  UpperCaseProperties: allowed;
+}
+@host {
+  div {
+    display: block;
+  }
+}
+:not(input::placeholder) {
+  color: #b3b3b3;
+}
+.shadow > .dom,
+body > .shadow {
+  display: done;
+}
+:host(.sel.a),
+:host-context(.sel.b),
+.sel > .b,
+::content .sel {
+  type: shadow-dom;
+}
+* b {
+  c: 'd';
+}
+* b[e] {
+  f: 'g';
+}
+#issue2066 {
+  background: url('/images/icon-team.svg') 0 0 / contain;
+}
+@counter-style triangle {
+  system: cyclic;
+  symbols: ‣;
+  suffix: " ";
+}
+@unknown foo 42 (bar) {
+  x {
+    y: z;
+  }
+}
+@unknown foo 43;

package/tests-unit/css-escapes/css-escapes.css

@@ -6,10 +6,10 @@
 }
 .\34 04 {
   background: red;
-}
-.\34 04 strong {
-  color: fuchsia;
-  font-weight: bold;
+  strong {
+    color: fuchsia;
+    font-weight: bold;
+  }
 }
 .trailingTest\+ {
   color: red;

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

@@ -0,0 +1,34 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.escape\|random\|char {
+  color: red;
+}
+.mixin\!tUp {
+  font-weight: bold;
+}
+.\34 04 {
+  background: red;
+}
+.\34 04 strong {
+  color: fuchsia;
+  font-weight: bold;
+}
+.trailingTest\+ {
+  color: red;
+}
+/* This hideous test of hideousness checks for the selector "blockquote" with various permutations of hex escapes */
+\62\6c\6f \63 \6B \0071 \000075o\74 e {
+  color: silver;
+}
+[ng\:cloak],
+ng\:form {
+  display: none;
+}
+.bootstrap {
+  background-color: #000 \9;
+}
+textarea {
+  font-family: 'helvetica neue', 'wenquanyi micro hei', \5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
+}
+/* anything to unquote */

package/tests-unit/css-escapes/styles.config.ts

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

package/tests-unit/css-grid/css-grid.css

@@ -20,5 +20,8 @@
   display: grid;
   grid-template-columns: 9fr 1.875em 3fr;
   grid-template-rows: auto;
-  grid-template-areas: "header header header" "content . sidebar" "footer footer footer";
+  grid-template-areas:
+    "header header header"
+    "content . sidebar"
+    "footer footer footer";
 }

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

@@ -0,0 +1,27 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.wrapper {
+  display: grid;
+  grid-template-columns: [col1-start] 9fr [col1-end] 10px [col2-start] 3fr [col2-end];
+  grid-template-rows: auto;
+}
+.wrapper {
+  display: grid;
+  grid-template-columns: [left-bound] auto [container-left] 1170px [container-right] auto [right-bound];
+  grid-template-rows: [row-1-start] 140px [row-2-start] 390px [row-3-start] 200px [row-4-start] 120px [row-5-start] 120px [row-6-start] 120px;
+}
+.container-12 {
+  z-index: 20;
+  display: grid;
+  grid-column: container-left / span 1;
+  grid-row: 2;
+  grid-template-columns: [wrapcol-1-start] 1fr [wrapcol-1-end] 15px [wrapcol-2-start] 1fr [wrapcol-2-end] 15px [wrapcol-3-start] 1fr [wrapcol-3-end] 15px [wrapcol-4-start] 1fr [wrapcol-4-end] 15px [wrapcol-5-start] 1fr [wrapcol-5-end] 15px [wrapcol-6-start] 1fr [wrapcol-6-end] 15px [wrapcol-7-start] 1fr [wrapcol-7-end] 15px [wrapcol-8-start] 1fr [wrapcol-8-end] 15px [wrapcol-9-start] 1fr [wrapcol-9-end] 15px [wrapcol-10-start] 1fr [wrapcol-10-end] 15px [wrapcol-11-start] 1fr [wrapcol-11-end] 15px [wrapcol-12-start] 1fr [wrapcol-12-end];
+  grid-template-rows: repeat(14, [gutter] 10px [row] 60px);
+}
+.wrapper {
+  display: grid;
+  grid-template-columns: 9fr 1.875em 3fr;
+  grid-template-rows: auto;
+  grid-template-areas: "header header header" "content . sidebar" "footer footer footer";
+}

package/tests-unit/css-guards/css-guards.less

@@ -99,6 +99,7 @@
 .errors-if-called when (@c = never) {
   .mixin-doesnt-exist();
 }
-a:hover when (2 = true) {5:-}
+// a:hover when (2 = true) {5:-}
+a:hover when (2 = true) {all:reset}
 
 

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

@@ -29,14 +29,16 @@ html.lt-ie9 header {
 }
 .wrap-selector {
   test: extra-wrap;
-  visible-one: visible;
-  visible-two: visible;
 }
 .wrap-selector .wrap-selector {
   test: wrapped-twice;
   visible-one: visible;
   visible-two: visible;
 }
+.wrap-selector {
+  visible-one: visible;
+  visible-two: visible;
+}
 .wrap-selector {
   test-func: 90;
   test-arithmetic: 18px;
@@ -46,24 +48,30 @@ html.lt-ie9 header {
 .without-mixins {
   b: 1;
 }
-@media (orientation: portrait) and (tv) {
-  .my-selector {
-    background-color: black;
+@media (orientation: portrait) {
+  @media (tv) {
+    .my-selector {
+      background-color: black;
+    }
   }
-}
-@media (orientation: portrait) and (widescreen) and (print) and (tv) {
-  .triple-wrapped-mq {
-    triple: true;
+  @media (widescreen) {
+    @media (print) {
+      @media (tv) {
+        .triple-wrapped-mq {
+          triple: true;
+        }
+      }
+    }
+    @media (tv) {
+      .triple-wrapped-mq {
+        triple: true;
+      }
+    }
   }
-}
-@media (orientation: portrait) and (widescreen) and (tv) {
-  .triple-wrapped-mq {
-    triple: true;
-  }
-}
-@media (orientation: portrait) and (tv) {
-  .triple-wrapped-mq {
-    triple: true;
+  @media (tv) {
+    .triple-wrapped-mq {
+      triple: true;
+    }
   }
 }
 .a {

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

@@ -0,0 +1,79 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.wrap-selector {
+  color: black;
+  one: 1px;
+  four: magic-frame;
+  visible-one: visible;
+  visible-two: visible;
+}
+.wrap-selector {
+  color: red;
+  visible-one: visible;
+  visible-two: visible;
+}
+.wrap-selector {
+  color: black;
+  background: white;
+  visible-one: visible;
+  visible-two: visible;
+}
+header {
+  background: blue;
+}
+@media screen and (min-width: 1200) {
+  header {
+    background: red;
+  }
+}
+html.lt-ie9 header {
+  background: red;
+}
+.wrap-selector {
+  test: extra-wrap;
+  visible-one: visible;
+  visible-two: visible;
+}
+.wrap-selector .wrap-selector {
+  test: wrapped-twice;
+  visible-one: visible;
+  visible-two: visible;
+}
+.wrap-selector {
+  test-func: 90;
+  test-arithmetic: 18px;
+  visible-one: visible;
+  visible-two: visible;
+}
+.without-mixins {
+  b: 1;
+}
+@media (orientation: portrait) and (tv) {
+  .my-selector {
+    background-color: black;
+  }
+}
+@media (orientation: portrait) and (widescreen) and (print) and (tv) {
+  .triple-wrapped-mq {
+    triple: true;
+  }
+}
+@media (orientation: portrait) and (widescreen) and (tv) {
+  .triple-wrapped-mq {
+    triple: true;
+  }
+}
+@media (orientation: portrait) and (tv) {
+  .triple-wrapped-mq {
+    triple: true;
+  }
+}
+.a {
+  test: test;
+}
+.argument-default {
+  default: works;
+  direct: works;
+  named: works;
+}

package/tests-unit/detached-rulesets/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/directives-bubbling/directives-bubbling.css

@@ -36,7 +36,7 @@
 @supports (property: value) {
   @media (max-size: 2px) {
     @supports (whatever: something) {
-      .outOfMedia  {
+      .outOfMedia {
         property: value;
       }
     }
@@ -45,7 +45,7 @@
 @supports (property: value) {
   @media (max-size: 2px) {
     @supports (whatever: something) {
-      .onTop  {
+      .onTop {
         property: value;
       }
     }
@@ -77,14 +77,16 @@
     }
   }
 }
-@media print and (max-size: 2px) {
-  .in1 {
-    stay: here;
-  }
-  @supports not (-webkit-font-smoothing: subpixel-antialiased) {
-    @supports (whatever: something) {
-      .in2 .in1 {
-        property: value;
+@media print {
+  @media (max-size: 2px) {
+    .in1 {
+      stay: here;
+    }
+    @supports not (-webkit-font-smoothing: subpixel-antialiased) {
+      @supports (whatever: something) {
+        .in2 .in1 {
+          property: value;
+        }
       }
     }
   }
@@ -101,10 +103,6 @@ html {
     property: value;
   }
 }
-.onTop {
-  animation: "textscale";
-  font-family: something;
-}
 @font-face {
   font-family: something;
   src: made-up-url;
@@ -117,3 +115,7 @@ html {
     font-size: 2em;
   }
 }
+.onTop {
+  animation: "textscale";
+  font-family: something;
+}

package/tests-unit/extend/extend.css

@@ -3,34 +3,22 @@
   border: 1px #f00;
   background: #fdd;
 }
-.error.intrusion,
-.badError.intrusion {
+:is(.error, .badError).intrusion {
   font-size: 1.3em;
   font-weight: bold;
 }
-.intrusion .error,
-.intrusion .badError {
+.intrusion :is(.error, .badError) {
   display: none;
 }
 .badError {
   border-width: 3px;
 }
-.foo .bar,
-.foo .baz,
-.ext1 .ext2 .bar,
-.ext1 .ext2 .baz,
-.ext3 .bar,
-.ext3 .baz,
-.foo .ext3,
-.ext4 .bar,
-.ext4 .baz,
-.foo .ext4 {
+:is(.foo, .ext1 .ext2, .ext3, .ext4) :is(.bar, .ext3, .ext4),
+:is(.foo, .ext1 .ext2, .ext3, .ext4) .baz {
   display: none;
 }
-div.ext5,
-.ext6 > .ext5,
-div.ext7,
-.ext6 > .ext7 {
+div:is(.ext5, .ext7),
+.ext6 > :is(.ext5, .ext7) {
   width: 100px;
 }
 .ext8.ext9,
@@ -56,21 +44,27 @@ div.ext7,
 .fuu {
   result: match-nested-foo;
 }
-.aa,
-.cc {
+.aa {
   color: black;
+  .dd,
+  .ee {
+    background: red;
+  }
 }
-.aa .dd,
-.aa .ee {
-  background: red;
+.cc {
+  color: black;
 }
 .bb,
-.cc,
-.ee,
 .ff {
   background: red;
+  .bb,
+  .ff {
+    color: black;
+  }
 }
-.bb .bb,
-.ff .ff {
-  color: black;
+.cc {
+  background: red;
+}
+.ee {
+  background: red;
 }

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

@@ -0,0 +1,79 @@
+/* Less 4.x output, recorded when this fixture graduated to v5.
+   Historical record only — no test reads this file. */
+
+.error,
+.badError {
+  border: 1px #f00;
+  background: #fdd;
+}
+.error.intrusion,
+.badError.intrusion {
+  font-size: 1.3em;
+  font-weight: bold;
+}
+.intrusion .error,
+.intrusion .badError {
+  display: none;
+}
+.badError {
+  border-width: 3px;
+}
+.foo .bar,
+.foo .baz,
+.ext1 .ext2 .bar,
+.ext1 .ext2 .baz,
+.ext3 .bar,
+.ext3 .baz,
+.foo .ext3,
+.ext4 .bar,
+.ext4 .baz,
+.foo .ext4 {
+  display: none;
+}
+div.ext5,
+.ext6 > .ext5,
+div.ext7,
+.ext6 > .ext7 {
+  width: 100px;
+}
+.ext8.ext9,
+.fuu {
+  result: add-foo;
+}
+.ext8 .ext9,
+.ext8 + .ext9,
+.ext8 > .ext9,
+.buu,
+.zap,
+.zoo {
+  result: bar-matched;
+}
+.ext8.nomatch {
+  result: none;
+}
+.ext8 .ext9,
+.buu {
+  result: match-nested-bar;
+}
+.ext8.ext9,
+.fuu {
+  result: match-nested-foo;
+}
+.aa,
+.cc {
+  color: black;
+}
+.aa .dd,
+.aa .ee {
+  background: red;
+}
+.bb,
+.cc,
+.ee,
+.ff {
+  background: red;
+}
+.bb .bb,
+.ff .ff {
+  color: black;
+}

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

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

package/tests-unit/extend-chaining/extend-chaining.css

@@ -8,13 +8,10 @@
 .d {
   color: black;
 }
-.g.h,
-.i.j.h,
-.k.j.h {
+:is(.g, :is(.i, .k).j).h {
   color: black;
 }
-.i.j,
-.k.j {
+:is(.i, .k).j {
   color: inherit;
 }
 .l,
@@ -72,10 +69,10 @@
   .mc {
     color: inherit;
   }
-}
-@media (tv) and (plasma) {
-  .me,
-  .mf {
-    background: red;
+  @media (plasma) {
+    .me,
+    .mf {
+      background: red;
+    }
   }
 }