@less/test-data 4.6.3 → 4.6.5

package/package.json

@@ -3,7 +3,7 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"version": "4.6.3",
+	"version": "4.6.5",
 	"description": "Less files and CSS results",
 	"author": "Alexis Sellier <self@cloudhead.net>",
 	"contributors": [

package/tests-unit/container/container.css

@@ -273,3 +273,21 @@
     font-size: 75%;
   }
 }
+.mixin-container-test {
+  color: red;
+}
+@container name (width < 125px) {
+  .mixin-container-test {
+    display: none;
+  }
+}
+@container sidebar (width < 500px) {
+  .sidebar-test {
+    display: none;
+  }
+}
+@container header (width < 800px) {
+  .header-test {
+    display: none;
+  }
+}

package/tests-unit/container/container.less

@@ -326,3 +326,27 @@
       font-size: 75%;
     }
 }
+
+// Regression test: mixin with variable container name and variable query condition
+// Issue: mixins with parameters using @container @name (condition < @var) failed
+// with "variable @bp is undefined" error in older versions
+@issue-width: 125px;
+
+.container-query-mixin(@container-name; @bp) {
+    @container @container-name (width < @bp) {
+        display: none;
+    }
+}
+
+.mixin-container-test {
+    .container-query-mixin(name, @issue-width);
+    color: red;
+}
+
+// Verify multiple calls with different params produce correct output
+.sidebar-test {
+    .container-query-mixin(sidebar, 500px);
+}
+.header-test {
+    .container-query-mixin(header, 800px);
+}

package/tests-unit/functions/functions.css

@@ -224,6 +224,8 @@ html {
   a: true;
   b: false;
   c: false;
+  d: true;
+  e: false;
 }
 #if {
   a: 1;
@@ -236,6 +238,8 @@ html {
   i: 6;
   j: 8;
   k: 1;
+  m: 1;
+  n: 2;
   l: black;
   /* results in void */
   color: green;

package/tests-unit/functions/functions.less

@@ -256,6 +256,9 @@ html {
   a: boolean(not(2 < 1));
   b: boolean(not(2 > 1) and (true));
   c: boolean(not(boolean(true)));
+  // not without parentheses (should behave the same as with parentheses)
+  d: boolean(not false);
+  e: boolean(not true);
 }
 
 #if {
@@ -271,6 +274,9 @@ html {
   i: if(true and isnumber(6), 6, 8);
   j: if(not(true) and true, 6, 8);
   k: if(true or true, 1);
+  // not without parentheses
+  m: if(not false, 1, 2);
+  n: if(not true, 1, 2);
 
   // see: https://github.com/less/less.js/issues/3371
   @some: foo;

package/tests-unit/media/media.css

@@ -274,3 +274,8 @@
     color: red;
   }
 }
+@media ((color) and (hover)), all {
+  body {
+    background: green;
+  }
+}

package/tests-unit/media/media.less

@@ -302,3 +302,9 @@
         color: red;
     }
 }
+
+@media ((color) and (hover)), all {
+  body {
+    background: green;
+  }
+}

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

@@ -209,3 +209,9 @@
   no-parenthesis: evaluated true 4;
   with-parenthesis: evaluated true;
 }
+.test-not-noparens1 {
+  content: "not without parens true.";
+}
+.test-not-noparens2 {
+  content: "not without parens false.";
+}

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

@@ -356,3 +356,14 @@
   .orderOfEvaluation(true, true, false);
 }
 
+// not without parentheses should work the same as not with parentheses
+.test-not-noparens (@a) when not @a {
+    content: "not without parens false.";
+}
+.test-not-noparens (@a) when (@a) {
+    content: "not without parens true.";
+}
+
+.test-not-noparens1 { .test-not-noparens(true) }
+.test-not-noparens2 { .test-not-noparens(false) }
+

package/tests-unit/selectors/selectors.css

@@ -197,3 +197,27 @@ a:is(.b, :is(.c)) {
 a:is(.b, :is(.c), :has(div)) {
   color: red;
 }
+:is(:not(:has(>.foo)), :has(>.foo.bar)) {
+  overflow: clip;
+}
+:matches(:not(:has(>.foo)), :has(>.foo.bar)) {
+  overflow: clip;
+}
+:where(:not(:has(>.foo)), :has(>.foo.bar)) {
+  overflow: clip;
+}
+:is(:has(>.foo + .bar), :has(>.baz ~ .qux), :not(:has(.quux))) {
+  color: blue;
+}
+:where(.a, .b, .c) {
+  color: red;
+}
+:not(.a, .b, .c) {
+  color: green;
+}
+:where(:is(.a, .b), :has(>.c)) {
+  color: blue;
+}
+:is(:where(:has(.foo)), :not(:has(.bar))) {
+  color: purple;
+}

package/tests-unit/selectors/selectors.less

@@ -216,3 +216,36 @@ a:is(.b, :is(.c)) {
 a:is(.b, :is(.c), :has(div)) {
   color: red;
 }
+
+// https://github.com/less/less.js/issues/4378
+:is(:not(:has(>.foo)), :has(>.foo.bar)) {
+  overflow: clip;
+}
+
+:matches(:not(:has(>.foo)), :has(>.foo.bar)) {
+  overflow: clip;
+}
+
+:where(:not(:has(>.foo)), :has(>.foo.bar)) {
+  overflow: clip;
+}
+
+:is(:has(>.foo + .bar), :has(>.baz ~ .qux), :not(:has(.quux))) {
+  color: blue;
+}
+
+:where(.a, .b, .c) {
+  color: red;
+}
+
+:not(.a, .b, .c) {
+  color: green;
+}
+
+:where(:is(.a, .b), :has(>.c)) {
+  color: blue;
+}
+
+:is(:where(:has(.foo)), :not(:has(.bar))) {
+  color: purple;
+}