1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/thoughtworks-taro-testing-library

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Это зеркальный репозиторий, синхронизируется ежедневно с исходного репозитория.
Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
5 лет назад
5 лет назад
5 лет назад
5 лет назад
Loading...
README.md

taro-testing-library

Simple and complete taro.js testing utilities that encourage good testing practices.

Actions Status NPM license codecov

Install

// use yarn
yarn add taro-testing-library -D
// use npm
npm install taro-testing-library -D

Usage

set preset in your jest config file

{
  "preset": "taro-testing-library"
}

API

API

render

  • render(Component, { container, target }) => { container, unmount, rerender }: render method to mount a component

    • container: The HTML element the component is mounted into.

      default : document.body

    • target: The HTML element the component is mounted.

      default : container.appendChild(document.createElement('div'))

Result

  • container: container
  • component: created Taro.js component
  • rerender(Component): method of rerender component
  • unmount(): method of unmount component
  • debug(): method of log current dom
  • ...queries: Returns all query functions that are binded to the target.

cleanup

Unmounts the component from the container and destroys the container.

cleanup() is called after each test automatically by default if the testing framework you're using supports the afterEach global (like mocha, Jest, and Jasmine).

However, you may choose to skip the auto cleanup by setting the TTL_SKIP_AUTO_CLEANUP env variable to 'true'.

To make this even easier, you can also simply import taro-testing-library/dont-cleanup-after-each which will do the same thing.

Demo

Component

import Taro, { useState } from '@tarojs/taro';
import { Text } from '@tarojs/components';

const Counter = (props) => {
  const { initial = 1 } = props;
  const [count, setCount] = useState(initial)
  return (
    <Text onClick={() => {setCount(count+1)}} className="number">
      {count}
    </Text>
  );
};

Test

import Taro from '@tarojs/taro';
import { act, render } from 'taro-testing-library';

test('should render component', () => {
  const { container } = render(<Counter />);
  const $number = container.querySelector('.number');
  expect($number.innerHTML).toEqual('1');
});

test('should rerender when trigger setState hooks', () => {
  const { container } = render(<Counter />);
  const $number = container.querySelector('.number');
  act(() => {
    $number.click()
  })
  expect($number.innerHTML).toEqual(`2`);
});

Комментарии ( 0 )

Вы можете оставить комментарий после Вход в систему

Введение

Утилиты для тестирования Simple Taro.js 2.x, которые способствуют применению эффективных методов тестирования. Развернуть Свернуть
MIT
Отмена

Обновления

Пока нет обновлений

Участники (1)

все

Недавние действия

Загружен новый тег v1.1.0 4 месяца назад
Загружен новый тег v1.0.4 4 месяца назад
Загружен новый тег v1.0.3 4 месяца назад
Загружен новый тег v1.0.2 4 месяца назад
Загружен новый тег v1.0.1 4 месяца назад
Загрузить больше
Больше нет результатов для загрузки
1
https://gitlife.ru/oschina-mirror/thoughtworks-taro-testing-library.git
git@gitlife.ru:oschina-mirror/thoughtworks-taro-testing-library.git
oschina-mirror
thoughtworks-taro-testing-library
thoughtworks-taro-testing-library
v1.0.4