import fs from 'fs';
import path from 'path';

function mockImages(imagePath: string) {
    const imageFilenames = fs.readdirSync(path.resolve(__dirname, `../assets/${imagePath}/`));

    for (const fileName of imageFilenames) {
        if (/\.svg/.test(fileName)) {
            jest.mock(`../assets/${imagePath}/${fileName}`, () => () => '');
        }
    }
}

// We are mocking all images so that Icons and other assets cannot break tests. In the testing environment, importing things like .svg
// directly will lead to undefined variables instead of a component or string (which is what React expects). Loading these assets is
// not required as the test environment does not actually render any UI anywhere and just needs them to noop so the test renderer
// (which is a virtual implemented DOM) can do it's thing.

export default () => {
    mockImages('images');
    mockImages('images/avatars');
    mockImages('images/bank-icons');
    mockImages('images/product-illustrations');
};