Вопросы и ответы - jestjs

_axios. default.post.mockImplementationOnce не является функцией VuesJS

Я пытаюсь проверить свой вызов API. Я использую: VueJS Шутка Аксиос Я получил ошибку: "_axios. default.post.mockImplementationOnce не является функцией" , когда я запускаю этот тест: import axios from 'axios' let url = '' let body = {} jest.mock("axios", () => ({ //__esModule: true, post: (_url, _body) => { return new Promise((resolve) => { url = _url bo...

Почему document. activeElement не указывает на сфокусированный элемент в JSDom при тестировании компонента Vue с помощью Jest?

Я тестирую Vue.js 2 компонент с использованием vue-test-utils и jest. Этот компонент автоматически устанавливает фокус на определенный элемент. JSDom должен указывать на этот элемент в переменной document.activeElement, но даже если я установлю фокус вручную внутри теста с помощью wrapper.find(...).element.focus(), он всегда будет указывать только на элемент body. it('focuses the default option au...

Vue jest тест для алгоритма

У меня есть компонент, который выглядит вот так. Как бы я написал тест Vue jest, чтобы удовлетворить этим условиям? <template> <div align="center"> <button @click="Tests()">Tests</button> <button @click="Benchmark()">Benchmark</button> </div> </template> <script> export default { name: "HelloWor...

У нас ожидается 4 аргумента, но есть 1-когда пытаются использовать vuex геттер с TypeScript

Я пытаюсь модульно протестировать геттер и получаю ошибку Expected 4 arguments, but got 1. при попытке использовать указанный геттер. Я использовал quasar для создания приложения, и я использую typescript. HttpMocks.mockToken - это просто общая строка JWT const getters: GetterTree<AuthenticationStateInterface, StateInterface> = { token(state: AuthenticationStateInterface) { return stat...

Вычисляет ли Vue nextTick, когда вы ждете "чего-нибудь" в шутливом тесте?

Мой пример компонента показывает счетчик (изначально "0") и кнопку "увеличить". Выглядит это примерно так: <div ref="label">{{ counter }}</div> <div ref="button" @click="counter++" > Click me </div> Если я проверить нажать поведения с шуткой, следующий тест будет провален it('increases the counter when t...

Тест шутя, что значение находится в .наконец-то() блока выборки

Я тестирую метод компонента Vue, который выполняет базовый fetch и обновляет значение данных в блоке .finally() этого fetch. Я могу подтвердить, что мой тест достигает этого блока .finally(), но значение данных никогда не обновляется. Мой метод таков: updateProfile () { fetch(updateProfileEndPoint, { method: 'POST', body: {email: test@test.com, id: 1234, name: 'bob}, }) .ca...

Как я могу издеваться над методом, который запускается директивой vue?

Я пытаюсь вызвать метод close() в моем компоненте Test, но он срабатывает только при щелчке за пределами div, на котором включена директива. Что я должен сделать в своем тесте, чтобы убедиться, что этот метод будет уволен? Я использую пакет npm v-click-outside в своем компоненте. Компонент <script> import vClickOutside from 'v-click-outside'; export default { name: 'Test', dire...

Вью шутку функция $ReFS и насмешливого вопроса компонент

Я использую модуль узла под названием headroom для одного из моих компонентов vue. Я пытаюсь издеваться над библиотекой и написать тест, но получаю this.$refs.headroom._setHeightOffset is not a function, похоже, функция в $ref не определена. Компонент Vue <script> import { headroom } from 'vue-headroom'; name: 'Test', components: { headroom }, mounted() { this.$refs...

Как протестировать обновление Vue prop в шутку

Я новичок в Jest и пытаюсь написать тест для своего приложения Vue, который подтвердил бы, что дочерний компонент испускает событие, и в результате его значение prop обновляется. В качестве примера я сделал простое приложение со счетчиком для демонстрации: /* Parent Home.vue */ <template> <Counter :count="count" @increment="count++"/> </template> <script...

Vue3 Vite и тесты с jest не имеют компилятора шаблонов

я использую кодовую базу, созданную с помощью Vue3 Vite, но не могу найти способ запустить простой тест Jest, импортирующий компонент. Это прекрасно работает в приложении create с Vue-cli, но я не могу найти способ заставить Jest работать в приложении Vue-Vite с Vue3. Вот с какой ошибкой я сталкиваюсь FAIL docs/homepage.spec.js ● Test suite failed to run Vue packages version mismatch: ...

модульный тест выполняется правильно, но в конце он возвращает ошибку npm

Я пытаюсь протестировать компонент с помощью @vue-jest в Nuxt. Он запускает suit и сообщает мне, пройден ли тест или нет, но в конце отчета с помощью "npm run test" у меня появляется ошибка:

Компонентное тестирование Vue с шутку не похоже, чтобы использовать мои издевались магазине добытчики

Шаблон моего компонента содержит следующий элемент: <v-text-field v-model="user.first_name" /> В моем магазине vuex я объявляю состояние state: { user: { first_name: '' } } и добытчик getUserInfo(state) { return state.user; } Мой компонент на created() делает следующее: this.user = { ...this.$store.getters.getUserInfo }; this. user объявляется следующим образом: private use...

Вью состав АПИ + шутка

Я пробую vue3 composition api, и у меня возникли некоторые проблемы с написанием тестов для него. Я написал новый компонент (MyComponent) в своем приложении, используя composition api. MyComponent использует другой компонент, написанный с помощью Options api (Myother Component). Все работает нормально, если я запускаю приложение, но когда я пишу модульный тест (используя Jest), у меня начинаются п...

Вью шутку проверить текущую цель родителя есть класс, когда кнопку (которая добавляется через V-для)

Я пытаюсь протестировать выбранный элемент в списке элементов, который обрабатывается в событии щелчка, находя выбранный класс, добавленный к нему. Мой шаблон: <div class="mycomp" v-for="(list, i) in listItem" :key="list.id" :class="{ selected: i === selectedlist}"> <button class="md-primary md-raised selectOption" v-if="i !== selec...

Вю &amp; Шутку. Тестовый метод был вызван, когда дочерний компонент испускает событие

Поэтому после того, как setMethods устарел в Vue-test-utils, я меняю свои тесты на использование jest.spyOn. Я просто хочу выдать событие из дочернего компонента и проверить, что соответствующий метод был вызван на родительском, но почему-то мой метод никогда не вызывается. it('calls promptPasswordReset method when forgotten-password event is emitted from LoginForm', () => { const wrapper =...

Тестирование vuejs проп по умолчанию, что это анонимная функция, в шутку

Я пытаюсь проверить следующую опору в vue.js с шуткой: export default { name: 'my-component', props: { onConfirm: { type: Function, default: () => {} }, } } Джест продолжает говорить мне, что мне нужно покрыть значение по умолчанию опоры onConfirm, но я понятия не имею, как это сделать. Я попробовал следующее: expect(wrapper.vm.onConfirm).toBe(() => {}) expect(wrap...

Как протестировать Vue" сервисы", смонтированные в root, доступ к которым осуществляется через Vue. prototype

Во-первых, я хотел бы объяснить, что у меня есть репозиторий компонентов Vue, который отвечает за отображение данных, полученных из службы http. Вместо того чтобы сам компонент управлял одним и тем же извлечением данных для каждого экземпляра и рассылал клиенту спам с сетевыми запросами, мне удалось найти решение, которое позволяет другому компоненту монтироваться непосредственно в корневой катало...

Тест события щелчка на маршрутизаторе-соединения vuejs через шутку

<ul> <router-link to="/" tag="li" active-class="active" exact><a >Home</a></router-link> <router-link to="/contact" tag="li" exact><a>contact</a></router-link> <router-link to="/other" tag="li" exact><a>other</a></router-link> <ul/> Test.s...

Шутка насмешка с квазаром и машинописью

Я хочу издеваться над сервисом Amplify Auth в своем тесте. Ошибки нет, но тест не работает из-за моего макета. Вот код, который я собираюсь протестировать: signIn(): void { if (!this.valid) return; this.loading = 1; this.$Auth .signIn(this.email, this.password) .then(() => this.$router.push({ name: "homeManagement" })) .catch((err: any) => (this.erro...

шутку механическая класс ЕС6 макет не активна и я хочу понять, почему

У меня возникли проблемы с использованием jest manual mocks (тот, что находится в параллельном каталоге __mocks__) в моем проекте. Я думаю, что понимаю, как его использовать, и он действительно отлично работает, если я удаляю одну строку в файле, указанном в массиве Jest setupFiles. В этом файле устанавливается глобальный помощник (в global.createComp), который использует хранилище vuex. Это проек...