mirror of
https://github.com/hanzoai/next.js.git
synced 2026-10-30 14:46:38 +00:00
StevenandGitHub
4769407006
These tests are copy/pasta from existing tests - from `test/integration/next-image-new/default` - to `test/integration/next-image-new/app-dir` There were a handful of changes need to migrate the fixture from `pages` to `app` but the test assertions are the same. There is one test assertion for preload that wasn't working so its marked as "skip" until it can be fixed in a future PR. fix NEXT-849 ([link](https://linear.app/vercel/issue/NEXT-849))
32 lines
824 B
JavaScript
32 lines
824 B
JavaScript
import React from 'react'
|
|
import Image from 'next/image'
|
|
|
|
export default function Page() {
|
|
return (
|
|
<div>
|
|
<p>Blurry Placeholder</p>
|
|
|
|
<Image
|
|
priority
|
|
id="blurry-placeholder-raw"
|
|
src="/test.ico"
|
|
width="400"
|
|
height="400"
|
|
placeholder="blur"
|
|
blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8P4nhDwAGuAKPn6cicwAAAABJRU5ErkJggg=="
|
|
/>
|
|
|
|
<div id="spacer" style={{ height: '1000vh' }} />
|
|
|
|
<Image
|
|
id="blurry-placeholder-with-lazy"
|
|
src="/test.bmp"
|
|
width="400"
|
|
height="400"
|
|
placeholder="blur"
|
|
blurDataURL="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mO0/8/wBwAE/wI85bEJ6gAAAABJRU5ErkJggg=="
|
|
/>
|
|
</div>
|
|
)
|
|
}
|