Проверка выпадающего списка с помощью testcafe - PullRequest
Новая
       15

Проверка выпадающего списка с помощью testcafe

2 голосов
/ 09 марта 2020

Я пытаюсь написать функцию lib, чтобы протестировать все выпадающие списки реагирования на выбор с помощью testcafe. Но он работает не так, как ожидалось.

Я пытаюсь найти ответную реакцию с идентификатором '# my-dropdown', который передается в мой компонент. Кроме того, я пытаюсь найти параметры в раскрывающемся списке и затем выбрать параметр с новым значением.

Однако, похоже, он не работает должным образом.

Что я делаю неправильно здесь?

Пользовательский Выберите компонент: 

<div className='Custom-select'>
  <Select {...props} classNamePrefix='customSelect' tabSelectsValue isSearchable={false}/>
</div>

Примечание: реквизиты содержат идентификатор - '# my-dropdown'.

Контрольный пример testCafe: 

test('DropDown test', async t => {
  await dropdownValueSelector(t, { selector: '#my-dropdown', newValue: 'value 2' });
});

dropDownValueSelector 

export default async (t, { selector, newValue }) => {
  await t.click(selector).click(selector.find('option').withText(newValue));
  const dropdownOption = Selector('.customSelect__input').find('input');
  await t.click(customSelect).find(dropdownOption.withText(newValue);
});

1 Ответ

1 голос
/ 09 марта 2020

Попробуйте использовать плагин testcafe-реагировать-селекторы ; он предоставляет расширения селектора, которые облегчают тестирование ReactJS компонентов. Эти расширения позволяют выбирать элементы страницы способом, который является родным для React.

...