Телеграмм чат группы js_for

2020 May 21

KA

const parent =
await browser.$('(//div[@class="main_class"])[1]//ancestor::div[contains(@class, "sub_main_class")]');

const teamOne = await parent.$('/a//div[@class="child_class"][1]');

await teamOne.click();

источник

15:08пожаловаться #1

KA

Konstantin Art in JS for testing

Классы переименованы, но сути не меняют

источник

15:08пожаловаться #2

BO

Boris Osipov in JS for testing

Konstantin Art

const parent =
await browser.$('(//div[@class="main_class"])[1]//ancestor::div[contains(@class, "sub_main_class")]');

const teamOne = await parent.$('/a//div[@class="child_class"][1]');

await teamOne.click();

/a - будет поиск от рута документа

источник

15:09пожаловаться #3

KA

Konstantin Art in JS for testing

То есть не апендится к паренту?

источник

15:10пожаловаться #4

AP

Alexander Popov in JS for testing

Konstantin Art

const parent =
await browser.$('(//div[@class="main_class"])[1]//ancestor::div[contains(@class, "sub_main_class")]');

const teamOne = await parent.$('/a//div[@class="child_class"][1]');

await teamOne.click();

есть что то типа xpath-builder or xpather on npm, чтоб не писать вот это все руками

источник

15:10пожаловаться #5

BO

Boris Osipov in JS for testing

Konstantin Art

То есть не апендится к паренту?

так работает xpath... ./ - от элемента / - от рута документа. как напишете так и будет. wdio там не делает ничего лишнего

источник

15:11пожаловаться #6

KA

Konstantin Art in JS for testing

Секунду, сейчас попробую. Очень интересно стало

источник

15:11пожаловаться #7

SM

Sewa Makhinya in JS for testing

Konstantin Art

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

Что мешает перейти на локаторы типа data-test-id, и чтобы они были максимум двухэтажные?

источник

15:12пожаловаться #8

AZ

Andrii Zinchuk in JS for testing

или виучить xpath)

источник

15:13пожаловаться #9

KA

Konstantin Art in JS for testing

Представьте себе таблицу с тысячей дивов с динамическими данными. Дата Id куда ставить и какой?

источник

15:13пожаловаться #10

SM

Sewa Makhinya in JS for testing

Konstantin Art

const parent =
await browser.$('(//div[@class="main_class"])[1]//ancestor::div[contains(@class, "sub_main_class")]');

const teamOne = await parent.$('/a//div[@class="child_class"][1]');

await teamOne.click();

у меня бы такое не прошло код ревью, это ^^^ не стойко к изменениям вёрстки. что мешает навесить на элемент класс или data-testid?

источник

15:13пожаловаться #11

KA

Konstantin Art in JS for testing

У меня бы тоже не прошло, но есть нюансы

источник

15:14пожаловаться #12

KA

Konstantin Art in JS for testing

Вопрос не в том был как это реализовать, обходов хватает.

источник