test: add setup for Vercel / Netlify tests (#7716)

Co-authored-by: Yan Thomas <61414485+Yan-Thomas@users.noreply.github.com>

7 files changed, 46 insertions, 0 deletions

diff --git a/packages/integrations/netlify/test/hosted/README.md b/packages/integrations/netlify/test/hosted/README.md
new file mode 100644
index 000000000..8c1814844
--- /dev/null
+++ b/packages/integrations/netlify/test/hosted/README.md
@@ -0,0 +1,3 @@
+The tests in this folder are done directly on a deployed Netlify website (hosted at https://curious-boba-495d6d.netlify.app) and are not run by the test suite. They instead run every week through a GitHub action.
+
+The purpose of those tests is to make sure that everything works as expected while deployed. In a way, they're as E2E as it gets.
diff --git a/packages/integrations/netlify/test/hosted/hosted-astro-project/astro.config.mjs b/packages/integrations/netlify/test/hosted/hosted-astro-project/astro.config.mjs
new file mode 100644
index 000000000..48b1d4db1
--- /dev/null
+++ b/packages/integrations/netlify/test/hosted/hosted-astro-project/astro.config.mjs
@@ -0,0 +1,11 @@
+import netlify from '@astrojs/netlify';
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({
+	output: 'server',
+	adapter: netlify(),
+	experimental: {
+		assets: true,
+	},
+});
diff --git a/packages/integrations/netlify/test/hosted/hosted-astro-project/package.json b/packages/integrations/netlify/test/hosted/hosted-astro-project/package.json
new file mode 100644
index 000000000..fa6f87aea
--- /dev/null
+++ b/packages/integrations/netlify/test/hosted/hosted-astro-project/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "netlify-hosted-astro-project",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "build": "astro build"
+  },
+  "dependencies": {
+    "@astrojs/netlify": "file:../../..",
+    "astro": "file:../../../../../astro"
+  }
+}
diff --git a/packages/integrations/netlify/test/hosted/hosted-astro-project/src/assets/penguin.png b/packages/integrations/netlify/test/hosted/hosted-astro-project/src/assets/penguin.png
new file mode 100644
index 000000000..74cb5e8f3
--- /dev/null
+++ b/packages/integrations/netlify/test/hosted/hosted-astro-project/src/assets/penguin.png
diff --git a/packages/integrations/netlify/test/hosted/hosted-astro-project/src/env.d.ts b/packages/integrations/netlify/test/hosted/hosted-astro-project/src/env.d.ts
new file mode 100644
index 000000000..f7cbe9c1d
--- /dev/null
+++ b/packages/integrations/netlify/test/hosted/hosted-astro-project/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client-image" />
diff --git a/packages/integrations/netlify/test/hosted/hosted-astro-project/src/pages/index.astro b/packages/integrations/netlify/test/hosted/hosted-astro-project/src/pages/index.astro
new file mode 100644
index 000000000..256bfb407
--- /dev/null
+++ b/packages/integrations/netlify/test/hosted/hosted-astro-project/src/pages/index.astro
@@ -0,0 +1,6 @@
+---
+import { Image } from 'astro:assets';
+import penguin from '../assets/penguin.png';
+---
+
+<Image src={penguin} width={300} alt="" />
diff --git a/packages/integrations/netlify/test/hosted/hosted.test.js b/packages/integrations/netlify/test/hosted/hosted.test.js
new file mode 100644
index 000000000..0ce531e4d
--- /dev/null
+++ b/packages/integrations/netlify/test/hosted/hosted.test.js
@@ -0,0 +1,13 @@
+import { expect } from 'chai';
+
+const NETLIFY_TEST_URL = 'https://curious-boba-495d6d.netlify.app';
+
+describe('Hosted Netlify Tests', () => {
+	it('Image endpoint works', async () => {
+		const image = await fetch(
+			NETLIFY_TEST_URL + '/_image?href=%2F_astro%2Fpenguin.e9c64733.png&w=300&f=webp'
+		);
+
+		expect(image.status).to.equal(200);
+	});
+});