Драматург найти дочерний элемент(ы) в локаторе

Я понял,

locator.locator(some/xpath/)

Я только начал работать с драматургом. Так что это может быть не точный ответ, который вы ищете.

Я изучаю драматурга с существующим хранилищем.

[https://github.com/twerske/ng-tube/blob/main/src/app/video-grid/video-grid.component.html]

В этом сценарии я просто хочу знать, что я получаю список карт обратно.

<div class = "videos-grid">
  <mat-card *ngFor = "let video of videos" class = "video-card">

Мне не нужна ссылка на родителя для этой ситуации. Я могу просто ссылаться на ребенка по сетке видео класса. Все это существует внутри цикла For angular. Я знаю, что Svelte и другие фреймворки по-разному перебирают списки.

test.only('ngTube has header and cardList', async ({browser}) => {
    const page = await browser.newPage();
    const context = await browser.newContext();
    await page.goto("http://localhost:4200/")
    const title = await page.locator('.header-title').textContent();
    const videoList = (await page.locator('.video-card').allTextContents()).length;
    // await page.pause();
    expect(title).toStrictEqual('ngTube');
    expect(videoList).toBeGreaterThan(0)
})

Поскольку мне нужно все текстовое содержимое, я могу получить все с именем класса «.video-card».

Я предполагаю, что я имею в виду, что пока вы можете получить доступ к идентификатору, вы должны иметь прямой доступ к нему. По мере того, как я просматриваю документацию и сценарии, я буду обновлять/добавлять этот ответ.