@less/test-data 4.4.4 → 4.6.0

package/tests-config/sourcemaps/styles.config.cjs

@@ -0,0 +1,12 @@
+module.exports = {
+    language: {
+        less: {
+            math: 'strict',
+            strictUnits: true,
+            sourceMap: true,
+            globalVars: {
+                '@my-color': 'red'
+            }
+        }
+    }
+};

package/tests-config/sourcemaps-basepath/sourcemaps-basepath.css

@@ -0,0 +1,8 @@
+.text {
+  font-size: 16px;
+  line-height: 1.5;
+}
+.title {
+  font-weight: bold;
+}
+/*# sourceMappingURL=tests-config/sourcemaps-basepath/sourcemaps-basepath.css.map */

package/tests-config/sourcemaps-basepath/sourcemaps-basepath.less

@@ -0,0 +1,11 @@
+@size: 16px;
+
+.text {
+  font-size: @size;
+  line-height: 1.5;
+}
+
+.title {
+  font-weight: bold;
+}
+

package/tests-config/sourcemaps-basepath/styles.config.cjs

@@ -0,0 +1,14 @@
+module.exports = {
+    language: {
+        less: {
+            sourceMap: {
+                // Test sourceMapBasepath by setting it to a path that should be removed from source paths
+                // Since the actual file is in packages/test-data/tests-config/sourcemaps-basepath/,
+                // setting basepath to that directory should remove it from the sourcemap sources
+                sourceMapBasepath: require('path').dirname(require.resolve('./sourcemaps-basepath.less')),
+                sourceMapRootpath: 'testweb/'
+            }
+        }
+    }
+};
+

package/tests-config/sourcemaps-disable-annotation/styles.config.cjs

@@ -0,0 +1,11 @@
+module.exports = {
+    language: {
+        less: {
+            math: 'strict',
+            strictUnits: true,
+            sourceMap: {
+                disableSourcemapAnnotation: true
+            }
+        }
+    }
+};

package/tests-config/sourcemaps-empty/styles.config.cjs

@@ -0,0 +1,11 @@
+module.exports = {
+    language: {
+        less: {
+            math: 'strict',
+            strictUnits: true,
+            sourceMap: {
+                sourceMapFileInline: true
+            }
+        }
+    }
+};

package/tests-config/sourcemaps-include-source/sourcemaps-include-source.css

@@ -0,0 +1,9 @@
+.button {
+  background: #007bff;
+  color: white;
+  padding: 10px 20px;
+}
+.secondary {
+  background: #6c757d;
+}
+/*# sourceMappingURL=tests-config/sourcemaps-include-source/sourcemaps-include-source.css.map */

package/tests-config/sourcemaps-include-source/sourcemaps-include-source.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["sourcemaps-include-source.less"],"names":[],"mappings":"AAGA;EACE,mBAAA;EACA,YAAA;EACA,kBAAA;;AAGF;EACE,mBAAA","file":"output.css"}

package/tests-config/sourcemaps-include-source/sourcemaps-include-source.less

@@ -0,0 +1,13 @@
+@primary: #007bff;
+@secondary: #6c757d;
+
+.button {
+  background: @primary;
+  color: white;
+  padding: 10px 20px;
+}
+
+.secondary {
+  background: @secondary;
+}
+

package/tests-config/sourcemaps-include-source/styles.config.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+    language: {
+        less: {
+            sourceMap: {
+                outputSourceFiles: true
+            }
+        }
+    }
+};
+

package/tests-config/sourcemaps-rootpath/sourcemaps-rootpath.css

@@ -0,0 +1,8 @@
+.container {
+  padding: 20px;
+  color: green;
+}
+.item {
+  margin: 5px;
+}
+/*# sourceMappingURL=tests-config/sourcemaps-rootpath/sourcemaps-rootpath.css.map */

package/tests-config/sourcemaps-rootpath/sourcemaps-rootpath.less

@@ -0,0 +1,11 @@
+@var: green;
+
+.container {
+  padding: 20px;
+  color: @var;
+}
+
+.item {
+  margin: 5px;
+}
+

