From 999a050098b0415ef955a3d85628f9148f900735 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nils=20Scho=CC=88nwald?= Date: Fri, 25 Jun 2021 07:16:38 +0200 Subject: [PATCH 1/7] use objectFit and objectPositoin on blurred image --- packages/next/client/image.tsx | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/next/client/image.tsx b/packages/next/client/image.tsx index e657417377e1a..c1beb13fb3562 100644 --- a/packages/next/client/image.tsx +++ b/packages/next/client/image.tsx @@ -445,8 +445,9 @@ export default function Image({ ...(placeholder === 'blur' ? { filter: 'blur(20px)', - backgroundSize: 'cover', + backgroundSize: objectFit || 'cover', backgroundImage: `url("${blurDataURL}")`, + backgroundPosition: objectPosition || '0% 0%', } : undefined), } From 06d2621eeb7f41984edb160bd15b68143da876a7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nils=20Scho=CC=88nwald?= Date: Sun, 27 Jun 2021 21:03:35 +0200 Subject: [PATCH 2/7] fix static image test --- test/integration/image-component/default/test/static.test.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/test/integration/image-component/default/test/static.test.js b/test/integration/image-component/default/test/static.test.js index 0e431822186a2..666d80d31a703 100644 --- a/test/integration/image-component/default/test/static.test.js +++ b/test/integration/image-component/default/test/static.test.js @@ -38,12 +38,12 @@ const runTests = () => { }) it('Should add a blurry placeholder to statically imported jpg', async () => { expect(html).toContain( - `style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;filter:blur(20px);background-size:cover;background-image:url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIAAgACAMBIgACEQEDEQH/xAAUAAEAAAAAAAAAAAAAAAAAAAAH/9oACAEBAAAAADX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oACAECEAAAAH//xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDEAAAAH//xAAdEAABAgcAAAAAAAAAAAAAAAATEhUAAwUUIzLS/9oACAEBAAE/AB0ZlUac43GqMYuo/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwB//9k=")"` + `style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;filter:blur(20px);background-size:cover;background-image:url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIAAgACAMBIgACEQEDEQH/xAAUAAEAAAAAAAAAAAAAAAAAAAAH/9oACAEBAAAAADX/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oACAECEAAAAH//xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oACAEDEAAAAH//xAAdEAABAgcAAAAAAAAAAAAAAAATEhUAAwUUIzLS/9oACAEBAAE/AB0ZlUac43GqMYuo/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwB//9k=");background-position:0% 0%"` ) }) it('Should add a blurry placeholder to statically imported png', async () => { expect(html).toContain( - `style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;filter:blur(20px);background-size:cover;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAATklEQVR42i2I0QmAMBQD869Q9K+IsxU6RkfoiA6T55VXDpJLJC9uUJIzcx+XFd2dXMbx8n+QpoeYDpgY66RaDA83jCUfVpK2pER1dcEUP+KfSBtXK+BpAAAAAElFTkSuQmCC")"` + `style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%;filter:blur(20px);background-size:cover;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAQAAABuBnYAAAAATklEQVR42i2I0QmAMBQD869Q9K+IsxU6RkfoiA6T55VXDpJLJC9uUJIzcx+XFd2dXMbx8n+QpoeYDpgY66RaDA83jCUfVpK2pER1dcEUP+KfSBtXK+BpAAAAAElFTkSuQmCC");background-position:0% 0%"` ) }) } From bbd134c3634434f391a6c7233ac22b56625cee8f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nils=20Scho=CC=88nwald?= Date: Sun, 27 Jun 2021 21:27:40 +0200 Subject: [PATCH 3/7] add test for positioned blurry image --- .../default/pages/blurry-placeholder.js | 11 +++++++++++ .../image-component/default/test/index.test.js | 8 ++++++++ 2 files changed, 19 insertions(+) diff --git a/test/integration/image-component/default/pages/blurry-placeholder.js b/test/integration/image-component/default/pages/blurry-placeholder.js index 4ebc925cbe94c..58751c0b9afb3 100644 --- a/test/integration/image-component/default/pages/blurry-placeholder.js +++ b/test/integration/image-component/default/pages/blurry-placeholder.js @@ -15,6 +15,17 @@ export default function Page() { blurDataURL="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cfilter id='blur' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20' edgeMode='duplicate' /%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1' /%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cimage filter='url(%23blur)' href='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMDAwMDAwQEBAQFBQUFBQcHBgYHBwsICQgJCAsRCwwLCwwLEQ8SDw4PEg8bFRMTFRsfGhkaHyYiIiYwLTA+PlT/wAALCAAKAAoBAREA/8QAMwABAQEAAAAAAAAAAAAAAAAAAAcJEAABAwUAAwAAAAAAAAAAAAAFAAYRAQMEEyEVMlH/2gAIAQEAAD8Az1bLPaxhiuk0QdeCOLDtHixN2dmd2bsc5FPX7VTREX//2Q==' x='0' y='0' height='100%25' width='100%25'/%3E%3C/svg%3E" /> + +
{ `background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cfilter id='blur' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20' edgeMode='duplicate' /%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1' /%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cimage filter='url(%23blur)' href='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMDAwMDAwQEBAQFBQUFBQcHBgYHBwsICQgJCAsRCwwLCwwLEQ8SDw4PEg8bFRMTFRsfGhkaHyYiIiYwLTA+PlT/wAALCAAKAAoBAREA/8QAMwABAQEAAAAAAAAAAAAAAAAAAAcJEAABAwUAAwAAAAAAAAAAAAAFAAYRAQMEEyEVMlH/2gAIAQEAAD8Az1bLPaxhiuk0QdeCOLDtHixN2dmd2bsc5FPX7VTREX//2Q==' x='0' y='0' height='100%25' width='100%25'/%3E%3C/svg%3E")` ) + expect($html('#blurry-placeholder')[0].attribs.style).toContain( + `background-position: 0% 0%` + ) + + expect( + $html('#blurry-placeholder-tall-centered')[0].attribs.style + ).toContain(`background-position: center`) + expect($html('#blurry-placeholder-with-lazy')[0].attribs.style).toContain( `background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cfilter id='blur' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20' edgeMode='duplicate' /%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1' /%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cimage filter='url(%23blur)' href='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMDAwMDAwQEBAQFBQUFBQcHBgYHBwsICQgJCAsRCwwLCwwLEQ8SDw4PEg8bFRMTFRsfGhkaHyYiIiYwLTA+PlT/wAALCAAKAAoBAREA/8QAMwABAQEAAAAAAAAAAAAAAAAAAAcJEAABAwUAAwAAAAAAAAAAAAAFAAYRAQMEEyEVMlH/2gAIAQEAAD8Az1bLPaxhiuk0QdeCOLDtHixN2dmd2bsc5FPX7VTREX//2Q==' x='0' y='0' height='100%25' width='100%25'/%3E%3C/svg%3E")` ) From 83e998585cd2a67d1200956d28f02b0bf513eb77 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nils=20Scho=CC=88nwald?= Date: Sun, 27 Jun 2021 21:28:20 +0200 Subject: [PATCH 4/7] move tall test to fit to other test --- .../default/components/TallImage.js | 20 ------------------ .../default/components/tall.png | Bin 6391 -> 0 bytes .../image-component/default/pages/static.js | 9 ++++++-- .../default/public/small-tall.jpg | Bin 0 -> 937 bytes .../image-component/default/public/tall.png | Bin 0 -> 13757 bytes 5 files changed, 7 insertions(+), 22 deletions(-) delete mode 100644 test/integration/image-component/default/components/TallImage.js delete mode 100644 test/integration/image-component/default/components/tall.png create mode 100644 test/integration/image-component/default/public/small-tall.jpg create mode 100644 test/integration/image-component/default/public/tall.png diff --git a/test/integration/image-component/default/components/TallImage.js b/test/integration/image-component/default/components/TallImage.js deleted file mode 100644 index c0fbbcfe6d63c..0000000000000 --- a/test/integration/image-component/default/components/TallImage.js +++ /dev/null @@ -1,20 +0,0 @@ -import React from 'react' -import Image from 'next/image' - -import testTall from './tall.png' - -const Page = () => { - return ( -
-

Static Image

- -
- ) -} - -export default Page diff --git a/test/integration/image-component/default/components/tall.png b/test/integration/image-component/default/components/tall.png deleted file mode 100644 index a792dda6c172ffb6254d0d82e3a9a8a7cfe4d3e3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 6391 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 { return (
@@ -21,7 +21,12 @@ const Page = () => { layout="fixed" placeholder="blur" /> - + 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 kVxzwp@&6|(o@B6+5h@~ literal 0 HcmV?d00001 From 1cf9d52265819f71b39f4ed0d4072b6e38b6675b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nils=20Scho=CC=88nwald?= Date: Mon, 28 Jun 2021 13:57:24 +0200 Subject: [PATCH 5/7] remove whitespace from expected string --- test/integration/image-component/default/test/index.test.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/test/integration/image-component/default/test/index.test.js b/test/integration/image-component/default/test/index.test.js index 7002fb1cec5ee..b10ba3a0a7102 100644 --- a/test/integration/image-component/default/test/index.test.js +++ b/test/integration/image-component/default/test/index.test.js @@ -641,12 +641,12 @@ describe('Image Component Tests', () => { ) expect($html('#blurry-placeholder')[0].attribs.style).toContain( - `background-position: 0% 0%` + `background-position:0% 0%` ) expect( $html('#blurry-placeholder-tall-centered')[0].attribs.style - ).toContain(`background-position: center`) + ).toContain(`background-position:center`) expect($html('#blurry-placeholder-with-lazy')[0].attribs.style).toContain( `background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400' viewBox='0 0 400 400'%3E%3Cfilter id='blur' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20' edgeMode='duplicate' /%3E%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1' /%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Cimage filter='url(%23blur)' href='data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMDAwMDAwQEBAQFBQUFBQcHBgYHBwsICQgJCAsRCwwLCwwLEQ8SDw4PEg8bFRMTFRsfGhkaHyYiIiYwLTA+PlT/wAALCAAKAAoBAREA/8QAMwABAQEAAAAAAAAAAAAAAAAAAAcJEAABAwUAAwAAAAAAAAAAAAAFAAYRAQMEEyEVMlH/2gAIAQEAAD8Az1bLPaxhiuk0QdeCOLDtHixN2dmd2bsc5FPX7VTREX//2Q==' x='0' y='0' height='100%25' width='100%25'/%3E%3C/svg%3E")` From e82efbf1a65d643d1f1017e1bb0aa5dc05ce90e8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Nils=20Scho=CC=88nwald?= Date: Tue, 29 Jun 2021 03:33:25 +0200 Subject: [PATCH 6/7] revert removing component --- .../default/components/TallImage.js | 20 ++++++++++++++++++ .../default/components/tall.png | Bin 0 -> 6391 bytes .../image-component/default/pages/static.js | 10 +++------ 3 files changed, 23 insertions(+), 7 deletions(-) create mode 100644 test/integration/image-component/default/components/TallImage.js create mode 100644 test/integration/image-component/default/components/tall.png diff --git a/test/integration/image-component/default/components/TallImage.js b/test/integration/image-component/default/components/TallImage.js new file mode 100644 index 0000000000000..c0fbbcfe6d63c --- /dev/null +++ b/test/integration/image-component/default/components/TallImage.js @@ -0,0 +1,20 @@ +import React from 'react' +import Image from 'next/image' + +import testTall from './tall.png' + +const Page = () => { + return ( +
+

Static Image

+ +
+ ) +} + +export default Page diff --git a/test/integration/image-component/default/components/tall.png b/test/integration/image-component/default/components/tall.png new file mode 100644 index 0000000000000000000000000000000000000000..a792dda6c172ffb6254d0d82e3a9a8a7cfe4d3e3 GIT binary patch literal 6391 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 { return ( @@ -21,12 +22,7 @@ const Page = () => { layout="fixed" placeholder="blur" /> - + Date: Wed, 30 Jun 2021 15:26:20 -0400 Subject: [PATCH 7/7] Remove unused files --- .../default/public/small-tall.jpg | Bin 937 -> 0 bytes .../image-component/default/public/tall.png | Bin 13757 -> 0 bytes 2 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 test/integration/image-component/default/public/small-tall.jpg delete mode 100644 test/integration/image-component/default/public/tall.png diff --git a/test/integration/image-component/default/public/small-tall.jpg b/test/integration/image-component/default/public/small-tall.jpg deleted file mode 100644 index 3ea148eb90d1034019b25961e6c7bf85ce499e66..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 937 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 kVxzwp@&6|(o@B6+5h@~