MuseUI et tests unitaires
Bonjour,
Je me lance dans les tests unitaires d'une application et je rencontre un problème de chargement des composants avec le framework que j'utilise
Voici un exemple de code d'un de mes composants utilisant mu-container
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| <template>
<mu-container
class="default-cmd cmd"
style="color: red"
>{{ cmd.name }} {{ cmd.value }} {{ cmd.id }} {{ cmd.visible }}</mu-container>
</template>
<script>
/**
* Show standard command data
* @group Commands
*/
export default {
name: "DefaultCmd",
props: {
// Command object
cmd: null
}
};
</script> |
J'essai donc de le tester avec Jest, je fais ceci :
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
| import { shallowMount, createLocalVue } from "@vue/test-utils";
import MuseUI from "muse-ui";
import DefaultCmd from "@/components/Cmds/DefaultCmd.vue";
const localValue = createLocalVue();
localValue.use(MuseUI);
const propsData = {
cmd: {
value: 90
}
};
const wrapperOptions = {
localValue,
propsData: propsData
};
describe("DefaultCmd.vue", () => {
afterEach(() => {
jest.clearAllMocks();
});
test("is a Vue instance", () => {
const wrapper = shallowMount(DefaultCmd, wrapperOptions);
expect(wrapper.isVueInstance()).toBeTruthy();
});
}); |
Le test passe mais j'ai un warning sur le chargement de mu-container :
Citation:
console.error node_modules/vue/dist/vue.runtime.common.dev.js:621
[Vue warn]: Unknown custom element: <mu-container> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
found in
---> <DefaultCmd>
<Root>
Quelqu'un aurait-il déjà rencontré ce problème ?
Merci