@less/test-data 4.4.4 → 4.5.0

package/tests-unit/at-rules-declarations/at-rules-declarations.less

@@ -0,0 +1,25 @@
+// Tests for atrule.js line 117 - genCSS with simpleBlock declarations
+// Covers parser + genCSS + outputRuleset with declarations path
+
+// @page with declarations (simpleBlock)
+@page {
+  margin: 2cm;
+  size: A4;
+  marks: crop cross;
+}
+
+// @font-face with declarations
+@font-face {
+  font-family: "MyFont";
+  src: url("myfont.woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+
+// @counter-style with declarations
+@counter-style my-counter {
+  system: fixed;
+  symbols: "A" "B" "C";
+  suffix: ". ";
+}
+

package/tests-unit/at-rules-empty/at-rules-empty.css

@@ -0,0 +1,4 @@
+@charset "UTF-8";
+@import url("test.css");
+@namespace "http://www.w3.org/1999/xhtml";
+@namespace svg "http://www.w3.org/2000/svg";

package/tests-unit/at-rules-empty/at-rules-empty.less

@@ -0,0 +1,15 @@
+// Tests for atrule.js line 121 - genCSS with no rules or declarations
+// Covers parser + genCSS path
+
+// @charset without block
+@charset "UTF-8";
+
+// @import (will be processed separately, but tests the path)
+@import url("test.css");
+
+// @namespace
+@namespace "http://www.w3.org/1999/xhtml";
+
+// @namespace with prefix
+@namespace svg "http://www.w3.org/2000/svg";
+

package/tests-unit/at-rules-empty-block/at-rules-empty-block.less

@@ -0,0 +1,19 @@
+// Tests for atrule.js lines 255-256 - empty rules block in non-compressed mode
+// Covers parser + genCSS + outputRuleset with empty rules
+
+// @media with empty block
+@media screen {
+}
+
+// @supports with empty block  
+@supports (display: grid) {
+}
+
+// @layer with empty block
+@layer base {
+}
+
+// @page with empty block
+@page {
+}
+

package/tests-unit/at-rules-keyword-comments/at-rules-keyword-comments.css

@@ -0,0 +1,9 @@
+@import "test.css" screen, print;
+@media screen, print, handheld {
+  /* comment */
+  /* another */
+  body {
+    font-size: 12pt;
+  }
+}
+/* comment */

package/tests-unit/at-rules-keyword-comments/at-rules-keyword-comments.less

@@ -0,0 +1,13 @@
+// Tests for atrule.js keywordList method with Comments (line 84)
+// Covers parser + eval + keywordList path
+// This tests when a keyword list contains Comments
+
+@media screen /* comment */, print /* another */, handheld {
+  body {
+    font-size: 12pt;
+  }
+}
+
+// @import with media queries containing comments
+@import "test.css" screen /* comment */, print;
+

package/tests-unit/at-rules-targeted/at-rules-targeted.css

@@ -0,0 +1,52 @@
+@charset "UTF-8";
+@media screen {
+  .test {
+    color: red;
+  }
+}
+@media screen, print, handheld {
+  body {
+    font-size: 12pt;
+  }
+}
+@supports (display: grid) {
+  .grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+  }
+}
+@page {
+  margin: 2cm;
+  size: A4;
+}
+@media screen and (max-width: 768px) {
+  .nested {
+    display: block;
+  }
+}
+@media screen {
+  .container {
+    color: red;
+  }
+  .container .child {
+    color: blue;
+  }
+}
+@media screen {
+  .test-var-access {
+    color: value;
+  }
+}
+@layer base {
+  body {
+    margin: 0;
+  }
+  p {
+    padding: 0;
+  }
+}
+@media screen {
+  body {
+    color: black;
+  }
+}

package/tests-unit/at-rules-targeted/at-rules-targeted.less

@@ -0,0 +1,81 @@
+// Targeted tests for specific uncovered lines in atrule.js
+
+// Line 35-36: Single ruleset with declarations (allRulesetDeclarations path)
+@media screen {
+  .test {
+    color: red;
+  }
+}
+
+// Line 138-140: Value that evaluates to keyword list (keywordList method)
+@media screen, print, handheld {
+  body {
+    font-size: 12pt;
+  }
+}
+
+// Line 146-154: rules[0].rules path with mergeable declarations
+@supports (display: grid) {
+  .grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+  }
+}
+
+// Line 155-158: simpleBlock with rules evaluation
+@page {
+  margin: 2cm;
+  size: A4;
+}
+
+// Line 172-174: Non-simpleBlock rules evaluation (evalRoot)
+@media screen {
+  @media (max-width: 768px) {
+    .nested {
+      display: block;
+    }
+  }
+}
+
+// Line 203-215: evalRoot with ampersand counting
+.container {
+  @media screen {
+    & {
+      color: red;
+    }
+    .child {
+      color: blue;
+    }
+  }
+}
+
+// Line 217-236: variable, find, rulesets methods
+// These methods are called when accessing variables/properties from within at-rule scope
+@media screen {
+  @var: value;
+  .test-var-access {
+    color: @var;
+  }
+}
+
+// Line 238-270: outputRuleset (compressed and non-compressed)
+@layer base {
+  body {
+    margin: 0;
+  }
+  p {
+    padding: 0;
+  }
+}
+
+// Line 121: At-rule without rules or declarations
+@charset "UTF-8";
+
+// Line 103-105: isRulesetLike and isCharset
+@charset "UTF-8";
+@media screen {
+  body {
+    color: black;
+  }
+}
+

