add tests for variables with url()

test/basic.css

@@ -16,6 +16,7 @@ html {
 	--shadow: 0 6px 14px 0 color(var(--shadow-color) a(.15));
 	--font-family: "Open Sans", sans-serif;
 	color: var(--color);
+	--url: url("/my/path");
 }
 
 :root,
@@ -99,3 +100,7 @@ html {
 .test--combined-selector {
 	color: var(--theme-color);
 }
+
+.test--variable-with-url {
+	background: var(--url);
+}

test/basic.expect.css

@@ -17,6 +17,7 @@ html {
 	--font-family: "Open Sans", sans-serif;
 	color: rgb(255, 0, 0);
 	color: var(--color);
+	--url: url("/my/path");
 }
 
 :root,
@@ -114,3 +115,8 @@ html {
 	color: #053;
 	color: var(--theme-color);
 }
+
+.test--variable-with-url {
+	background: url("/my/path");
+	background: var(--url);
+}

test/basic.import-is-empty.expect.css

@@ -17,6 +17,7 @@ html {
 	--font-family: "Open Sans", sans-serif;
 	color: rgb(255, 0, 0);
 	color: var(--color);
+	--url: url("/my/path");
 }
 
 :root,
@@ -114,3 +115,8 @@ html {
 	color: #053;
 	color: var(--theme-color);
 }
+
+.test--variable-with-url {
+	background: url("/my/path");
+	background: var(--url);
+}

test/basic.import-override.expect.css

@@ -75,3 +75,7 @@
 .test--combined-selector {
 	color: #053;
 }
+
+.test--variable-with-url {
+	background: url("/my/path");
+}

test/basic.import.expect.css

@@ -17,6 +17,7 @@ html {
 	--font-family: "Open Sans", sans-serif;
 	color: rgb(255, 0, 0);
 	color: var(--color);
+	--url: url("/my/path");
 }
 
 :root,
@@ -115,3 +116,8 @@ html {
 	color: #053;
 	color: var(--theme-color);
 }
+
+.test--variable-with-url {
+	background: url("/my/path");
+	background: var(--url);
+}

test/basic.preserve.expect.css

@@ -75,3 +75,7 @@
 .test--combined-selector {
 	color: #053;
 }
+
+.test--variable-with-url {
+	background: url("/my/path");
+}

test/export-properties.css

@@ -11,5 +11,6 @@
 	--shadow-color: rgb(255,0,0);
 	--shadow: 0 6px 14px 0 color(var(--shadow-color) a(.15));
 	--font-family: "Open Sans", sans-serif;
+	--url: url("/my/path");
 	--theme-color: #053;
 }

test/export-properties.js

@@ -12,6 +12,7 @@ module.exports = {
 		'--shadow-color': 'rgb(255,0,0)',
 		'--shadow': '0 6px 14px 0 color(var(--shadow-color) a(.15))',
 		'--font-family': '"Open Sans", sans-serif',
+		'--url': 'url("/my/path")',
 		'--theme-color': '#053'
 	}
 };

test/export-properties.json

@@ -12,6 +12,7 @@
     "--shadow-color": "rgb(255,0,0)",
     "--shadow": "0 6px 14px 0 color(var(--shadow-color) a(.15))",
     "--font-family": "\"Open Sans\", sans-serif",
+    "--url": "url(\"/my/path\")",
     "--theme-color": "#053"
   }
 }

test/export-properties.mjs

@@ -11,5 +11,6 @@ export const customProperties = {
 	'--shadow-color': 'rgb(255,0,0)',
 	'--shadow': '0 6px 14px 0 color(var(--shadow-color) a(.15))',
 	'--font-family': '"Open Sans", sans-serif',
+	'--url': 'url("/my/path")',
 	'--theme-color': '#053'
 };

test/export-properties.scss

@@ -10,4 +10,5 @@ $margin: 0 10px 20px 30px;
 $shadow-color: rgb(255,0,0);
 $shadow: 0 6px 14px 0 color(var(--shadow-color) a(.15));
 $font-family: "Open Sans", sans-serif;
+$url: url("/my/path");
 $theme-color: #053;