feat(e2e): add multiple viewports to responsive-image

telus · Feb 19, 2021 · ce22db2 · ce22db2
1 parent ad8ffbe
commit ce22db2
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/e2e/visual/components/CartesianResponsiveImage.jsx b/e2e/visual/components/CartesianResponsiveImage.jsx
@@ -6,7 +6,15 @@ import { Cartesian, Responsive } from '@compositor/kit'
 import ResponsiveImage from '../../../packages/ResponsiveImage'
 
 const ResponsiveImageContainer = props => (
-  <Responsive>
+  <Responsive
+    viewports={[
+      { width: 320, height: 568 },
+      { width: 640, height: 360 },
+      { width: 768, height: 1024 },
+      { width: 1024, height: 543 },
+      { width: 1440, height: 880 },
+    ]}
+  >
     <Cartesian
       {...props}
       component={ResponsiveImage}