package/tests-config/sourcemaps-rootpath/styles.config.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+    language: {
+        less: {
+            sourceMap: {
+                sourceMapRootpath: 'https://example.com/less/'
+            }
+        }
+    }
+};
+

package/tests-config/sourcemaps-url/sourcemaps-url.css

@@ -0,0 +1,8 @@
+.header {
+  color: red;
+  background: blue;
+}
+.footer {
+  margin: 10px;
+}
+/*# sourceMappingURL=../custom-path/sourcemaps-url.map */

package/tests-config/sourcemaps-url/sourcemaps-url.less

@@ -0,0 +1,11 @@
+@color: red;
+
+.header {
+  color: @color;
+  background: blue;
+}
+
+.footer {
+  margin: 10px;
+}
+

package/tests-config/sourcemaps-url/styles.config.cjs

@@ -0,0 +1,10 @@
+module.exports = {
+    language: {
+        less: {
+            sourceMap: {
+                sourceMapURL: '../custom-path/sourcemaps-url.map'
+            }
+        }
+    }
+};
+

package/tests-config/sourcemaps-variable-selector/styles.config.cjs

@@ -0,0 +1,9 @@
+module.exports = {
+    language: {
+        less: {
+            math: 'strict',
+            strictUnits: true,
+            sourceMap: true
+        }
+    }
+};

package/tests-config/static-urls/styles.config.cjs

@@ -0,0 +1,9 @@
+module.exports = {
+  language: {
+    less: {
+      "math": "strict",
+      "relativeUrls": false,
+      "rootpath": "folder (1)/"
+}
+  }
+};

package/{css → tests-config}/static-urls/urls.css

@@ -1,4 +1,4 @@
-@import "css/background.css";
+@import "folder (1)/css/background.css";
 @import "folder (1)/import-test-d.css";
 @font-face {
   src: url("/fonts/garamond-pro.ttf");
@@ -30,7 +30,7 @@
 #logo {
   width: 100px;
   height: 100px;
-  background: url('./assets/logo.png');
+  background: url('./folder (1)/assets/logo.png');
   background: url("#inline-svg");
 }
 @font-face {

package/{less → tests-config}/static-urls/urls.less

@@ -30,4 +30,5 @@
     url: url(@a);
 }
 
-@import "../_main/import/import-and-relative-paths-test";
+@import "../../tests-unit/import/import/import-and-relative-paths-test";
+

package/tests-config/strict-imports/imported.less

@@ -0,0 +1,3 @@
+.imported {
+  background: green;
+}

package/tests-config/strict-imports/strict-imports.css

@@ -0,0 +1,11 @@
+.imported {
+  background: green;
+}
+@media (max-width: 768px) {
+  .mobile {
+    color: red;
+  }
+}
+.container .nested {
+  color: blue;
+}

package/tests-config/strict-imports/strict-imports.less

@@ -0,0 +1,19 @@
+// Test that strictImports: true allows @import at root level
+@import "imported.less";
+
+// Test that strictImports: true allows @import inside @media blocks
+@media (max-width: 768px) {
+  @import "imported.less";
+  .mobile {
+    color: red;
+  }
+}
+
+// Test that strictImports: true skips @import inside selector blocks (import is not processed)
+.container {
+  @import "imported.less";
+  .nested {
+    color: blue;
+  }
+}
+

package/tests-config/strict-imports/styles.config.cjs

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

package/tests-config/units/no-strict/styles.config.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  language: {
+    less: {
+      "math": 0,
+      "strictUnits": false
+}
+  }
+};

package/tests-config/units/strict/styles.config.cjs

@@ -0,0 +1,8 @@
+module.exports = {
+  language: {
+    less: {
+      "math": 0,
+      "strictUnits": true
+}
+  }
+};

package/tests-config/url-args/styles.config.cjs

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

package/{less → tests-config}/url-args/urls.less

@@ -33,19 +33,19 @@
     url: url(@a);
 }
 
-@import "../_main/import/imports/font";
+@import "../../tests-unit/import/import/imports/font";
 
 #data-uri {
