@less/test-data 4.4.4 → 4.5.0

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

@@ -0,0 +1,33 @@
+// Targeted tests for specific uncovered lines in namespace-value.js
+
+// Lines 51-52: $@var interpolation (property interpolation with variable)
+// This tests: name.substring(0, 2) === '$@'
+// The syntax is #namespace[$@var-name] where @var-name contains the property name
+@prop-name: my-prop;
+#namespace {
+  my-prop: prop-value;
+}
+.test-prop-interp {
+  value: #namespace[$@prop-name];
+}
+
+// Lines 43-47: Variable not found error path
+// Access a variable that doesn't exist in the namespace
+#namespace-with-var {
+  @existing-var: value;
+}
+.test-var-not-found {
+  // This will error: variable @nonexistent-var not found
+  // color: #namespace-with-var[@nonexistent-var];
+}
+
+// Lines 61-65: Property not found error path
+// Access a property that doesn't exist in the namespace
+#namespace-with-prop {
+  existing-prop: value;
+}
+.test-prop-not-found {
+  // This will error: property "nonexistent-prop" not found
+  // value: #namespace-with-prop[$nonexistent-prop];
+}
+

package/tests-unit/nesting/nesting.css

@@ -0,0 +1,24 @@
+.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.less

@@ -0,0 +1,37 @@
+.nesting-parent {
+  color: red;
+  
+  .nesting-child {
+    color: blue;
+    
+    .nesting-grandchild {
+      color: green;
+    }
+  }
+  
+  &:hover {
+    color: orange;
+  }
+  
+  &.modifier {
+    color: purple;
+  }
+}
+
+.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/{less/_main → tests-unit/no-output}/no-output.less

@@ -1,2 +1,2 @@
 .mixin() {
-}
+}

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

@@ -0,0 +1,33 @@
+.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.less

@@ -0,0 +1,76 @@
+// Advanced operation tests to cover edge cases
+
+// Operations with math off
+@math-off: true;
+.test-math-off {
+  @a: 10px;
+  @b: 5px;
+  result: @a + @b;
+}
+
+// Operations with Dimension to Color conversion
+@dimension: 10px;
+@color: #ff0000;
+.test-dim-to-color {
+  // This should convert dimension to color for operation
+  result: @dimension + @color;
+}
+
+// Operations with Color to Dimension conversion
+.test-color-to-dim {
+  result: @color + @dimension;
+}
+
+// Operations with division and PARENS_DIVISION math mode
+@div-op: (10px / 2);
+.test-division {
+  result: @div-op * 2;
+}
+
+// Operations with nested operations
+@nested: (10px + 5px) * 2;
+.test-nested {
+  result: @nested;
+}
+
+// Operations with spaced operators
+@spaced: 10px + 5px;
+.test-spaced {
+  result: @spaced;
+}
+
+// Operations with non-spaced operators
+@non-spaced: 10px+5px;
+.test-non-spaced {
+  result: @non-spaced;
+}
+
+// Operations with division operator
+@div-op: 10px / 2;
+.test-div {
+  result: @div-op;
+}
+
+// Operations with invalid types (should error, but test the path)
+.test-invalid {
+  // This will error, but tests the error path
+  // result: "string" + 10px;
+}
+
+// Operations with Operation operands
+@op1: 10px + 5px;
+@op2: 20px - 10px;
+.test-op-operands {
+  result: @op1 * @op2;
+}
+
+// Operations with math context
+.test-math-context {
+  @a: 10;
+  @b: 5;
+  add: @a + @b;
+  sub: @a - @b;
+  mul: @a * @b;
+  div: @a / @b;
+}
+

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

