@less/test-data 4.4.4 → 4.5.0

package/tests-unit/color-functions/modern.less

@@ -0,0 +1,48 @@
+// Modern color space function tests
+.color-oklch-sub {
+  background: oklch(from #0000FF calc(l - 0.1) c h);
+}
+
+.color-oklch-add {
+  background: oklch(from #0000FF calc(l + 0.1) c h);
+}
+
+.color-oklch-mult {
+  background: oklch(from #0000FF calc(l * 0.1) c h);
+}
+
+.color-oklch-div {
+  background: oklch(from #0000FF calc(l / 2) c h);
+}
+
+.color-hsl-sub {
+  background: hsl(from #0000FF calc(h - 1) s l);
+}
+
+.color-hsl-add {
+  background: hsl(from #0000FF calc(h + 1) s l);
+}
+
+.color-hsl-mult {
+  background: hsl(from #0000FF calc(h * 1) s l);
+}
+
+.color-hsl-div {
+  background: hsl(from #0000FF calc(h / 2) s l);
+}
+
+.color-rgb-sub {
+  background: rgb(from #0000FF calc(r - 1) g b);
+}
+
+.color-rgb-add {
+  background: rgb(from #0000FF calc(r + 1) g b);
+}
+
+.color-rgb-mult {
+  background: rgb(from #0000FF calc(r * 1) g b);
+}
+
+.color-rgb-div {
+  background: rgb(from #0000FF calc(r / 2) g b);
+}

package/tests-unit/color-functions/operations.css

@@ -0,0 +1,15 @@
+#overflow .a {
+  color: #000000;
+}
+#overflow .b {
+  color: #ffffff;
+}
+#overflow .c {
+  color: #ffffff;
+}
+#overflow .d {
+  color: #00ff00;
+}
+#overflow .e {
+  color: rgba(0, 31, 255, 0.42);
+}

package/tests-unit/color-functions/operations.less

@@ -0,0 +1,8 @@
+// Color operations tests - testing color math operations
+#overflow {
+  .a { color: (#111111 - #444444); } // #000000
+  .b { color: (#eee + #fff); } // #ffffff
+  .c { color: (#aaa * 3); } // #ffffff
+  .d { color: (#00ee00 + #009900); } // #00ff00
+  .e { color: rgba(-99.9, 31.4159, 321, 0.42); }
+}

package/tests-unit/color-functions/rgba.css

@@ -0,0 +1,17 @@
+#rrggbbaa {
+  test-1: #55FF5599;
+  test-2: #5F59;
+  test-3: rgba(136, 255, 136, 0.6);
+  test-4: rgba(85, 255, 85, 0.1);
+  test-5: rgba(85, 255, 85, 0.6);
+  test-6: rgba(85, 255, 85, 0.6);
+  test-7: rgba(85, 255, 85, 0.5);
+  test-8: rgba(var(--color-accent), 0.2);
+  test-9: rgb(var(--color-accent));
+  test-9: hsla(var(--color-accent));
+  test-10: #55FF5599;
+  test-11: hsla(120, 100%, 66.66666667%, 0.6);
+  test-12: hsla(120, 100%, 66.66666667%, 0.5);
+  --semi-transparent-dark-background: #001e00ee;
+  --semi-transparent-dark-background-2: #001e00;
+}

package/tests-unit/color-functions/rgba.less

@@ -0,0 +1,18 @@
+// RGBA and RRGGBBAA tests
+#rrggbbaa {
+  test-1: #55FF5599;
+  test-2: #5F59;
+  test-3: lighten(#55FF5599, 10%);
+  test-4: fade(#5F59, 10%);
+  test-5: rgba(#55FF5599);
+  test-6: rgba(#5F59);
+  test-7: rgba(#5F59, 0.5);
+  test-8: rgba(var(--color-accent), 0.2);
+  test-9: rgb(var(--color-accent));
+  test-9: hsla(var(--color-accent));
+  test-10: color('#55FF5599');
+  test-11: hsla(#5F59);
+  test-12: hsla(#5F59, 0.5);
+  --semi-transparent-dark-background: #001e00ee;
+  --semi-transparent-dark-background-2: rgba(0, 30, 0, 238); // invalid opacity will be capped
+}

package/{less/_main → tests-unit/comments}/comments.less

@@ -1,3 +1,4 @@
+// Comprehensive comment handling tests
 /******************\
 *                  *
 *  Comment Header  *
@@ -99,4 +100,4 @@
 /*by block */
 @string_w_comment: ~"/* // Not commented out // */";
 #output-block { --comment: @string_w_comment; }
-/*comment on last line*/
+/*comment on last line*/

package/{less/_main → tests-unit/comments}/comments2.less

@@ -1,3 +1,4 @@
+// Inline comments and grid system tests
 @media all and/*! */(max-width:1024px) {}
 @-webkit-keyframes hover /* Safari and Chrome */{  }
 .bg {

package/{less/_main → tests-unit/container}/container.less

@@ -318,3 +318,5 @@
       font-size: 75%;
     }
 }
+
+

package/{less/_main → tests-unit/css-3}/css-3.less

@@ -150,3 +150,5 @@ body > .shadow {
 }
 
 @unknown foo 43;
+
+

package/{less/_main → tests-unit/css-escapes}/css-escapes.less

@@ -1,3 +1,4 @@
+// CSS escapes tests
 @ugly: fuchsia;
 
 .escape\|random\|char {
@@ -41,4 +42,4 @@ textarea {
     font-family: 'helvetica neue','wenquanyi micro hei',\5FAE\8F6F\96C5\9ED1, \5B8B\4F53, sans-serif;
 }
 
-e('/* anything to unquote */');
+e('/* anything to unquote */');

package/{less/_main → tests-unit/css-grid}/css-grid.less

@@ -27,4 +27,6 @@
     "header header header"
     "content . sidebar"
     "footer footer footer";
-}
+}
+
+

package/{less/_main → tests-unit/css-guards}/css-guards.less

@@ -1,4 +1,3 @@
-
 .light when (lightness(@a) > 50%) {
   color: green;
 }
@@ -100,4 +99,6 @@
 .errors-if-called when (@c = never) {
   .mixin-doesnt-exist();
 }
-a:hover when (2 = true) {5:-}
+a:hover when (2 = true) {5:-}
+
+

package/{less/_main → tests-unit/detached-rulesets}/detached-rulesets.less

@@ -109,4 +109,6 @@ header {
 .argument-default {
   .mixin-definition();
   .mixin-definition({direct: works;}; @b: {named: works;});
-}
+}
+
+

package/{less/_main/directives-bubling.less → tests-unit/directives-bubbling/directives-bubbling.less}

@@ -49,7 +49,7 @@
   }
 }
 
-//bubling through media
+//bubbling through media
 @supports (property: value) {
   .outOfMedia & {
     @media (max-size: 2px) {
@@ -140,3 +140,4 @@ html {
   animation   : "textscale";
   font-family : something;
 }
+

package/tests-unit/empty/empty.less

@@ -0,0 +1,3 @@
+
+
+

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

@@ -0,0 +1,19 @@
+.clearfix,
+.foo,
+.bar {
+  *zoom: 1;
+}
+.clearfix:after,
+.foo:after,
+.bar:after {
+  content: '';
+  display: block;
+  clear: both;
+  height: 0;
+}
+.foo {
+  color: red;
+}
+.bar {
+  color: blue;
+}

package/{less/_main → tests-unit/extend}/extend.less

@@ -1,3 +1,4 @@
+// Extend functionality tests
 .error {
   border: 1px #f00;
   background: #fdd;
@@ -78,4 +79,4 @@ div.ext5,
 }
 .cc:extend(.aa,.bb) {}
 .ee:extend(.dd all,.bb) {}
-.ff:extend(.dd,.bb all) {}
+.ff:extend(.dd,.bb all) {}

package/{less/_main → tests-unit/extend-chaining}/extend-chaining.less

@@ -88,4 +88,5 @@
   }
 }
 .mb:extend(.ma) {};
-.mc:extend(.mb) {};
+.mc:extend(.mb) {};
+

package/tests-unit/extend-clearfix/extend-clearfix.less

@@ -0,0 +1,20 @@
+.clearfix {
+  *zoom: 1;
+  &:after {
+    content: '';
+    display: block;
+    clear: both;
+    height: 0;
+  }
+}
+
+.foo {
+  &:extend(.clearfix all);
+  color: red;
+}
+
+.bar {
+  &:extend(.clearfix all);
+  color: blue;
+}
+

package/{less/_main → tests-unit/extend-exact}/extend-exact.less

@@ -44,3 +44,4 @@
   }
 }
 .dbl:extend(.e.e) {}
+

package/{less/_main → tests-unit/extend-media}/extend-media.less

@@ -21,4 +21,5 @@
 
 .all:extend(.ext1 all) {
 
-}
+}
+

package/{less/_main → tests-unit/extend-nest}/extend-nest.less

@@ -62,4 +62,5 @@
 }
 .amp-test-h {
   test: extended by masses of selectors;
-}
+}
+

package/{less/_main → tests-unit/extend-selector}/extend-selector.less

@@ -108,3 +108,4 @@ div.ext5,
         }
     }
 }
+

package/{less/_main → tests-unit/extract-and-length}/extract-and-length.less

@@ -1,4 +1,3 @@
-
 // test late parsing
 @cols: 1, 2;
 
@@ -144,3 +143,5 @@
         extract-4: extract(@v4, 1);
     }
 }
+
+

package/{less/_main → tests-unit/functions-each}/functions-each.less

@@ -160,4 +160,6 @@ div {
 
 .a {
   .mixin-create-width-style();
-}
+}
+
+

package/{less/_main → tests-unit/ie-filters}/ie-filters.less

@@ -12,4 +12,6 @@
 .evalTest1 {
   .evalTest(30);
   .evalTest(5);
-}
+}
+
+

package/{less/_main → tests-unit/import}/import/import-and-relative-paths-test.less

@@ -1,4 +1,4 @@
-@import "../css/background.css";
+@import "css/background.css";
 @import "import-test-d.css";
 
 @import "imports/logo";

package/tests-unit/import/import/import-test-e.less

@@ -0,0 +1,2 @@
+
+body { width: 100% }

package/tests-unit/import/import/imports/logo.less

@@ -0,0 +1,6 @@
+#logo {
+  width: 100px;
+  height: 100px;
+  background: url('./assets/logo.png');
+  background: url("#inline-svg");
+}

package/{css/_main → tests-unit/import}/import-interpolation.css

@@ -4,7 +4,7 @@ body {
 #logo {
   width: 100px;
   height: 100px;
-  background: url('../assets/logo.png');
+  background: url('./assets/logo.png');
   background: url("#inline-svg");
 }
 

package/{less/_main → tests-unit/import}/import-reference.less

@@ -1,6 +1,6 @@
 @import (reference) url("import-once.less");
-@import (reference) url("css-3.less");
-@import (reference) url("media.less");
+@import (reference) url("../css-3/css-3.less");
+@import (reference) url("../media/media.less");
 @import (reference) url("import/import-reference.less");
 @import (reference) url("import/css-import.less");
 

package/tests-unit/import/styles.config.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+  language: {
+    less: {
+      "syncImport": true
+}
+  }
+};

package/{less/_main → tests-unit/javascript}/javascript.less

@@ -1,3 +1,4 @@
+// JavaScript evaluation tests
 .eval {
     js: `42`;
     js: `1 + 1`;

package/tests-unit/javascript/styles.config.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+  language: {
+    less: {
+      "javascriptEnabled": true
+    }
+  }
+};

package/tests-unit/layer/assets/import/layer-import.less

@@ -0,0 +1,4 @@
+.layer-import {
+  color: indigo;
+}
+

package/tests-unit/layer/import/layer-import.less

@@ -0,0 +1,5 @@
+.sub-rule {
+    ul {
+        color: white;
+    }
+}

package/{less/_main → tests-unit/layer}/layer.less

@@ -110,3 +110,5 @@
         color: #555;
     }
 }
+
+

package/{less/_main → tests-unit/lazy-eval}/lazy-eval.less

@@ -1,3 +1,4 @@
+// Lazy evaluation tests
 @var: @a;
 @a: 100%;
 

package/{less/_main → tests-unit/media}/media.less

@@ -1,4 +1,3 @@
-
 // For now, variables can't be declared inside @media blocks.
 
 @var: 42;

package/{less/_main → tests-unit/merge}/merge.less

@@ -1,3 +1,4 @@
+// Merge functionality tests
 .first-transform() {
   transform+: rotate(90deg), skew(30deg);
 }

package/{less/_main → tests-unit/mixin-noparens}/mixin-noparens.less

@@ -6,4 +6,4 @@
 #container {
   color: black;
   #theme > .mixin;
-}
+}

