Add tests for background reset after image is loaded

Author: Aljullu

src/components/LazyLoadImage.spec.js

@@ -12,6 +12,7 @@ configure({ adapter: new Adapter() });
 
 const {
   findRenderedComponentWithType,
+  findRenderedDOMComponentWithClass,
   findRenderedDOMComponentWithTag,
   scryRenderedDOMComponentsWithClass,
   scryRenderedDOMComponentsWithTag,
@@ -83,6 +84,21 @@ describe('LazyLoadImage', function() {
     expect(loadedWrapper.length).toEqual(1);
   });
 
+  it('resets the background-image and background-size when img triggers onLoad', function() {
+    const lazyLoadImage = mount(
+      <LazyLoadImage effect="blur" />
+    );
+
+    const img = findRenderedDOMComponentWithTag(lazyLoadImage.instance(), 'img');
+
+    Simulate.load(img);
+
+    const loadedWrapper = findRenderedDOMComponentWithClass(lazyLoadImage.instance(), 'lazy-load-image-loaded');
+
+    expect(loadedWrapper.style.getPropertyValue('background-image')).toEqual('');
+    expect(loadedWrapper.style.getPropertyValue('background-size')).toEqual('');
+  });
+
   it('adds the effect class', function() {
     const lazyLoadImage = mount(
       <LazyLoadImage effect="blur" />