import * as assert from 'node:assert/strict'; import { after, before, describe, it } from 'node:test'; import * as cheerio from 'cheerio'; import { loadFixture } from '../../../astro/test/test-utils.js'; const FIXTURE_ROOT = new URL('./fixtures/image-remark-imgattr/', import.meta.url); describe('Testing remark plugins for image processing', () => { /** @type {import('./test-utils').Fixture} */ let fixture; describe('start dev server', () => { /** @type {import('./test-utils').DevServer} */ let devServer; before(async () => { fixture = await loadFixture({ root: FIXTURE_ROOT, }); devServer = await fixture.startDevServer(); }); after(async () => { await devServer.stop(); }); describe('Test image attributes can be added by remark plugins', () => { let $; before(async () => { let res = await fixture.fetch('/'); let html = await res.text(); $ = cheerio.load(html); }); it(' has correct attributes', async () => { let $img = $('img'); assert.equal($img.attr('id'), 'test'); assert.equal($img.attr('sizes'), '(min-width: 600px) 600w, 300w'); assert.ok($img.attr('srcset')); }); it(' was processed properly', async () => { let $img = $('img'); assert.equal(new URL($img.attr('src'), 'http://example.com').searchParams.get('w'), '300'); }); }); }); });