package/tests-unit/mixins/maps.css

@@ -0,0 +1,6 @@
+.maps h2 {
+  width: 10px;
+}
+.maps h1 {
+  color: white;
+}

package/tests-unit/mixins/maps.less

@@ -0,0 +1,15 @@
+.maps {
+    @a: 10;
+    h2 { width: unit(@a, px); }
+
+    .mk-map() {
+        text: white;
+        background: black;
+    }
+
+    @p: .mk-map();
+
+    h1 { color: @p[text]; }
+}
+
+

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

@@ -0,0 +1,41 @@
+.test-expanded {
+  a: 1px;
+  b: 2px;
+}
+.test-multi-def {
+  small: 10;
+  large: 15;
+}
+.test-conditions {
+  large: 15;
+  small: 5;
+}
+.test-no-args-filter {
+  no-args: true;
+  with-args: 10;
+}
+.test-recursive {
+  level: 3;
+  level: 2;
+  level: 1;
+  done: true;
+}
+.test-namespace-path {
+  from-namespace: true;
+}
+.test-important {
+  important: true !important;
+}
+.test-multi {
+  value1: 1;
+  value2: 2;
+}
+.test-named {
+  a: A;
+  b: B;
+}
+.test-array-expand {
+  a: 1;
+  b: 2;
+  c: 3;
+}

