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

Source Code

import assert from 'node:assert/strict';
import { Writable } from 'node:stream';
import { after, before, describe, it } from 'node:test';
import * as cheerio from 'cheerio';
import parseSrcset from 'parse-srcset';
import { Logger } from '../dist/core/logger/core.js';
import { testImageService } from './test-image-service.js';
import { testRemoteImageService } from './test-remote-image-service.js';
import { loadFixture } from './test-utils.js';

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

	describe('local image service', () => {
		/** @type {import('./test-utils').DevServer} */
		let devServer;
		const walrusImagePath =
			'https://images.unsplash.com/photo-1690941380217-24dfa9a1d21f?q=80&w=1476&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D';
		const imageScale = 2;

		before(async () => {
			fixture = await loadFixture({
				root: './fixtures/core-image-layout/',
				image: {
					service: testImageService({
						foo: 'bar',
						transform: { path: walrusImagePath, scale: imageScale },
					}),
					domains: ['avatars.githubusercontent.com'],
				},
			});

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

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

		describe('basics', () => {
			let $;
			before(async () => {
				let res = await fixture.fetch('/');
				let html = await res.text();
				$ = cheerio.load(html);
			});

			it('Adds the <img> tag', () => {
				let $img = $('#local img');
				assert.equal($img.length, 1);
				assert.equal($img.attr('src').startsWith('/_image'), true);
			});

			it('includes lazy loading attributes', () => {
				let $img = $('#local img');
				assert.equal($img.attr('loading'), 'lazy');
				assert.equal($img.attr('decoding'), 'async');
				assert.equal($img.attr('fetchpriority'), 'auto');
			});
// ... (666 more lines)