package/{css/_main → tests-unit/calc}/calc.css

@@ -1,28 +1,29 @@
-.no-math {
+.calc-basic {
+  width: calc(100% - 30px);
+  height: calc(50% + 20px);
+  margin: calc(10px * 2);
+  padding: calc(100vh - 50px);
+}
+.calc-variables {
   root: calc(100% - 30px);
   root2: calc(100% - 40px);
   width: calc(50% + (25vh - 20px));
   height: calc(50% + (25vh - 20px));
+}
+.calc-nested {
   min-height: calc(10vh + calc(5vh));
-  foo: 3 calc(3 + 4) 11;
-  bar: calc(1 + 20%);
+  nested: calc(calc(2.25rem + 2px) - 1px * 2);
 }
-.b {
+.calc-functions {
   one: calc(100% - 20px);
   two: calc(100% - (10px + 10px));
+  bar: calc(1 + 20%);
+}
+.calc-escape {
   three: calc(100% - (3 * 1));
   four: calc(100% - (3 * 1));
-  nested: calc(calc(2.25rem + 2px) - 1px * 2);
 }
-.c {
+.calc-mixed {
+  foo: 3 calc(3 + 4) 11;
   height: calc(100% - ((10px * 3) + (10px * 2)));
 }
-.correctly-exit-calc-mode h2 {
-  width: 10px;
-}
-.correctly-exit-calc-mode div {
-  width: calc(100px * 2);
-}
-.correctly-exit-calc-mode h1 {
-  color: white;
-}

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

@@ -1,46 +1,46 @@
 @val: 10px;
-.no-math {
+@var: 50vh/2;
+
+.calc-basic {
+  width: calc(100% - 30px);
+  height: calc(50% + 20px);
+  margin: calc(10px * 2);
+  padding: calc(100vh - 50px);
+}
+
+.calc-variables {
   @c: 10px + 20px;
   @calc: (@val + 30px);
   root: calc(100% - @c);
   root2: calc(100% - @calc);
-  @var: 50vh/2;
   width: calc(50% + (@var - 20px));
   height: calc(50% + ((@var - 20px)));
+}
+
+.calc-nested {
   min-height: calc(((10vh)) + calc((5vh)));
-  foo: 1 + 2 calc(3 + 4) 5 + 6;
-  @floor: floor(1 + .1);
-  bar: calc(@floor + 20%);
+  nested: calc(calc(2.25rem + 2px) - 1px * 2);
 }
 
-.b {
+.calc-functions {
   @a: 10px;
   @b: 10px;
-
+  @floor: floor(1 + .1);
+  
   one: calc(100% - ((min(@a + @b))));
   two: calc(100% - (((@a + @b))));
+  bar: calc(@floor + 20%);
+}
+
+.calc-escape {
   three: calc(e('100%') - (3 * 1));
   four: calc(~'100%' - (3 * 1));
-  nested: calc(calc(2.25rem + 2px) - 1px * 2);
 }
 
-.c {
+.calc-mixed {
+  foo: 1 + 2 calc(3 + 4) 5 + 6;
   @v: 10px;
   height: calc(100% - ((@v * 3) + (@v * 2)));
 }
 
-.correctly-exit-calc-mode {
-    @a: 10;
-    h2 { width: unit(@a, px); }
-
-    div { width: calc(100px * 2); }
-
-    .mk-map() {
-        text: white;
-        background: black;
-    }
 
-    @p: .mk-map();
-
-    h1 { color: @p[text]; }
-}

package/tests-unit/charsets/charsets.less

@@ -0,0 +1,4 @@
+// @charset directive test
+@charset "UTF-8";
+
+@import "import/import-charset-test";

package/tests-unit/charsets/import/import-charset-test.less

@@ -0,0 +1 @@
+@charset "ISO-8859-1";

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

@@ -0,0 +1,15 @@
+#alpha #fromvar {
+  opacity: 0.7;
+}
+#alpha #short {
+  opacity: 1;
+}
+#alpha #long {
+  opacity: 1;
+}
+#alpha #rgba {
+  opacity: 0.2;
+}
+#alpha #hsl {
+  opacity: 1;
+}

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

@@ -0,0 +1,19 @@
+// Alpha function tests - no nesting, just alpha function behavior
+#alpha {
+    @colorvar: rgba(150, 200, 150, 0.7);
+    #fromvar {
+        opacity: alpha(@colorvar);
+    }
+    #short {
+        opacity: alpha(#aaa);
+    }
+    #long {
+        opacity: alpha(#bababa);
+    }
+    #rgba {
+        opacity: alpha(rgba(50, 120, 95, 0.2));
+    }
+    #hsl {
+        opacity: alpha(hsl(120, 100%, 50%));
+    }
+}

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

