using local images for test instead of urls and fetch

Author: gbkwiatt

packages/kit/test/prerendering/basics/src/routes/fetch-image/[...slug]/index.js

@@ -1,18 +1,16 @@
+import * as fs from 'fs';
+
 export async function GET({ params }) {
 	const slug = params.slug.split('/');
 	const extension = slug[0].split('.').pop();
-	const examples = {
-		png: 'https://repository-images.githubusercontent.com/354583933/72c58c80-9727-11eb-98b2-f352fded32b9',
-		jpg: 'https://upload.wikimedia.org/wikipedia/commons/b/b2/JPEG_compression_Example.jpg'
-	};
-	const response = await fetch(examples[extension] || examples.png);
-	const blob = await response.blob();
-	const buffer = Buffer.from(await blob.arrayBuffer());
+
+	const file = fs.readFileSync(`./static/image.${extension}`);
+
 	return {
 		status: 200,
 		headers: {
-			'Content-Type': response.headers.get('content-type')
+			'Content-Type': 'image/' + extension
 		},
-		body: buffer
+		body: file
 	};
 }

packages/kit/test/prerendering/basics/static/image.jpg

@@ -2,7 +2,6 @@ import * as fs from 'fs';
 import { fileURLToPath } from 'url';
 import { test } from 'uvu';
 import * as assert from 'uvu/assert';
-import fetch from 'node-fetch';
 
 const build = fileURLToPath(new URL('../build', import.meta.url));
 
@@ -12,12 +11,6 @@ const read = (file) => fs.readFileSync(`${build}/${file}`, 'utf-8');
 /** @param {string} file */
 const readNoUtf = (file) => fs.readFileSync(`${build}/${file}`);
 
-async function bufferFromUrl(url) {
-	const response = await fetch(url);
-	const blob = await response.blob();
-	return Buffer.from(await blob.arrayBuffer());
-}
-
 test('prerenders /', () => {
 	const content = read('index.html');
 	assert.ok(content.includes('<h1>hello</h1>'));
@@ -152,28 +145,17 @@ test('targets the data-sveltekit-hydrate parent node', () => {
 });
 
 test('check binary data not corrupted - jpg', async () => {
-	const url = 'https://upload.wikimedia.org/wikipedia/commons/b/b2/JPEG_compression_Example.jpg';
-
-	const originalBuffer = await bufferFromUrl(url);
-
-	const content = readNoUtf('fetch-image/image.jpg');
-	const newBuffer = Buffer.from(content, 'binary');
-
-	const compare = Buffer.compare(originalBuffer, newBuffer);
+	const newFile = readNoUtf('fetch-image/image.jpg');
+	const orgFile = readNoUtf('image.jpg');
+	const compare = Buffer.compare(newFile, orgFile);
 
 	assert.ok(compare === 0);
 });
 
 test('check binary files not corrupted - png', async () => {
-	const url =
-		'https://repository-images.githubusercontent.com/354583933/72c58c80-9727-11eb-98b2-f352fded32b9';
-
-	const originalBuffer = await bufferFromUrl(url);
-
-	const content = readNoUtf('fetch-image/image.png');
-	const newBuffer = Buffer.from(content, 'binary');
-
-	const compare = Buffer.compare(originalBuffer, newBuffer);
+	const newFile = readNoUtf('fetch-image/image.png');
+	const orgFile = readNoUtf('image.png');
+	const compare = Buffer.compare(newFile, orgFile);
 
 	assert.ok(compare === 0);
 });