core-image-service.test.js — astro Source File

Source Code

import assert from 'node:assert/strict';
import { after, before, describe, it } from 'node:test';
import { removeDir } from '@astrojs/internal-helpers/fs';
import * as cheerio from 'cheerio';
import { lookup as probe } from '../dist/assets/utils/vendor/image-size/lookup.js';
import { loadFixture } from './test-utils.js';

async function getImageDimensionsFromFixture(fixture, path) {
	/** @type { Response } */
	const res = await fixture.fetch(path instanceof URL ? path.pathname + path.search : path);
	const buffer = await res.arrayBuffer();
	const { width, height } = await probe(new Uint8Array(buffer));
	return { width, height };
}

async function getImageDimensionsFromLocalFile(fixture, path) {
	const buffer = await fixture.readFile(path, null);
	const { width, height } = await probe(new Uint8Array(buffer));
	return { width, height };
}

describe('astro image service', () => {
	/** @type {import('./test-utils').Fixture} */
	let fixture;

	describe('dev image service', () => {
		/** @type {import('./test-utils').DevServer} */
		let devServer;

		before(async () => {
			fixture = await loadFixture({
				root: './fixtures/core-image-layout/',
				image: {
					domains: ['unsplash.com'],
				},
			});

			devServer = await fixture.startDevServer({});
		});

		after(async () => {
			await devServer.stop();
		});

		describe('generated images', () => {
			let $;
			let src;
			before(async () => {
				const res = await fixture.fetch('/fit');
				const html = await res.text();
				$ = cheerio.load(html);
				let $img = $('#local-both img');
				src = new URL($img.attr('src'), 'http://localhost').href;
			});

			it('generates correct width and height when both are provided', async () => {
				const url = new URL(src);
				const { width, height } = await getImageDimensionsFromFixture(fixture, url);
				assert.equal(width, 300);
				assert.equal(height, 400);
// ... (145 more lines)