fix: update snaps replace filename to mock name

assetTransformer.js

@@ -1,7 +1 @@
-const path = require('path');
-
-module.exports = {
-  process(src, filename, config, options) {
-    return `module.exports = ${JSON.stringify(path.basename(filename))};`;
-  }
-};
+export default 'mock.asset';

src/components/Atoms/Checkbox/Checkbox.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import styled from 'styled-components';
 
 import Text from '../Text/Text';
-import { checkBoxIcon } from './assets/checkbox-white-tick.png';
+import checkBoxIcon from './assets/checkbox-white-tick.png';
 
 const StyledInput = styled.input`
   font-size: ${({ theme }) => theme.fontSize('sm')};

src/components/Atoms/Checkbox/Checkbox.test.js

@@ -35,7 +35,7 @@ it('renders correctly', () => {
     }
 
     .c1:checked + span {
-      background: url() no-repeat center;
+      background: url(mock.asset) no-repeat center;
       background-color: #7d2ca9;
       background-size: contain;
     }
@@ -101,7 +101,7 @@ it('renders correctly', () => {
     }
 
     .c1:checked + span {
-      background: url() no-repeat center;
+      background: url(mock.asset) no-repeat center;
       background-color: #7d2ca9;
       background-size: contain;
     }

src/components/Atoms/Logo/Logo.test.js

@@ -38,11 +38,7 @@ it('renders correctly', () => {
       <img
         alt="CR18 Logo"
         className="c1"
-        src={
-          Object {
-            "process": [Function],
-          }
-        }
+        src="mock.asset"
       />
     </div>
   `);

src/components/Atoms/SelectField/SelectField.js

@@ -3,8 +3,8 @@ import PropTypes from 'prop-types';
 import styled from 'styled-components';
 
 import Text from '../Text/Text';
-import { dropDownIcon } from './assets/drop-down-dark-purple.svg';
-import { alertIcon } from './assets/error-alert-icon.png';
+import dropDownIcon from './assets/drop-down-dark-purple.svg';
+import alertIcon from './assets/error-alert-icon.png';
 
 const StyledInput = styled.select`
   background-color: ${({ color, theme }) =>

src/components/Atoms/SelectField/SelectField.test.js

@@ -41,7 +41,7 @@ it('renders correctly', () => {
       padding: 12px 50px 8px 10px;
       height: 50px;
       font-weight: 300;
-      background: transparent url() calc(100% - 20px) 18px/20px 20px no-repeat;
+      background: transparent url(mock.asset) calc(100% - 20px) 18px/20px 20px no-repeat;
       cursor: pointer;
       margin-bottom: 0;
       cursor: pointer;