Adding support for a single srcset item. See #428.

yeoman · Oct 21, 2014 · d741232 · d741232
1 parent bb7df4d
commit d741232
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/lib/fileprocessor.js b/lib/fileprocessor.js
@@ -70,6 +70,10 @@ var _defaultPatterns = {
     [
       /<image[^\>]*[^\>\S]+src=['"]([^"']+)["']/gm,
       'Update the HTML with the new image filenames for src links'
+    ],
+    [
+      /<(?:img|source)[^\>]*[^\>\S]+srcset=['"]([^"'\s]+)(?:\s\d[mx])["']/gm,
+      'Update the HTML with the new image filenames for srcset links'
     ]
   ],
   css: [

diff --git a/test/test-fileprocessor.js b/test/test-fileprocessor.js
@@ -231,6 +231,7 @@ describe('FileProcessor', function () {
       'app/bar.css': 'bar.5678.css',
       'app/baz.css': '/baz.8910.css',
       'app/image.png': 'image.1234.png',
+      'app/image@2x.png': 'image@2x.1234.png',
       'app/video.webm': 'video.1234.webm',
       'tmp/bar.css': 'bar.1234.css',
       'app/foo.js': 'foo.1234.js',
@@ -427,6 +428,15 @@ describe('FileProcessor', function () {
       assert.equal(replaced, '<meta name="foo" content="' + filemapping['app/image.png'] + '">');
     });
 
+    it('should replace img reference in srcset', function () {
+      var content = '<img srcset="image@2x.png 2x" />';
+      var replaced = fp.replaceWithRevved(content, ['app']);
+      assert.equal(replaced, '<img srcset="' + filemapping['app/image@2x.png'] + ' 2x" />');
+
+      content = '<source srcset="image@2x.png 2x" />';
+      replaced = fp.replaceWithRevved(content, ['app']);
+      assert.equal(replaced, '<source srcset="' + filemapping['app/image@2x.png'] + ' 2x" />');
+    });
   });
 
   describe('css type', function () {