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

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

.github/workflows/test-hosts.yml

@@ -0,0 +1,55 @@
+name: Hosted tests
+
+on:
+  schedule:
+    - cron:  '0 0 * * 0'
+
+env:
+  ASTRO_TELEMETRY_DISABLED: true
+  TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
+  TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_TEST_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_TEST_PROJECT_ID }}
+  VERCEL_TOKEN: ${{ secrets.VERCEL_TEST_TOKEN }}
+  NETLIFY_SITE_ID: ${{ secrets.NETLIFY_TEST_SITE_ID }}
+  NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_TEST_AUTH_TOKEN }}
+  FORCE_COLOR: true
+
+jobs:
+  test:
+    name: Run tests
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out repository
+        uses: actions/checkout@v3
+
+      - name: Setup PNPM
+        uses: pnpm/action-setup@v2
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: "pnpm"
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Install Hosts CLIs
+        run: pnpm install --global netlify-cli vercel
+
+      - name: Deploy Vercel
+        working-directory: ./packages/integrations/vercel/test/hosted/hosted-astro-project
+        run:
+          pnpm run build
+          vercel --prod --prebuilt
+
+      - name: Deploy Netlify
+        working-directory: ./packages/integrations/netlify/test/hosted/hosted-astro-project
+        run:
+          pnpm run build
+          netlify deploy --prod
+
+      - name: Test both hosts
+        run:
+          pnpm run test:e2e:hosts

.gitignore

@@ -3,6 +3,7 @@ dist/
 *.tsbuildinfo
 .DS_Store
 .vercel
+.netlify
 _site/
 scripts/smoke/*-main/
 scripts/memory/project/src/pages/

package.json

@@ -27,6 +27,7 @@
     "test:vite-ci": "turbo run test --filter=astro",
     "test:e2e": "cd packages/astro && pnpm playwright install && pnpm run test:e2e",
     "test:e2e:match": "cd packages/astro && pnpm playwright install && pnpm run test:e2e:match",
+    "test:e2e:hosts": "turbo run test:hosted",
     "benchmark": "astro-benchmark",
     "lint": "eslint . --report-unused-disable-directives",
     "version": "changeset version && node ./scripts/deps/update-example-versions.js && pnpm install --no-frozen-lockfile && pnpm run format",

packages/integrations/netlify/package.json

@@ -34,7 +34,8 @@
     "dev": "astro-scripts dev \"src/**/*.ts\"",
     "test-fn": "mocha --exit --timeout 20000 --file \"./test/setup.js\" test/functions/",
     "test-edge": "deno test --allow-run --allow-read --allow-net --allow-env --allow-write ./test/edge-functions/",
-    "test": "pnpm test-fn"
+    "test": "pnpm test-fn",
+    "test:hosted": "mocha --exit --timeout 30000 test/hosted"
   },
   "dependencies": {
     "@astrojs/underscore-redirects": "^0.2.0",

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.

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,
+	},
+});

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"
+  }
+}

packages/integrations/netlify/test/hosted/hosted-astro-project/src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client-image" />

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="" />

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);
+	});
+});

packages/integrations/vercel/package.json

@@ -47,7 +47,8 @@
     "build": "astro-scripts build \"src/**/*.ts\" && tsc",
     "build:ci": "astro-scripts build \"src/**/*.ts\"",
     "dev": "astro-scripts dev \"src/**/*.ts\"",
-    "test": "mocha --exit --timeout 20000 --file \"./test/setup.js\" test/"
+    "test": "mocha --exit --timeout 20000 --file \"./test/setup.js\" test/ --ignore test/hosted",
+    "test:hosted": "mocha --exit --timeout 30000 test/hosted"
   },
   "dependencies": {
     "@astrojs/internal-helpers": "^0.1.1",

packages/integrations/vercel/test/hosted/README.md

@@ -0,0 +1,3 @@
+The tests in this folder are done directly on a deployed Vercel website (hosted at https://astro-vercel-image-test.vercel.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.

packages/integrations/vercel/test/hosted/hosted-astro-project/astro.config.mjs

@@ -0,0 +1,11 @@
+import vercel from '@astrojs/vercel/serverless';
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({
+	output: 'server',
+	adapter: vercel(),
+	experimental: {
+		assets: true,
+	},
+});

packages/integrations/vercel/test/hosted/hosted-astro-project/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "vercel-hosted-astro-project",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "build": "astro build"
+  },
+  "dependencies": {
+    "@astrojs/vercel": "file:../../..",
+    "astro": "file:../../../../../astro"
+  }
+}

packages/integrations/vercel/test/hosted/hosted-astro-project/src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client-image" />

packages/integrations/vercel/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="" />

packages/integrations/vercel/test/hosted/hosted.test.js

@@ -0,0 +1,13 @@
+import { expect } from 'chai';
+
+const VERCEL_TEST_URL = 'https://astro-vercel-image-test.vercel.app';
+
+describe('Hosted Vercel Tests', () => {
+	it('Image endpoint works', async () => {
+		const image = await fetch(
+			VERCEL_TEST_URL + '/_image?href=%2F_astro%2Fpenguin.e9c64733.png&w=300&f=webp'
+		);
+
+		expect(image.status).to.equal(200);
+	});
+});