Автоматизация мата-опция в testcafe

0

Вопрос

Попытался автоматизировать выпадающий список, используя приведенные ниже методы, но значения выпадающего списка выбрать не удалось.

Способ 1:

const comboOption = Selector("mat-option").child("span").withExactText("Hello");
await t.click(comboOption);

Способ 2:

ClientFunction(() => {
  document.getElementsByClassName('mat-option-text')[0].innerText = 'Hello';
  document.getElementsByClassName('mat-option-text')[0].click();
  return "Hello";});

Тег mat-option не находится внутри mat-select. Он находится за пределами mat-select и внутри тега div. Существуют ли другие способы добиться автоматизации выбора мата ?

1

Лучший ответ

1

Спасибо вам за фрагменты кода.

Насколько я понимаю, вы пытаетесь щелкнуть элемент опции в другом элементе выбора. Я создал простой тест, который должен выполнить описанные вами шаги:

import { Selector } from 'testcafe';

fixture`Getting Started`
    .page`http://devexpress.github.io/testcafe/example`;
const selectElement = Selector('#preferred-interface');
const optionElement = selectElement.find('option');

test('My first test', async t => {
    await t
    .click(selectElement)
    .click(optionElement.withText('Both'))
    .expect(selectElement.value).eql('Both');
});

Если я неправильно понял ваш вопрос, не могли бы вы поделиться простым примером вашего .html и подробным описанием того, что вы хотите сделать в тесте и каких результатов вы ожидаете?

2021-11-23 09:01:50

На других языках

Эта страница на других языках

Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................