test: add spec for testing lazy loading images (#366)

Co-authored-by: Dustin Brett <[email protected]>
bubkoo · Feb 1, 2023 · 81dd2e9 · 81dd2e9
1 parent c1e4047
commit 81dd2e9
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/test/resources/images/loading.html b/test/resources/images/loading.html
@@ -0,0 +1,8 @@
+<div>
+  <div>
+    <img src="/base/test/resources/images/image.jpeg" loading="lazy" />
+  </div>
+  <span>
+    <img src="/base/test/resources/images/image.png" loading="lazy" />
+  </span>
+</div>
diff --git a/test/spec/special.spec.ts b/test/spec/special.spec.ts
@@ -3,7 +3,7 @@
 import '../spec/setup'
 import { toPng } from '../../src'
 import { delay } from '../../src/util'
-import { bootstrap, renderAndCheck } from '../spec/helper'
+import { assertTextRendered, bootstrap, renderAndCheck } from '../spec/helper'
 
 describe('special cases', () => {
   xit('should not crash when loading external stylesheet causes error', (done) => {
@@ -52,4 +52,11 @@ describe('special cases', () => {
         .catch(done),
     )
   })
+
+  it('should caputre lazy loading images', (done) => {
+    bootstrap('images/loading.html', 'images/style.css')
+      .then(assertTextRendered(['PNG', 'JPG']))
+      .then(done)
+      .catch(done)
+  })
 })