From 2162a065cc7a6c7c159d2caf6b3d82081e062341 Mon Sep 17 00:00:00 2001
From: Pat Cavit <github@patcavit.com>
Date: Tue, 31 Jul 2018 23:01:58 -0700
Subject: [PATCH] test: failing test for svelte reprocessing

This can occur when using modular-css-svelte and modular-css-rollup together in rollup's watch mode.
---
 .../test/__snapshots__/svelte.test.js.snap    | 28 +++++++++++
 packages/svelte/test/svelte.test.js           | 47 +++++++++++++++++++
 2 files changed, 75 insertions(+)

diff --git a/packages/svelte/test/__snapshots__/svelte.test.js.snap b/packages/svelte/test/__snapshots__/svelte.test.js.snap
index ad21fd6d0..b5e8602ac 100644
--- a/packages/svelte/test/__snapshots__/svelte.test.js.snap
+++ b/packages/svelte/test/__snapshots__/svelte.test.js.snap
@@ -292,4 +292,32 @@ exports[`/svelte.js should ignore files without <style> blocks 1`] = `
 
 exports[`/svelte.js should ignore files without <style> blocks 2`] = `""`;
 
+exports[`/svelte.js should remove files before reprocessing in case they changed 1`] = `
+"
+<div class=\\"source\\">Source</div><script>
+    import css from \\"./source.css\\";
+</script>"
+`;
+
+exports[`/svelte.js should remove files before reprocessing in case they changed 2`] = `
+"/* packages/svelte/test/output/source.css */
+.source {
+    color: red;
+}"
+`;
+
+exports[`/svelte.js should remove files before reprocessing in case they changed 3`] = `
+"
+<div class=\\"source\\">Source</div><script>
+    import css from \\"./source.css\\";
+</script>"
+`;
+
+exports[`/svelte.js should remove files before reprocessing in case they changed 4`] = `
+"/* packages/svelte/test/output/source.css */
+.source {
+    color: blue;
+}"
+`;
+
 exports[`/svelte.js should throw on both <style> and <link> in one file 1`] = `"modular-css-svelte: use <style> OR <link>, but not both"`;
diff --git a/packages/svelte/test/svelte.test.js b/packages/svelte/test/svelte.test.js
index 63ad07de1..e2303d27a 100644
--- a/packages/svelte/test/svelte.test.js
+++ b/packages/svelte/test/svelte.test.js
@@ -1,6 +1,7 @@
 "use strict";
 
 const fs = require("fs");
+const path = require("path");
 
 const svelte = require("svelte");
 const dedent = require("dedent");
@@ -131,4 +132,50 @@ describe("/svelte.js", () => {
             )
         ).rejects.toThrowErrorMatchingSnapshot();
     });
+
+    it("should remove files before reprocessing in case they changed", async () => {
+        // V1 of files
+        fs.writeFileSync(path.resolve(__dirname, "./output/source.html"), dedent(`
+            <link rel="stylesheet" href="./source.css" />
+            <div class="{css.source}">Source</div>
+        `));
+
+        fs.writeFileSync(path.resolve(__dirname, "./output/source.css"), dedent(`
+            .source {
+                color: red;
+            }
+        `));
+        
+        const filename = require.resolve(`./output/source.html`);
+        const { processor, preprocess } = plugin({ namer });
+
+        let processed = await svelte.preprocess(
+            fs.readFileSync(filename, "utf8"),
+            Object.assign({}, preprocess, { filename })
+        );
+
+        expect(processed.toString()).toMatchSnapshot();
+
+        let output = await processor.output();
+
+        expect(output.css).toMatchSnapshot();
+        
+        // V2 of CSS
+        fs.writeFileSync(path.resolve(__dirname, "./output/source.css"), dedent(`
+        .source {
+            color: blue;
+        }
+        `));
+        
+        processed = await svelte.preprocess(
+            fs.readFileSync(filename, "utf8"),
+            Object.assign({}, preprocess, { filename })
+        );
+
+        expect(processed.toString()).toMatchSnapshot();
+
+        output = await processor.output();
+
+        expect(output.css).toMatchSnapshot();
+    });
 });