package/tests-unit/mixins/mixins-advanced.less

@@ -0,0 +1,109 @@
+// Advanced mixin call tests to cover edge cases
+
+// Mixin call with expanded arguments
+.mixin(@a, @b) {
+  a: @a;
+  b: @b;
+}
+@args: 1px, 2px;
+.test-expanded {
+  .mixin(@args...);
+}
+
+// Mixin call with condition matching and multiple definitions
+.mixin-multi-def(@x: 10) when (@x > 10) {
+  large: @x;
+}
+.mixin-multi-def(@x: 10) when (@x <= 10) {
+  small: @x;
+}
+.test-multi-def {
+  .mixin-multi-def();
+  .mixin-multi-def(15);
+}
+
+// Mixin call with condition matching
+.mixin-guarded(@x) when (@x > 10) {
+  large: @x;
+}
+.mixin-guarded(@x) when (@x <= 10) {
+  small: @x;
+}
+.test-conditions {
+  .mixin-guarded(15);
+  .mixin-guarded(5);
+}
+
+// Mixin call with no arguments filter
+.mixin-no-args() {
+  no-args: true;
+}
+.mixin-no-args(@x) {
+  with-args: @x;
+}
+.test-no-args-filter {
+  .mixin-no-args();
+  .mixin-no-args(10);
+}
+
+// Mixin call with recursive mixin
+.mixin-recursive(@n) when (@n > 0) {
+  level: @n;
+  .mixin-recursive(@n - 1);
+}
+.mixin-recursive(@n) when (@n <= 0) {
+  done: true;
+}
+.test-recursive {
+  .mixin-recursive(3);
+}
+
+// Mixin call with namespace path
+#namespace {
+  .mixin() {
+    from-namespace: true;
+  }
+}
+.test-namespace-path {
+  #namespace > .mixin();
+}
+
+// Mixin call with important flag
+.mixin-important() {
+  important: true;
+}
+.test-important {
+  .mixin-important() !important;
+}
+
+// Mixin call with multiple candidates
+.mixin-multi(@x: 1) {
+  value1: @x;
+}
+.mixin-multi(@x: 2) {
+  value2: @x;
+}
+.test-multi {
+  .mixin-multi();
+}
+
+// Mixin call with named arguments
+.mixin-named(@a: a, @b: b) {
+  a: @a;
+  b: @b;
+}
+.test-named {
+  .mixin-named(@b: B, @a: A);
+}
+
+// Mixin call with expanded array
+.mixin-array(@a, @b, @c) {
+  a: @a;
+  b: @b;
+  c: @c;
+}
+@array: 1, 2, 3;
+.test-array-expand {
+  .mixin-array(@array...);
+}
+

package/{less/_main → tests-unit/mixins}/mixins.less

@@ -142,4 +142,4 @@ h3 { .margin_between(15px, 5px); }
 }
 .foo {
   .clearfix();
-}
+}

package/{less/_main → tests-unit/mixins-important}/mixins-important.less

@@ -50,4 +50,3 @@
 .class2-2421 {
     .test-ruleMixin-2421();
 }
-

package/{less/_main → tests-unit/mixins-interpolated}/mixins-interpolated.less

@@ -1,4 +1,3 @@
-
 @a0: \123;
 @a1: foo;
 @a2: ~".foo";

package/{less/_main → tests-unit/mixins-named-args}/mixins-named-args.less

@@ -33,4 +33,4 @@
 
 .named-args3 {
   .mixin2(@b: 30%, @c: #123456);
-}
+}

package/tests-unit/namespace-targeted/namespace-targeted.css

@@ -0,0 +1,9 @@
+#namespace {
+  my-prop: prop-value;
+}
+.test-prop-interp {
+  value: prop-value;
+}
+#namespace-with-prop {
+  existing-prop: value;
+}