1 files changed, 34 insertions, 5 deletions
diff --git a/packages/astro/test/svelte-component.test.js b/packages/astro/test/svelte-component.test.js
index 0d79be3de..f50f24e0c 100644
--- a/packages/astro/test/svelte-component.test.js
+++ b/packages/astro/test/svelte-component.test.js
@@ -10,13 +10,42 @@ describe('Svelte component', () => {
       projectRoot: './fixtures/svelte-component/',
       renderers: ['@astrojs/renderer-svelte'],
     });
-    await fixture.build();
   });
 
-  it('Works with TypeScript', async () => {
-    const html = await fixture.readFile('/typescript/index.html');
-    const $ = cheerio.load(html);
+  describe('build', () => {
+    before(async () => {
+      await fixture.build();
+    });
+
+    it('Works with TypeScript', async () => {
+      const html = await fixture.readFile('/typescript/index.html');
+      const $ = cheerio.load(html);
+
+      expect($('#svelte-ts').text()).to.equal('Hello, TypeScript');
+    });
+  });
+
+  describe('dev', () => {
+    let devServer;
 
-    expect($('#svelte-ts').text()).to.equal('Hello, TypeScript');
+    before(async () => {
+      devServer = await fixture.startDevServer();
+    });
+
+    after(async () => {
+      devServer && (await devServer.stop());
+    });
+
+    it('scripts proxy correctly', async () => {
+      const html = await fixture.fetch('/').then((res) => res.text());
+      const $ = cheerio.load(html);
+
+      for (const script of $('script').toArray()) {
+        const { src } = script.attribs;
+        if (!src) continue;
+        console.log({ src });
+        expect((await fixture.fetch(src)).status, `404: ${src}`).to.equal(200);
+      }
+    });
   });
 });