fix(avatar): use a single pic in the screener test (#1240)

uber · May 7, 2019 · d86d04f · d86d04f
1 parent 1615434
commit d86d04f
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 2 deletions.
diff --git a/.storybook/webpack.config.js b/.storybook/webpack.config.js
@@ -13,6 +13,14 @@ module.exports = {
         loader: 'import-glob',
         include: [path.resolve(__dirname)],
       },
+      {
+        test: /\.(png|jpe?g|gif)$/,
+        use: [
+          {
+            loader: 'file-loader',
+          },
+        ],
+      },
     ],
   },
 };
diff --git a/scripts/flow-copy-src.js b/scripts/flow-copy-src.js
@@ -21,6 +21,7 @@ async function run() {
       ignore: [
         '**/*.test.js',
         '**/*.setup.js',
+        '**/*.scenario.js',
         '**/*stories.js',
         'test/**/*.js',
         '**/__mocks__/*.js',

diff --git a/src/avatar/__tests__/avatar.scenario.js b/src/avatar/__tests__/avatar.scenario.js
@@ -9,6 +9,7 @@ LICENSE file in the root directory of this source tree.
 import React from 'react';
 
 import {Avatar} from '../index.js';
+import imageFile from './static/adorable.png';
 
 export const name = 'avatar';
 
@@ -19,7 +20,7 @@ export const component = () => (
         <Avatar
           name={`user name # ${index}`}
           size={size}
-          src={`https://api.adorable.io/avatars/285/${index}@adorable.io.png`}
+          src={imageFile}
           key={size}
         />
       ),

diff --git a/src/avatar/__tests__/static/adorable.png b/src/avatar/__tests__/static/adorable.png
diff --git a/webpack.e2e.config.js b/webpack.e2e.config.js
@@ -28,7 +28,7 @@ module.exports = {
         },
       },
       {
-        test: /\.svg$/,
+        test: /\.(png|jpe?g|gif|svg)$/,
         loader: 'file-loader',
       },
       {