Описание тега vue-testing-library

1 ответ

имитировать геттеры магазина внутри Global Guard не работает

Я создал глобальную охрану, которая использует геттеры из магазина. Я пытаюсь издеваться над некоторыми получателями из магазина для целей тестирования. Проблема в том, что насмешка не работает. // router/index.ts export function beforeEach(to: any,…
1 ответ

Vue Apollo TypeScript: в ApolloClient отсутствуют свойства веб-сокета

Я пытаюсь настроить компонентный тест с помощью Vue Testing Library и Apollo, как описано в их примере . import { ApolloClient, InMemoryCache } from '@apollo/client' import { render } from '@testing-library/vue' import VueApollo from 'vue-apollo' co…
1 ответ

Библиотека тестирования Vue, дочерний компонент получает реквизиты

Я пытаюсь реализовать некоторые тесты библиотеки тестирования в приложении Vuejs, но не могу понять, как передать реквизиты компоненту в тесте. Например, мне нужен модульный тест для компонента, который появляется внутри его шаблона ParentComponent,…
11 ноя '21 в 20:24
2 ответа

Библиотека тестирования Vue не будет повторно отображать DOM при изменении состояния

У меня есть компонент с прямой кнопкой Edit. Кнопка «Изменить» вызывает метод, для которого устанавливается значение true. Есть несколько элементов ввода с v-if="isEditing", поэтому я проверяю, видны ли эти элементы ввода после нажатия кнопки «Измен…
17 ноя '21 в 21:32
2 ответа

Как я могу проверить, отключена ли кнопка с помощью Vue Test Utils?

Я тестирую компонент Vue, но у меня возникают проблемы с тестированием отключенного состояния кнопки. Как я могу получить доступ к статусу отключенной кнопки в моих тестах? Я пробовал использовать .attributes() но в этом случае метод возвращает толь…
0 ответов

Библиотека тестирования Vuejs — как написать тест для обработки запроса axios в «смонтированном» хуке

У меня есть компонент vue, который извлекает данные из API в «созданной» функции. Я просто встаю и работаю, используя следующий стек тестирования: "devDependencies": { "@testing-library/jest-dom": "^5.16.1", "@testing-library/vue": "^5.8.2", "babel-…
1 ответ

TypeError: _axiosMockAdapter.MockAdapter не является конструктором

Я использую vuejs, vue-testing-library, jest, axios и axios-mock-adapter для тестирования компонента. Я сразу же сталкиваюсь со следующей ошибкой при попытке запустить мой тест: TypeError: _axiosMockAdapter.MockAdapter is not a constructor Мой тест:…
2 ответа

Как я могу вызвать событие «размытие» при тестировании v-autocomplete с использованием библиотеки тестирования Vue?

Я пишу тест для компонента оболочки Vuetify v-autocomplete, который проверяет отображаемое сообщение об ошибке при размытии. Однако вывод ошибки показывает, что выбор ввода остается открытым, а базовый элемент имеет класс фокуса. Я не могу понять, ч…
0 ответов

освещение vue 2 jest неверно

Я настроил модульное тестирование, используя инструкции по установке с https://v1.test-utils.vuejs.org/. Тесты идут нормально. Но покрытие идет неправильно. В отчете показано, что по какой-то причине у него есть только 1 оператор, 1 функция, 2 ветви…
0 ответов

Издевательство над геттером в пространстве имен в библиотеке тестирования vue

Я хочу издеваться над геттером магазина VueX. Я попытался следовать примерам на странице примеров библиотеки тестирования vue: https://github.com/testing-library/vue-testing-library/blob/main/src/__tests__/vuex.js Но оказывается, что насмешка над об…
1 ответ

Тестирование с помощью vitest и testing-library не работает: это связано с использованием SFC Script Setup?

Я новичок в Vue и особенно в функциях композиции. Я пытаюсь протестировать компонент, использующий установку скрипта; однако, кажется, что это не работает. Компонент вот этот: <template> <el-card class="box-card" body-style="padding: 38px; …
27 апр '22 в 15:22
0 ответов

Fullcalendar.io показать больше ссылок (dayMaxEvents) тесты не работают в библиотеке тестирования vue

Я использую полный календарь v5 и тестовую библиотеку/vue для тестов. Я пытаюсь протестировать показ большего количества событий во всплывающем окне. Но хотя я даю события более 4, ссылка показать больше не загружается в календарь, и она никогда не …
0 ответов

Тест Vue для выпадающего меню bootstrap-vue nav не работает при имитации щелчка

Я пытаюсь протестировать раскрывающийся список навигации при использовании BootstrapVue. Когда мы нажимаем на раскрывающийся список навигации, он открывает раскрывающийся список и добавляет класс под названием «show». Но пока я пытаюсь имитировать э…
0 ответов

Vue Formulate — тестирование генерации события при нажатии кнопки формы с использованием библиотеки тестирования

У меня есть следующий компонент, использующий Vue Formulate <template> <FormulateForm @submit="onSubmit"> <button type="submit">Submit</button> </FormulateForm> </template> <script lang="ts"> import Vue from…
0 ответов

Как я могу проверить правильность рендеринга маршрутов Vue?

Как я могу протестировать реальную навигацию, которая происходит, когда пользователь нажимает на ссылку маршрутизатора? Например, я ожидаю, что связанный компонент будет отображаться, но изменится только маршрут, а отображаемый компонент не изменитс…
21 мар '22 в 11:42
0 ответов

Тест Vue не может найти хранилище в дочерних компонентах

У меня есть родительский компонент и несколько дочерних компонентов. Некоторые дети используют магазин Vuex. Когда я пытаюсь смонтировать родительский компонент, как показано ниже, в тесте Vue, я получаю сообщение об ошибке «Невозможно прочитать сос…
0 ответов

Добавление реквизита к найденным компонентам бросает смонтированную оболочку

У меня есть форма, которая содержит повторно используемый компонент селектора, подобный этому <template> <div class="channelDetail" data-test="channelDetail"> <div class="row"> <BaseTypography class="label">{{ t('channel.deta…
1 ответ

Не удается смонтировать содержимое TipTap в модульном тесте Vitest

У меня есть компонент vue, содержащий редактор TipTap, с тестированием которого у меня возникают проблемы. Я использую Vitest с vue-test-utils. Это мой компонент: <script setup lang="ts"> import { useEditor, EditorContent } from "@tiptap/vue-3…
1 ответ

Проблема с объектом тестового BLOB-объекта Vue

Я пытаюсь преобразовать строку в blob, но я продолжаю получать{}вместо const workingCSV = "Hey, hello, world," const localVue = createLocalVue() const wrapper = shallowMount(ModalAddCollectionCSV, { localVue, propsData: { visible: true, }, }) const …
05 авг '22 в 14:17
1 ответ

Компонент модульного тестирования Vue 3, который использует Pinia с библиотекой тестирования Vue

Я изо всех сил пытаюсь понять, как я могу протестировать рендеринг элементов на основе результатов вызова геттера Pina в моем приложении Vue 3 (с использованием библиотеки тестирования Vue). Примером того, чего я хочу достичь, может быть что-то врод…
23 авг '22 в 13:25