Shadow DOM — Xüsusi Komponent — BrauzerLab

Səhifədə <user-card> adlı xüsusi komponent var. Onun içindəki «Profil» düyməsi Shadow DOM-dadır — standart querySelectorAll bunu tapa bilmir.

Həqiqi Playwright mühərrikdə Shadow DOM avtomatik dəlinir: getByRole, getByTestId və digər lokatorlar shadow root-un içinə düşür, əlavə konfiqurasiya tələb olunmur.

Bu simulyasiyada da eyni davranış tətbiq edilir. getByTestId('profile-btn') və ya getByRole('button', { name: 'Profil' }) shadow root-un içindəki düyməni birbaşa tapır.

page artıq mövcuddur. Shadow DOM-dakı «Profil» düyməsini tap və klikla.

import { test, expect } from '@playwright/test'; test('Shadow DOM — Xüsusi Komponent', async ({ page }) => { await page.goto('https://lab.local/mission/shadow-dom'); // ↓ Sənin kodun aşağıda yerləşir ↓ });