chore: add edge functions file watcher tests (#4581)

* chore: add edge functions watcher tests

Author: jackiewmacharia

tests/integration/100.command.dev.test.js

@@ -11,6 +11,7 @@ const { Response } = require('node-fetch')
 
 const { withDevServer } = require('./utils/dev-server')
 const got = require('./utils/got')
+const { pause } = require('./utils/pause')
 const { withSiteBuilder } = require('./utils/site-builder')
 
 const test = isCI ? avaTest.serial.bind(avaTest) : avaTest
@@ -377,4 +378,98 @@ test(`catches invalid function names`, async (t) => {
     })
   })
 })
+
+test('should detect content changes in edge functions', async (t) => {
+  await withSiteBuilder('site-with-edge-functions', async (builder) => {
+    const publicDir = 'public'
+    await builder
+      .withNetlifyToml({
+        config: {
+          build: {
+            publish: publicDir,
+            edge_functions: 'netlify/edge-functions',
+          },
+          edge_functions: [
+            {
+              function: 'hello',
+              path: '/hello',
+            },
+          ],
+        },
+      })
+      .withEdgeFunction({
+        handler: () => new Response('Hello world'),
+        name: 'hello',
+      })
+
+    await builder.buildAsync()
+
+    await withDevServer({ cwd: builder.directory }, async ({ port }) => {
+      const helloWorldMessage = await got(`http://localhost:${port}/hello`).then((response) => response.body)
+
+      await builder
+        .withEdgeFunction({
+          handler: () => new Response('Hello builder'),
+          name: 'hello',
+        })
+        .buildAsync()
+
+      const DETECT_FILE_CHANGE_DELAY = 500
+      await pause(DETECT_FILE_CHANGE_DELAY)
+
+      const helloBuilderMessage = await got(`http://localhost:${port}/hello`).then((response) => response.body)
+
+      t.is(helloWorldMessage, 'Hello world')
+      t.is(helloBuilderMessage, 'Hello builder')
+    })
+  })
+})
+
+test('should detect deleted edge functions', async (t) => {
+  await withSiteBuilder('site-with-edge-functions', async (builder) => {
+    const publicDir = 'public'
+    builder
+      .withNetlifyToml({
+        config: {
+          build: {
+            publish: publicDir,
+            edge_functions: 'netlify/edge-functions',
+          },
+          edge_functions: [
+            {
+              function: 'auth',
+              path: '/auth',
+            },
+          ],
+        },
+      })
+      .withEdgeFunction({
+        handler: () => new Response('Auth response'),
+        name: 'auth',
+      })
+
+    await builder.buildAsync()
+
+    await withDevServer({ cwd: builder.directory }, async ({ port }) => {
+      const authResponseMessage = await got(`http://localhost:${port}/auth`).then((response) => response.body)
+
+      await builder
+        .withoutFile({
+          path: 'netlify/edge-functions/auth.js',
+        })
+        .buildAsync()
+
+      const DETECT_FILE_CHANGE_DELAY = 500
+      await pause(DETECT_FILE_CHANGE_DELAY)
+
+      const authNotFoundMessage = await got(`http://localhost:${port}/auth`, { throwHttpErrors: false }).then(
+        (response) => response.body,
+      )
+
+      t.is(authResponseMessage, 'Auth response')
+      t.is(authNotFoundMessage, 'Not Found')
+    })
+  })
+})
+
 /* eslint-enable require-await */