выберите выпадающий элемент с тестовой библиотекой - PullRequest
Новая
       22

выберите выпадающий элемент с тестовой библиотекой

0 голосов
/ 28 апреля 2020

Я совсем не понимаю test-library, видимо. У них есть функция «щелчка», но, похоже, нет функции для выбора простого выпадающего меню из элемента select. Это не помогает, говоря, что выбран 0, а не ожидаемый 1. Как мне сделать выбор? 


import React from "react";
import {render} from '@testing-library/react'
import {screen} from '@testing-library/dom'

let container: any;
beforeEach(() => {
    container = document.createElement('div');
    document.body.appendChild(container);
});

afterEach(() => {
    document.body.removeChild(container);
    container.remove();
    container = null;
});

it('AddRental should display', () => {
    render(<select name="town" data-testid="town" className="form-control"
                   aria-label="Select the Town">
        <option value="0">--Town--</option>
        <option value="1">My town</option>
        <option value="2">Your Town</option>
        <option value="3">The other town</option>
    </select>, {container});
    const dropdown = screen.getByTestId('town');
    expect(dropdown.value)
        .toBe('0');
    dropdown.click();
    const athabascaOption = screen.getByText('My town');
    athabascaOption.click();
    const byTestId = screen.getByTestId('town');
    expect(byTestId.value)
        .toBe('1')
});
...