diff --git a/test/integration/image-component/default/test/index.test.js b/test/integration/image-component/default/test/index.test.js index be614ed3f5d7c..5b76208df9905 100644 --- a/test/integration/image-component/default/test/index.test.js +++ b/test/integration/image-component/default/test/index.test.js @@ -771,7 +771,13 @@ function runTests(mode) { ) expect(await browser.elementById('raw1').getAttribute('height')).toBe('400') expect(await browser.elementById('raw1').getAttribute('width')).toBe('400') - await browser.eval(`document.getElementById("raw1").scrollIntoView()`) + await browser.eval( + `document.getElementById("raw1").scrollIntoView({behavior: "smooth"})` + ) + await check( + () => browser.eval(`document.getElementById("raw1").currentSrc`), + /test(.*)jpg/ + ) expect(await browser.elementById('raw1').getAttribute('src')).toBe( '/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.fab2915d.jpg&w=828&q=75' ) @@ -780,7 +786,7 @@ function runTests(mode) { ) expect(await browser.elementById('raw1').getAttribute('loading')).toBeNull() expect(await browser.elementById('raw1').getAttribute('sizes')).toBeNull() - expect(await browser.elementById('raw1').getAttribute('style')).toBeNull() + expect(await browser.elementById('raw1').getAttribute('style')).toBe('') expect(await browser.elementById('raw1').getAttribute('height')).toBe('400') expect(await browser.elementById('raw1').getAttribute('width')).toBe('400') @@ -790,22 +796,28 @@ function runTests(mode) { ) expect(await browser.elementById('raw2').getAttribute('srcset')).toBeNull() expect(await browser.elementById('raw2').getAttribute('loading')).toBeNull() - expect(await browser.elementById('raw2').getAttribute('sizes')).toBe('50vw') + expect(await browser.elementById('raw2').getAttribute('sizes')).toBeNull() expect(await browser.elementById('raw2').getAttribute('style')).toMatch( 'filter:blur(20px);background-size:cover;' ) expect(await browser.elementById('raw2').getAttribute('height')).toBe('400') expect(await browser.elementById('raw2').getAttribute('width')).toBe('400') - await browser.eval(`document.getElementById("raw1").scrollIntoView()`) + await browser.eval( + `document.getElementById("raw2").scrollIntoView({behavior: "smooth"})` + ) + await check( + () => browser.eval(`document.getElementById("raw2").currentSrc`), + /test(.*)png/ + ) expect(await browser.elementById('raw2').getAttribute('src')).toBe( - '/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.fab2915d.jpg&w=828&q=75' + '/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=3840&q=75' ) expect(await browser.elementById('raw2').getAttribute('srcset')).toBe( - '/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.fab2915d.jpg&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.fab2915d.jpg&w=828&q=75 2x' + '/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=384&q=75 384w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=640&q=75 640w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=750&q=75 750w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=828&q=75 828w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=1080&q=75 1080w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=1200&q=75 1200w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=1920&q=75 1920w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=2048&q=75 2048w, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftest.3f1a293b.png&w=3840&q=75 3840w' ) expect(await browser.elementById('raw2').getAttribute('sizes')).toBe('50vw') expect(await browser.elementById('raw2').getAttribute('loading')).toBeNull() - expect(await browser.elementById('raw2').getAttribute('style')).toBeNull() + expect(await browser.elementById('raw2').getAttribute('style')).toBe('') expect(await browser.elementById('raw2').getAttribute('height')).toBe('400') expect(await browser.elementById('raw2').getAttribute('width')).toBe('400') })