Merge pull request #2 from janoist1/master

Add image fallback support + using prop-types
mikefey · Aug 7, 2017 · 0f2ddfb · 0f2ddfb
2 parents 8985e4d + 21ea8d2
commit 0f2ddfb
Show file tree

Hide file tree

Showing 6 changed files with 108 additions and 29 deletions.
diff --git a/__test__/responsive-image-test.js b/__test__/responsive-image-test.js
@@ -416,3 +416,32 @@ test('ResponsiveImage component: Should add style to a background image',
   ReactDOM.unmountComponentAtNode(document);
   assert.end();
 });
+
+
+test('ResponsiveImage component: Should render a fallback image', (assert) => {
+  const resourceTimeout = 100;
+  const component = ReactTestUtils.renderIntoDocument(
+    <ResponsiveImage>
+      <ResponsiveImageSize
+        default
+          minWidth={0}
+          path={imageData.initialUrl}
+      />
+      <ResponsiveImageSize
+        minWidth={1}
+        path={'not-valid'}
+        fallbackImage={imageData.initialUrl}
+      />
+    </ResponsiveImage>
+  );
+
+  setTimeout(() => {
+    const node = ReactDOM.findDOMNode(component).firstChild.firstChild;
+    const nodeSrc = node.getAttribute('src');
+
+    assert.equal(nodeSrc, imageData.initialUrl);
+
+    ReactDOM.unmountComponentAtNode(document);
+    assert.end();
+  }, resourceTimeout);
+});