Added snapshots testing for regression tests

test/svg-sprite/alignment/center.test.js

@@ -62,6 +62,7 @@ describe(`svg-sprite: with centered alignment and ${align.length} SVG files`, ()
             const input = path.join(tmpPath, 'css/svg', svgPath);
             const expected = path.join(paths.expectations, 'png/css.vertical.centered.png');
 
+            expect(fs.readFileSync(input).toString()).toMatchSnapshot();
             await expect(input).toBeVisuallyEqualTo(expected);
         });
 
@@ -119,6 +120,7 @@ describe(`svg-sprite: with centered alignment and ${align.length} SVG files`, ()
             const input = path.join(tmpPath, 'css/svg', svgPath);
             const expected = path.join(paths.expectations, 'png/css.horizontal.centered.png');
 
+            expect(fs.readFileSync(input).toString()).toMatchSnapshot();
             await expect(input).toBeVisuallyEqualTo(expected);
         });
 
@@ -179,6 +181,7 @@ describe(`svg-sprite: with centered alignment and ${align.length} SVG files`, ()
             const input = path.join(tmpPath, 'css/svg', svgPath);
             const expected = path.join(paths.expectations, 'png/css.packed.centered.png');
 
+            expect(fs.readFileSync(input).toString()).toMatchSnapshot();
             await expect(input).toBeVisuallyEqualTo(expected);
         });
 

test/svg-sprite/alignment/mixed.test.js

@@ -61,6 +61,7 @@ describe(`svg-sprite: with mixed alignment and ${align.length} SVG files`, () =>
             const input = path.join(tmpPath, 'view/svg', svgPath);
             const expected = path.join(paths.expectations, 'png/css.vertical.mixed.png');
 
+            expect(fs.readFileSync(input).toString()).toMatchSnapshot();
             await expect(input).toBeVisuallyEqualTo(expected);
         });
 
@@ -121,6 +122,7 @@ describe(`svg-sprite: with mixed alignment and ${align.length} SVG files`, () =>
             const input = path.join(tmpPath, 'view/svg', svgPath);
             const expected = path.join(paths.expectations, 'png/css.horizontal.mixed.png');
 
+            expect(fs.readFileSync(input).toString()).toMatchSnapshot();
             await expect(input).toBeVisuallyEqualTo(expected);
         });
 

test/svg-sprite/minimal-configuration/modes/css.test.js

@@ -92,6 +92,7 @@ describe('testing minimal config', () => {
                 const input = path.join(tmpPath, 'css/svg', svg.vertical);
                 const expected = path.join(paths.expectations, `png/css.vertical${testConfig.namespace}.png`);
 
+                expect(fs.readFileSync(input).toString()).toMatchSnapshot();
                 await expect(input).toBeVisuallyEqualTo(expected);
             });
 
@@ -102,6 +103,7 @@ describe('testing minimal config', () => {
                 const input = path.join(tmpPath, 'css/svg', svg.horizontal);
                 const expected = path.join(paths.expectations, `png/css.horizontal${testConfig.namespace}.png`);
 
+                expect(fs.readFileSync(input).toString()).toMatchSnapshot();
                 await expect(input).toBeVisuallyEqualTo(expected);
             });
 
@@ -112,6 +114,7 @@ describe('testing minimal config', () => {
                 const input = path.join(tmpPath, 'css/svg', svg.diagonal);
                 const expected = path.join(paths.expectations, `png/css.diagonal${testConfig.namespace}.png`);
 
+                expect(fs.readFileSync(input).toString()).toMatchSnapshot();
                 await expect(input).toBeVisuallyEqualTo(expected);
             });
 
@@ -122,6 +125,7 @@ describe('testing minimal config', () => {
                 const input = path.join(tmpPath, 'css/svg', svg.packed);
                 const expected = path.join(paths.expectations, `png/css.packed${testConfig.namespace}.png`);
 
+                expect(fs.readFileSync(input).toString()).toMatchSnapshot();
                 await expect(input).toBeVisuallyEqualTo(expected);
             });
         });

test/svg-sprite/minimal-configuration/modes/defs.test.js

@@ -50,6 +50,8 @@ describe.each`
         data.svg = svgData.toString();
         data.css = '../sprite.css';
 
+        expect(data.svg).toMatchSnapshot();
+
         const previewTemplate = await fs.readFile(path.join(__dirname, '../../../tmpl/defs.html'), 'utf8');
         const out = mustache.render(previewTemplate, data);
         const preview = await writeFile(path.join(tmpPath, `defs/html/defs${testConfig.namespace}.html`), out);

test/svg-sprite/minimal-configuration/modes/stack.test.js

@@ -50,6 +50,8 @@ describe.each`
         data.svg = svgData.toString();
         data.css = '../sprite.css';
 
+        expect(data.svg).toMatchSnapshot();
+
         const previewTemplate = await fs.readFile(path.join(__dirname, '../../../tmpl/stack.html'), 'utf8');
         const out = mustache.render(previewTemplate, data);
         const preview = await writeFile(path.join(tmpPath, `stack/html/stack${testConfig.namespace}.html`), out);
@@ -93,6 +95,8 @@ describe('without viewbox', () => {
         data.svg = svgData.toString();
         data.css = '../sprite.css';
 
+        expect(data.svg).toMatchSnapshot();
+
         const previewTemplate = await fs.readFile(path.join(__dirname, '../../../tmpl/stack.html'), 'utf8');
         const out = mustache.render(previewTemplate, data);
         const preview = await writeFile(path.join(tmpPath, 'stack/html/stack-without-viewbox.html'), out);

test/svg-sprite/minimal-configuration/modes/symbol.test.js

@@ -50,6 +50,8 @@ describe.each`
         data.svg = svgData.toString();
         data.css = '../sprite.css';
 
+        expect(data.svg).toMatchSnapshot();
+
         const previewTemplate = await fs.readFile(path.join(__dirname, '../../../tmpl/symbol.html'), 'utf8');
         const out = mustache.render(previewTemplate, data);
         const preview = await writeFile(path.join(tmpPath, 'symbol/html/symbol.html'), out);

test/svg-sprite/minimal-configuration/modes/view.mixed.test.js

@@ -60,6 +60,7 @@ describe('svg-sprite: with «view» mode, packed layout and LESS render type', (
         const input = path.join(tmpPath, 'view/svg', packedSvg);
         const expected = path.join(paths.expectations, 'png/css.packed.mixed.png');
 
+        expect(fs.readFileSync(input).toString()).toMatchSnapshot();
         await expect(input).toBeVisuallyEqualTo(expected);
     });
 

test/svg-sprite/minimal-configuration/modes/view.packed.test.js

@@ -52,7 +52,9 @@ describe.each`
 
             const input = path.join(tmpPath, 'view/svg', svg);
             const expected = path.join(paths.expectations, `png/css.packed${testConfig.namespace}.png`);
+            const svgFile = await fs.readFile(input);
 
+            expect(svgFile.toString()).toMatchSnapshot();
             await expect(input).toBeVisuallyEqualTo(expected);
         });