-  uri: data-uri('image/jpeg;base64', '../data/image.jpg');
+  uri: data-uri('image/jpeg;base64', '../../data/image.jpg');
 }
 
 #data-uri-guess {
-  uri: data-uri('../data/image.jpg');
+  uri: data-uri('../../data/image.jpg');
 }
 
 #data-uri-ascii {
-  uri-1: data-uri('text/html', '../data/page.html');
-  uri-2: data-uri('../data/page.html');
+  uri-1: data-uri('text/html', '../../data/page.html');
+  uri-2: data-uri('../../data/page.html');
 }
 
 #svg-functions {

package/tests-config/visitorPlugin/styles.config.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+  language: {
+    less: {
+      "plugin": "test/plugins/visitor/index.cjs"
+}
+  }
+};

package/tests-error/eval/detached-ruleset-5.txt

@@ -0,0 +1,3 @@
+NameError: variable @a is undefined in {path}detached-ruleset-5.less on line 4, column 1:
+3 }
+4 .mixin-definition({color: red;});

package/tests-error/eval/namespace-property-not-found.less

@@ -0,0 +1,7 @@
+#namespace {
+  existing-prop: value;
+}
+.test {
+  value: #namespace[$nonexistent-prop];
+}
+

package/tests-error/eval/namespace-property-not-found.txt

@@ -0,0 +1,2 @@
+NameError: property "nonexistent-prop" not found
+

package/tests-error/eval/namespace-variable-not-found.less

@@ -0,0 +1,7 @@
+#namespace {
+  @existing-var: value;
+}
+.test {
+  color: #namespace[@nonexistent-var];
+}
+

package/tests-error/eval/namespace-variable-not-found.txt

@@ -0,0 +1,2 @@
+NameError: variable @nonexistent-var not found
+

package/tests-error/eval/property-undefined.less

@@ -0,0 +1,4 @@
+.test {
+  value: $undefined-prop;
+}
+

package/tests-error/eval/property-undefined.txt

@@ -0,0 +1,5 @@
+NameError: Property '$undefined-prop' is undefined in {path}property-undefined.less on line 2, column 10:
+1 .test {
+2   value: $undefined-prop;
+3 }
+

package/tests-error/eval/recursive-property.less

@@ -0,0 +1,4 @@
+.test {
+  color: darken($color, 10%);
+}
+

package/tests-error/eval/recursive-property.txt

@@ -0,0 +1,5 @@
+NameError: Error evaluating function `darken`: Recursive property reference for $color in {path}recursive-property.less on line 2, column 10:
+1 .test {
+2   color: darken($color, 10%);
+3 }
+

package/tests-error/eval/styles.config.cjs

@@ -0,0 +1,9 @@
+module.exports = {
+    language: {
+        less: {
+            strictMath: true,
+            strictUnits: true,
+            javascriptEnabled: true
+        }
+    }
+};

package/tests-error/parse/styles.config.cjs

@@ -0,0 +1,9 @@
+module.exports = {
+    language: {
+        less: {
+            strictMath: true,
+            strictUnits: true,
+            javascriptEnabled: true
+        }
+    }
+};

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