@@ -0,0 +1,18 @@
+.lightenblue {
+  color: #3333ff;
+}
+.darkenblue {
+  color: #0000cc;
+}
+.unknowncolors {
+  color: blue2;
+  border: 2px solid superred;
+}
+.transparent {
+  color: transparent;
+  background-color: rgba(0, 0, 0, 0);
+}
+#percentage {
+  color: 255;
+  border-color: rgba(255, 0, 0, 0.5);
+}

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

@@ -0,0 +1,23 @@
+// Basic color function tests - no nesting, just color functions
+.lightenblue {
+    color: lighten(blue, 10%);
+}
+
+.darkenblue {
+    color: darken(blue, 10%);
+}
+
+.unknowncolors {
+    color: blue2;
+    border: 2px solid superred;
+}
+
+.transparent {
+    color: transparent;
+    background-color: rgba(0, 0, 0, 0);
+}
+
+#percentage {
+  color: red(rgb(100%, 0, 0));
+  border-color: rgba(100%, 0, 0, 50%);
+}

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

@@ -0,0 +1,45 @@
+.lightenblue {
+  color: #3333ff;
+}
+.darkenblue {
+  color: #0000cc;
+}
+.unknowncolors {
+  color: blue2;
+  border: 2px solid superred;
+}
+.transparent {
+  color: transparent;
+  background-color: rgba(0, 0, 0, 0);
+}
+#alpha #fromvar {
+  opacity: 0.7;
+}
+#alpha #short {
+  opacity: 1;
+}
+#alpha #long {
+  opacity: 1;
+}
+#alpha #rgba {
+  opacity: 0.2;
+}
+#alpha #hsl {
+  opacity: 1;
+}
+#percentage {
+  color: 255;
+  border-color: rgba(255, 0, 0, 0.5);
+}
+#grey {
+  color: #c8c8c8;
+}
+#aa3333 {
+  color: #aa3333;
+}
+#bb8080 {
+  color: hsl(0, 30%, 62%);
+}
+#ccff00 {
+  color: hsl(72, 100%, 50%);
+}

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

