Mock svg import files in jest tests

Author: guergana

jest.config.js

@@ -12,7 +12,8 @@ module.exports = {
     "transform": {
         ".*\\.(vue)$": "<rootDir>/node_modules/@vue/vue3-jest",
         "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
-        "^.+\\.tsx?$": "<rootDir>/node_modules/ts-jest"
+        "^.+\\.tsx?$": "<rootDir>/node_modules/ts-jest",
+        '.+\\.svg$': '<rootDir>/tests/Vue/helpers/jest-svg-component-transformer.js'
     },
     // (Optional) This file helps you later for global settings
     "setupFilesAfterEnv": [

tests/Vue/Components/LanguageSelector.spec.js

@@ -0,0 +1,20 @@
+import { mount } from '@vue/test-utils';
+import LanguageSelector from '@/Components/LanguageSelector.vue';
+import { createI18n } from 'vue-banana-i18n';
+
+const i18n = createI18n({
+    messages: {},
+    locale: 'en',
+    wikilinks: true
+});
+
+describe('LanguageSelector.vue', () => {
+    it('renders', () => {
+        const wrapper = mount(LanguageSelector, {
+            global: {
+                plugins: [i18n],
+        }});
+
+        expect(wrapper.find('.mismatchfinder__language-selector').exists()).toBe(true);
+    });
+});

tests/Vue/helpers/jest-svg-component-transformer.js

@@ -0,0 +1,13 @@
+module.exports = {
+    process(sourceText, sourcePath) {
+      const mockComponent = {
+        name: sourcePath,
+
+        template: sourceText
+      }
+
+      return {
+        code: `module.exports = ${JSON.stringify(mockComponent)};`
+      }
+    }
+  }