Описание тега snapshot-testing

Механизм, помогающий автоматизировать модульное тестирование визуальных компонентов путем создания "снимка" компонента и последующего сравнения визуализированного компонента с сохраненным снимком.
0 ответов

Ошибка Jest Vue: SyntaxError: неожиданный токен "экспорт"

Я успешно настроил Jest с Quasar и Vue, и большинство моих тестов работают. Единственный неудачный тест - это из-за следующего сообщения об ошибке Jest encountered an unexpected token This usually means that you are trying to import a file which Jes…
0 ответов

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

Здесь я выполняю условный рендер на основе моей переменной состояния this.state.isLoading чтобы использовать его, проверьте, получены и загружены данные или нет.. Когда я делаю тест снимка для компонента, поэтому каждый раз он будет сохранять снимок…
1 ответ

Тесты моментальных снимков React Jest не работают, если включен флаг --coverage

Я создал приложение React (v16.13.1) и тестирую его с помощью Jest (v25.1.0). Когда я бегуnpm test все тесты проходят нормально, но когда я бегу npm test -- --coverage все компоненты возвращаются undefined и все тесты моментальных снимков терпят неу…
24 мар '20 в 01:09
0 ответов

"Предупреждение: предоставлен недопустимый контейнер" в Jest

У меня есть следующие тесты: describe('if initialized', () => { const loadProjects = jest.fn(); let tree: ReactTestRenderer | null; renderer.act(() => { tree = renderer.create( <I18nextProvider i18n={i18n}> <EstimatesTablePure project…
0 ответов

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

Я хочу написать для этого кода тестирование моментальных снимков, чтобы охват кода был на 100%, включая все тестовые примеры для всех свойств, таких как загрузка, сообщения, ошибка, все поступают из моего глобального хранилища. код такой, как показа…
1 ответ

Тестирование снимков с использованием Karma Angular, а не шутки

Приносим извинения, если вопрос кажется неполным. Недавно я изучил NgRx и понял, что тестирование снимков упростит жизнь по сравнению с утверждением в случае NgRx. Однако я не хочу переходить с Karma на Jest (не хочу менять весь поток проекта для эт…
0 ответов

мелкие компоненты в стиле рендеринга с CSS и тестированием снимков

Я использую стилизованные компоненты и компоненты в стиле jest+ ferme+jest-styled для тестирования своих компонентов. Я хочу иметь возможность неглубоко отрисовывать компоненты и использовать тестирование снимков: const wrapper = shallow(<MyStyle…
30 апр '20 в 10:27
0 ответов

Почему мой тест моментального снимка Jest не генерирует правильный HTML-код для элементов управления Microsoft Fluent UI React?

Я использую Microsoft Fluent UI React. Я хочу использовать тестирование снимков Jest, но кажется, что элементы управления не генерируются должным образом: SocialMediaInfo.tsx: import * as React from "react"; import { useEffect, useState } …
25 июл '20 в 23:35
0 ответов

Есть ли способ правильно отобразить RichText для создания золотого теста?

Я попытался создать золотой тест с конкретным текстом для проверки, но когда экран содержит RichText, компонент не отображается правильно. Есть ли способ сделать это? Изображение с текстом и RichText на одном экране - RichText неразборчиво Scaffold(…
11 авг '20 в 23:15
0 ответов

Как установить тестовый chromeSelector в локи

Для одного из наших визуальных регрессионных тестов, написанных на Loki, мы хотели бы изменить селектор, но я могу видеть только, как это сделать на уровне глобальной конфигурации, например, через chromeSelector: 'body' в loki.config.jsфайл: https:/…
17 авг '20 в 16:46
1 ответ

Как сделать снимок-тест компонента, который выполняет асинхронную загрузку данных с помощью библиотеки react-testing-library?

Пока что в проектах, над которыми я работаю, я обычно тестирую свои компоненты с помощью моментальных снимков, которые выполняют асинхронную загрузку данных следующим образом: describe('MyComponent component', () =>{ test('Matches snapshot', asyn…
1 ответ

Ошибка тестирования снимков Jest в конвейере GitLab из-за несоответствия часового пояса

У меня есть обычные тесты моментальных снимков Jest для компонента, который вызывает toDateString() и toTimeString(). Все тесты проходят, когда я запускаю локально, потому что и тесты, и мой компонент работают в моем текущем часовом поясе (EST); одн…
30 ноя '20 в 21:17
1 ответ

Как визуализировать простой html-код с помощью react-test-renderer или другими альтернативными библиотеками?

react-test-rendererФункция 's to JSON возвращает структуру React вместо простого html-кода. Например: import "./styles.css"; import renderer from 'react-test-renderer' const Test1 = () => <span>Hello World!</span> const Test2 = () =&…
1 ответ

Тест моментального снимка Jest добавляет слово «_class» в React HOC в моментальном снимке на CI, но не на моей машине

У меня есть компонент React, импортирующий другой React HOC. Мой React HOC: import { withRouter } from "react-router"; ... const InnerComponent: FC<any> = (props): ReactElement => { ... } const withData = compose( graphql(SOME_QUERY, { prop…
15 апр '21 в 16:33
1 ответ

Какое значение имеет 1, записанная в каждом операторе экспорта теста моментального снимка?

Почему 1 написано с выражением экспорта, как здесь, отображается правильно 1 exports[`renders correctly 1`] = ` <h1> Facebook </h1> `;
19 апр '21 в 17:06
1 ответ

Тестирование темного режима с помощью тестирования снимков

Есть какие-то подсказки, как мы можем использовать тестирование снимков для проверки реализации темного режима? Или любую другую стратегию тестирования темного режима на iOS. Когда XCUITest является одним из вариантов вместе с XCTest (unit-test). Пр…
0 ответов

Что означает «1» на снимках шутки?

Что означает цифра 1 на снимках шутки? Например, это фрагмент кода из их документации, и я хотел бы понять, что означает цифра 1 в первой строке кода: // Snapshot exports[`will fail every time 1`] = ` Object { "createdAt": 2018-05-19T23:36:09.816Z, …
06 май '21 в 20:57
0 ответов

snapshottest ошибочно проходит для различного контента

Я пытаюсь использовать snapshottest для некоторых pytests в Python. Сохраненный снимок правильного поведения (и где, как я подозреваю, заключается проблема) snapshots['test_some_unauthorized 1'] = GenericRepr('<Response [401]>') def test_some_…
0 ответов

Тесты снимков Jest проходят локально, но не работают на Jenkins

У меня есть серия тестов моментальных снимков, которые проходят локально. Но в Jenkins мой компонент, кажется, отображает другой снимок. Мои тесты: import { render } from 'enzyme'; import React from 'react'; import Wizard from '../index'; describe('…
15 окт '21 в 17:14
1 ответ

Аддон Storybook StoryShots для Angular 12

Я установлю Snapshot Testing с Storybook под Angular 12. Я устанавливаю jest $ yarn add --dev jest jest-preset-angular @types/jest и сделайте Настройки "jest": { "preset": "jest-preset-angular", "setupFilesAfterEnv": ["<rootDir>/src/setupJest.…