Test for relative paths

benhoIIand · Jan 3, 2017 · ff443e9 · ff443e9
1 parent 1930069
commit ff443e9
Show file tree

Hide file tree

Showing 5 changed files with 55 additions and 0 deletions.
diff --git a/config/relativepath.js b/config/relativepath.js
@@ -0,0 +1,13 @@
+module.exports = {
+    options: {
+        assets: ['assets/**'],
+        baseDir: 'tmp/relativepath',
+        deleteOriginals: true,
+        hash: '123456789'
+    },
+    files: [{
+        expand: true,
+        cwd: 'tmp/relativepath',
+        src: ['assets/css/*.css', '*.html']
+    }]
+};
diff --git a/tests/relativepath/assets/css/application.css b/tests/relativepath/assets/css/application.css
@@ -0,0 +1,13 @@
+@charset "UTF-8";
+
+body {
+	background-image: url(../images/testbg.png);
+}
+
+div.test {
+	background-image: url(../../assets/images/testbg.png);
+}
+
+div.test2 {
+	background-image: url(/assets/images/testbg.png);
+}
diff --git a/tests/relativepath/assets/images/testbg.png b/tests/relativepath/assets/images/testbg.png
diff --git a/tests/relativepath/relativepath.html b/tests/relativepath/relativepath.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8"/>
+		<link rel="stylesheet" href="/assets/css/application.css">
+		<title>Test</title>
+	</head>
+	<body>
+		Test
+	</body>
+</html>
diff --git a/tests/relativepath/relativepath_test.js b/tests/relativepath/relativepath_test.js
@@ -0,0 +1,18 @@
+'use strict';
+
+var grunt = require('grunt');
+
+module.exports = {
+
+    relativepath: function(test) {
+        var html = grunt.file.read('tmp/relativepath/relativepath.html');
+        test.ok(html.match(/"\/assets\/css\/application\.123456789\.css"/), 'testing /assets/css/application.css replaced in HTML');
+
+        var css = grunt.file.read('tmp/relativepath/assets/css/application.123456789.css');
+        test.ok(css.match(/url\(\.\.\/images\/testbg\.123456789\.png\)/), 'testing ../images/testbg.png replaced in busted CSS');
+        test.ok(css.match(/url\(\.\.\/\.\.\/assets\/images\/testbg\.123456789\.png\)/), 'testing ../../assets/images/testbg.png replaced in busted CSS');
+
+        test.done();
+    }
+
+};