diff options
| author |  Tony Sullivan <tony.f.sullivan@outlook.com>
| 2022-07-19 04:48:22 +0000 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-07-18 21:48:22 -0700 |
| commit | 299b4afcab090bbe014d4eaf2a5ea439e8436bcc (patch) | |
| tree | b9091512848a664f1f7862bc14f0dc99145981dd /packages/integrations/image/test | |
| parent | 60e38f6eb4273e29995b3aa83a37ab2433b66418 (diff) | |
| download | astro-299b4afcab090bbe014d4eaf2a5ea439e8436bcc.tar.gz astro-299b4afcab090bbe014d4eaf2a5ea439e8436bcc.tar.zst astro-299b4afcab090bbe014d4eaf2a5ea439e8436bcc.zip | |
Feat/image url hash (#3965)
* Including a hash of the full remote URL when building for SSG
* chore: add changeset
Diffstat (limited to 'packages/integrations/image/test')
| -rw-r--r-- | packages/integrations/image/test/image-ssg.test.js | 8 | ||||
| -rw-r--r-- | packages/integrations/image/test/picture-ssg.test.js | 18 |
2 files changed, 17 insertions, 9 deletions
diff --git a/packages/integrations/image/test/image-ssg.test.js b/packages/integrations/image/test/image-ssg.test.js index b0d12908c..3c5d4802e 100644 --- a/packages/integrations/image/test/image-ssg.test.js +++ b/packages/integrations/image/test/image-ssg.test.js @@ -58,16 +58,20 @@ describe('SSG images', function () { }); describe('Remote images', () => { + // Hard-coding in the test! This should never change since the hash is based + // on the static `src` string + const HASH = 'Z1iI4xW'; + it('includes src, width, and height attributes', () => { const image = $('#google'); - expect(image.attr('src')).to.equal('/_image/googlelogo_color_272x92dp_544x184.webp'); + expect(image.attr('src')).to.equal(`/_image/googlelogo_color_272x92dp-${HASH}_544x184.webp`); expect(image.attr('width')).to.equal('544'); expect(image.attr('height')).to.equal('184'); }); it('built the optimized image', () => { - verifyImage('_image/googlelogo_color_272x92dp_544x184.webp', { + verifyImage(`_image/googlelogo_color_272x92dp-${HASH}_544x184.webp`, { width: 544, height: 184, type: 'webp', diff --git a/packages/integrations/image/test/picture-ssg.test.js b/packages/integrations/image/test/picture-ssg.test.js index 7740ad055..0da1daa1c 100644 --- a/packages/integrations/image/test/picture-ssg.test.js +++ b/packages/integrations/image/test/picture-ssg.test.js @@ -91,6 +91,10 @@ describe('SSG pictures', function () { }); describe('Remote images', () => { + // Hard-coding in the test! This should never change since the hash is based + // on the static `src` string + const HASH = 'Z1iI4xW'; + it('includes sources', () => { const sources = $('#google source'); @@ -102,38 +106,38 @@ describe('SSG pictures', function () { it('includes src, width, and height attributes', () => { const image = $('#google img'); - expect(image.attr('src')).to.equal('/_image/googlelogo_color_272x92dp_544x184.png'); + expect(image.attr('src')).to.equal(`/_image/googlelogo_color_272x92dp-${HASH}_544x184.png`); expect(image.attr('width')).to.equal('544'); expect(image.attr('height')).to.equal('184'); }); it('built the optimized image', () => { - verifyImage('_image/googlelogo_color_272x92dp_272x92.avif', { + verifyImage(`_image/googlelogo_color_272x92dp-${HASH}_272x92.avif`, { width: 272, height: 92, type: 'avif', }); - verifyImage('_image/googlelogo_color_272x92dp_272x92.webp', { + verifyImage(`_image/googlelogo_color_272x92dp-${HASH}_272x92.webp`, { width: 272, height: 92, type: 'webp', }); - verifyImage('_image/googlelogo_color_272x92dp_272x92.png', { + verifyImage(`_image/googlelogo_color_272x92dp-${HASH}_272x92.png`, { width: 272, height: 92, type: 'png', }); - verifyImage('_image/googlelogo_color_272x92dp_544x184.avif', { + verifyImage(`_image/googlelogo_color_272x92dp-${HASH}_544x184.avif`, { width: 544, height: 184, type: 'avif', }); - verifyImage('_image/googlelogo_color_272x92dp_544x184.webp', { + verifyImage(`_image/googlelogo_color_272x92dp-${HASH}_544x184.webp`, { width: 544, height: 184, type: 'webp', }); - verifyImage('_image/googlelogo_color_272x92dp_544x184.png', { + verifyImage(`_image/googlelogo_color_272x92dp-${HASH}_544x184.png`, { width: 544, height: 184, type: 'png', |