@@ -0,0 +1,107 @@
+@charset "UTF-8";
+@page {
+  margin: 2cm;
+  @top-left {
+    content: "Page " counter(page);
+  }
+}
+@page :first {
+  margin: 3cm;
+  @top-center {
+    content: "First Page";
+  }
+}
+@namespace url(http://www.w3.org/1999/xhtml);
+@namespace svg url(http://www.w3.org/2000/svg);
+@viewport {
+  width: device-width;
+  initial-scale: 1;
+}
+@keyframes slidein {
+  from {
+    margin-left: 100%;
+    width: 300%;
+  }
+  to {
+    margin-left: 0%;
+    width: 100%;
+  }
+}
+@keyframes "complex-animation" {
+  0% {
+    opacity: 0;
+    transform: scale(0.5);
+  }
+  50% {
+    opacity: 0.5;
+    transform: scale(1.2);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+@font-face {
+  font-family: "MyFont";
+  src: url("myfont.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "CustomFont";
+  src: url("custom.woff") format("woff");
+}
+@supports (display: grid) {
+  .grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+@supports (transform-style: preserve-3d) {
+  @media (min-width: 768px) {
+    .card {
+      transform: rotateY(15deg);
+    }
+  }
+}
+@media print {
+  body {
+    font-size: 12pt;
+    color: black;
+  }
+}
+@media screen {
+  @supports (display: flex) {
+    .container {
+      display: flex;
+    }
+  }
+}
+@media (max-width: 600px) {
+  .sidebar {
+    display: none;
+  }
+}
+@media (max-width: 768px) {
+  .container {
+    padding: 10px;
+  }
+}
+@page :left {
+  margin-left: 4cm;
+  margin-right: 3cm;
+}
+@page :right {
+  margin-left: 3cm;
+  margin-right: 4cm;
+}
+@media (max-width: 600px) {
+  .wrapper .mobile-only {
+    display: block;
+  }
+}
+@media (min-width: 1024px) {
+  .desktop {
+    display: block;
+  }
+}

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

@@ -0,0 +1,154 @@
+// Test various @-rule types and structures
+
+// @page with simple block
+@page {
+  margin: 2cm;
+  @top-left {
+    content: "Page " counter(page);
+  }
+}
+
+// @page with nested rules
+@page :first {
+  margin: 3cm;
+  @top-center {
+    content: "First Page";
+  }
+}
+
+// @charset
+@charset "UTF-8";
+
+// @namespace
+@namespace url(http://www.w3.org/1999/xhtml);
+@namespace svg url(http://www.w3.org/2000/svg);
+
+// @viewport
+@viewport {
+  width: device-width;
+  initial-scale: 1.0;
+}
+
+// @keyframes with simple block
+@keyframes slidein {
+  from {
+    margin-left: 100%;
+    width: 300%;
+  }
+  to {
+    margin-left: 0%;
+    width: 100%;
+  }
+}
+
+// @keyframes with nested rules (name can be a string)
+@keyframes "complex-animation" {
+  0% {
+    opacity: 0;
+    transform: scale(0.5);
+  }
+  50% {
+    opacity: 0.5;
+    transform: scale(1.2);
+  }
+  100% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+// @font-face with simple block
+@font-face {
+  font-family: "MyFont";
+  src: url("myfont.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+
+// @font-face with variables
+@font-family-name: "CustomFont";
+@font-face {
+  font-family: @font-family-name;
+  src: url("custom.woff") format("woff");
+}
+
+// @supports with simple block
+@supports (display: grid) {
+  .grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+
+// @supports with nested @-rules
+@supports (transform-style: preserve-3d) {
+  @media (min-width: 768px) {
+    .card {
+      transform: rotateY(15deg);
+    }
+  }
+}
+
+// @media with simple block
+@media print {
+  body {
+    font-size: 12pt;
+    color: black;
+  }
+}
+
+// @media with nested @-rules
+@media screen {
+  @supports (display: flex) {
+    .container {
+      display: flex;
+    }
+  }
+}
+
+// @-rule with value (not simple block)
+@media (max-width: 600px) {
+  .sidebar {
+    display: none;
+  }
+}
+
+// @-rule inside ruleset
+.container {
+  @media (max-width: 768px) {
+    padding: 10px;
+  }
+}
+
+// Multiple @-rules
+@page :left {
+  margin-left: 4cm;
+  margin-right: 3cm;
+}
+
+@page :right {
+  margin-left: 3cm;
+  margin-right: 4cm;
+}
+
+// @-rule with mixins
+.mixin-with-atrule() {
+  @media (max-width: 600px) {
+    .mobile-only {
+      display: block;
+    }
+  }
+}
+
+.wrapper {
+  .mixin-with-atrule();
+}
+
+// @-rule with variables in value
+@breakpoint: 1024px;
+@media (min-width: @breakpoint) {
+  .desktop {
+    display: block;
+  }
+}
+