test: add test for data-placeholder-background

igorkamyshev · igorkamyshev · commit a12994df9312 · 2020-07-24T22:31:16.000+07:00
diff --git a/dist/lozad.es.js b/dist/lozad.es.js
@@ -1,4 +1,4 @@
-/*! lozad.js - v1.15.0 - 2020-07-02
+/*! lozad.js - v1.15.0 - 2020-07-24
 * https://github.com/ApoorvSaxena/lozad.js
 * Copyright (c) 2020 Apoorv Saxena; Licensed MIT */
 
diff --git a/dist/lozad.js b/dist/lozad.js
@@ -1,4 +1,4 @@
-/*! lozad.js - v1.15.0 - 2020-07-02
+/*! lozad.js - v1.15.0 - 2020-07-24
 * https://github.com/ApoorvSaxena/lozad.js
 * Copyright (c) 2020 Apoorv Saxena; Licensed MIT */
 
diff --git a/dist/lozad.min.js b/dist/lozad.min.js
diff --git a/test/index.js b/test/index.js
@@ -206,6 +206,17 @@ describe('lozad', () => {
         'background-image: url(photo.jpg);'
       )
     })
+    // Handle image background placeholder
+    it('should load the image with data-placeholder-background attribute', () => {
+      const image = document.querySelectorAll('img')[0]
+      const bgImageSetAttr = 'red'
+      image.setAttribute('class', 'lozad')
+      image.setAttribute('data-placeholder-background', bgImageSetAttr)
+      const observer = lozad()
+      observer.observe()
+      assert.strictEqual('true', image.dataset.loaded)
+      assert.strictEqual(image.style.cssText, 'background: red;')
+    })
   })
 
   describe('when passing options', () => {

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-/*! lozad.js - v1.15.0 - 2020-07-02`
	`1`	`+/*! lozad.js - v1.15.0 - 2020-07-24`
`2`	`2`	`* https://github.com/ApoorvSaxena/lozad.js`
`3`	`3`	`* Copyright (c) 2020 Apoorv Saxena; Licensed MIT */`
`4`	`4`