Fix applied LQIP style

simonihmig · Feb 5, 2021 · ccc74bb · ccc74bb
1 parent 7d33edb
commit ccc74bb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/addon/components/responsive-image.hbs b/addon/components/responsive-image.hbs
@@ -13,7 +13,7 @@
     class="eri-{{this.layout}}"
     loading="lazy"
     ...attributes
-    {{style (if this.showLqipImage (hash background-image=this.lqipImage) background-size="cover")}}
+    {{style (if this.showLqipImage (hash background-image=this.lqipImage background-size="cover"))}}
     {{on "load" this.onLoad}}
   />
 </picture>
diff --git a/tests/integration/components/responsive-image-test.js b/tests/integration/components/responsive-image-test.js
@@ -386,6 +386,7 @@ module('Integration: Responsive Image Component', function (hooks) {
             .style.backgroundImage?.match(/data:image\/svg/),
           'it has a background SVG'
         );
+        assert.dom('img').hasStyle({ 'background-size': 'cover' });
         assert.ok(
           this.element.querySelector('img').style.backgroundImage?.length > 100,
           'the background SVG has a reasonable length'