@@ -0,0 +1,58 @@
+// Comprehensive color function tests - all color functions without problematic nesting
+.lightenblue {
+    color: lighten(blue, 10%);
+}
+
+.darkenblue {
+    color: darken(blue, 10%);
+}
+
+.unknowncolors {
+    color: blue2;
+    border: 2px solid superred;
+}
+
+.transparent {
+    color: transparent;
+    background-color: rgba(0, 0, 0, 0);
+}
+
+#alpha {
+    @colorvar: rgba(150, 200, 150, 0.7);
+    #fromvar {
+        opacity: alpha(@colorvar);
+    }
+    #short {
+        opacity: alpha(#aaa);
+    }
+    #long {
+        opacity: alpha(#bababa);
+    }
+    #rgba {
+        opacity: alpha(rgba(50, 120, 95, 0.2));
+    }
+    #hsl {
+        opacity: alpha(hsl(120, 100%, 50%));
+    }
+}
+
+#percentage {
+  color: red(rgb(100%, 0, 0));
+  border-color: rgba(100%, 0, 0, 50%);
+}
+
+#grey {
+  color: rgb(200, 200, 200);
+}
+
+#aa3333 {
+  color: rgb(66.66%, 20%, 20%);
+}
+
+#bb8080 {
+  color: hsl(0deg, 30%, 62%);
+}
+
+#ccff00 {
+  color: hsl(72deg, 100%, 50%);
+}

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

@@ -0,0 +1,39 @@
+#yelow #short {
+  color: #fea;
+}
+#yelow #long {
+  color: #ffeeaa;
+}
+#yelow #rgba {
+  color: rgba(255, 238, 170, 0.1);
+}
+#yelow #argb {
+  color: #1affeeaa;
+}
+#blue #short {
+  color: #00f;
+}
+#blue #long {
+  color: #0000ff;
+}
+#blue #rgba {
+  color: rgba(0, 0, 255, 0.1);
+}
+#blue #argb {
+  color: #1a0000ff;
+}
+#alpha #hsla {
+  color: hsla(11, 20%, 20%, 0.6);
+}
+#grey {
+  color: #c8c8c8;
+}
+#aa3333 {
+  color: #aa3333;
+}
+#bb8080 {
+  color: hsl(0, 30%, 62%);
+}
+#ccff00 {
+  color: hsl(72, 100%, 50%);
+}

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

@@ -0,0 +1,46 @@
+// Color format tests - testing different color formats and conversions
+#yelow #short {
+  color: #fea;
+}
+#yelow #long {
+  color: #ffeeaa;
+}
+#yelow #rgba {
+  color: rgba(255, 238, 170, 0.1);
+}
+#yelow #argb {
+  color: argb(rgba(255, 238, 170, 0.1));
+}
+
+#blue #short {
+  color: #00f;
+}
+#blue #long {
+  color: #0000ff;
+}
+#blue #rgba {
+  color: rgba(0, 0, 255, 0.1);
+}
+#blue #argb {
+  color: argb(rgba(0, 0, 255, 0.1));
+}
+
+#alpha #hsla {
+    color: hsla(11, 20%, 20%, 0.6);
+}
+
+#grey {
+  color: rgb(200, 200, 200);
+}
+
+#aa3333 {
+  color: rgb(66.66%, 20%, 20%);
+}
+
+#bb8080 {
+  color: hsl(0deg, 30%, 62%);
+}
+
+#ccff00 {
+  color: hsl(72deg, 100%, 50%);
+}

package/{less/_main/colors2.less → tests-unit/color-functions/modern-syntax.less}

@@ -1,6 +1,7 @@
+// Modern CSS color syntax tests - space-separated values and / alpha syntax
 foo {
   color: rgb(0 128 255);
   color: rgb(0 128 255 / 50%);
   color: hsl(198deg 28% 50%);
   color: hsl(198deg 28% 50% / 50%);
-}
+}

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

@@ -0,0 +1,36 @@
+.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);
+}