@@ -1,3 +1,4 @@
+// Mathematical operations tests
 #operations {
   color: (#110000 + #000011 + #001100); // #111111
   color-2: (yellow - #070707);

package/{less/_main → tests-unit/parse-interpolation}/parse-interpolation.less

@@ -1,3 +1,4 @@
+// Parse interpolation tests
 @inputs: input[type=text], input[type=email], input[type=password], textarea;
 
 @{inputs} {
@@ -50,4 +51,4 @@ input {
   .fruit-& {
     content: "Just a test.";
   }
-}
+}

package/tests-unit/parser-property-interp/parser-property-interp.css

@@ -0,0 +1,9 @@
+.test {
+  prop-name: color;
+  my: background;
+  value: width;
+  color: red;
+  border-color-width: 2px;
+  *-z-color: 1px dashed blue;
+  background-color-width: green;
+}

package/tests-unit/parser-property-interp/parser-property-interp.less

@@ -0,0 +1,28 @@
+// Test for ruleProperty parser with ${prop} interpolation (line 2640)
+// This tests complex property names using ${property} interpolation in property NAMES
+// ${prop} uses the VALUE of a plain property (not a variable) as the property name
+// Note: This is different from @{var} which uses variables
+
+.test {
+  // Define properties - their VALUES will be used as property names
+  prop-name: color;
+  my: background;
+  value: width;
+  
+  // Simple ${prop} interpolation in property name (ruleProperty parser line 2640)
+  // ${prop-name} uses the value of prop-name ("color") as the property name
+  // This triggers the branch at line 2640: new(tree.Property)(`$${s.slice(2, -1)}`, ...)
+  ${prop-name}: red;
+  
+  // Multiple interpolations with literal parts
+  // 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;
+  
+  // Multiple ${prop} in same property name
+  // ${my}-${prop-name}-${value} becomes "background-color-width"
+  ${my}-${prop-name}-${value}: green;
+}
+

package/tests-unit/parser-slashed-combinator/parser-slashed-combinator.css

@@ -0,0 +1,9 @@
+.parent /deep/ .child {
+  color: red;
+}
+.container /shadow/ .content {
+  background: blue;
+}
+.wrapper /deep/ .inner /deep/ .deepest {
+  padding: 10px;
+}

package/tests-unit/parser-slashed-combinator/parser-slashed-combinator.less

@@ -0,0 +1,20 @@
+// Test for slashedCombinator parser (lines 1392-1399)
+// This tests /deep/ and /shadow/ combinators
+// NOTE: These combinators are DEPRECATED in CSS and should not be used in new code
+// They were part of the Shadow DOM specification but have been removed
+
+// /deep/ combinator (deprecated)
+.parent /deep/ .child {
+  color: red;
+}
+
+// /shadow/ combinator (deprecated)
+.container /shadow/ .content {
+  background: blue;
+}
+
+// Test with nested selectors
+.wrapper /deep/ .inner /deep/ .deepest {
+  padding: 10px;
+}
+

package/{less/_main → tests-unit/permissive-parse}/permissive-parse.less

@@ -59,3 +59,5 @@
 }
 .test-no-trailing-semicolon2 {--value: foo}
 .test-no-trailing-semicolon3 { --value: foo }
+
+

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

@@ -140,3 +140,4 @@ test-atrule("@arbitrary"; "value after ()");
 @plugin (option2) "../../plugin/plugin-set-options-v3";
 @plugin "../../plugin/plugin-set-options-v3";
 @plugin (option3) "../../plugin/plugin-set-options-v3";
+

package/{less/_main → tests-unit/plugin-module}/plugin-module.less

@@ -4,4 +4,3 @@
 a {
   background: none;
 }
-

package/{less/_main → tests-unit/plugin-preeval}/plugin-preeval.less

@@ -12,4 +12,4 @@
     });
 }
 
-@stop: end;
+@stop: end;

package/{less/_main → tests-unit/property-accessors}/property-accessors.less

@@ -1,4 +1,3 @@
-
 .block_1 {
   color: red;
   background-color: $color;
@@ -65,3 +64,5 @@ a {
 .mixin2() { 
   color: yellow;
 }
+
+

package/{less/_main → tests-unit/property-name-interp}/property-name-interp.less

@@ -1,4 +1,4 @@
-
+// Property name interpolation tests
 pi-test {
     @prefix: ufo-;
     @a:    border;

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

@@ -0,0 +1,4 @@
+.test-important {
+  color: red!important;
+  background: red !important;
+}

package/tests-unit/property-targeted/property-targeted.less

@@ -0,0 +1,21 @@
+// Targeted tests for specific uncovered lines in property.js
+
+// Lines 49-51: Property with important flag handling
+// This tests when a property accessor accesses a property that has !important
+.test-important {
+  color: red !important;
+  background: $color;
+}
+
+// Lines 60-64: Property undefined error (should be in tests-error, but testing the path)
+// This will error, but tests the error path
+.test-undefined {
+  // value: @undefined-property;
+}
+
+// Lines 72-73: find method returning null (property not found in any frame)
+// This tests the find method when property doesn't exist
+.test-not-found {
+  // value: @nonexistent;
+}
+

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

@@ -1,3 +1,4 @@
+// Ruleset nesting and selector tests
 #first > .one {
   > #second .two > #deux {
     width: 50%;

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

@@ -101,4 +101,4 @@
       should: never seee 2;
     }
   }
-}
+}

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

@@ -1,3 +1,4 @@
+// Selector handling tests
 h1, h2, h3 {
   a, p {
     &:hover {
@@ -107,6 +108,7 @@ a {
   ::bnord {color: red }
   &::bnord {color: red }
 }
+
 // selector interpolation
 @theme: blood;
 @selector: ~".@{theme}";

package/{less/_main → tests-unit/starting-style}/starting-style.less

@@ -72,3 +72,5 @@ aside > [popover]:popover-open {
     });
   }
 }
+
+

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

@@ -1,3 +1,4 @@
+// String handling and interpolation tests
 #strings {
   background-image: url("http://son-of-a-banana.com");
   quotes: "~" "~";

package/tests-unit/styles.config.cjs

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