Dialog & iframe

# Terima alert / confirm
page.once("dialog", lambda dialog: dialog.accept())
page.get_by_role("button", name="Tampilkan confirm").click()  # munculkan confirm
expect(page.get_by_test_id("dialog-result")).to_have_text("Kamu memilih: OK")  # confirm diterima (OK)

# Isi prompt dan periksa pesannya
def jawab(dialog):
    assert dialog.type == "prompt"  # jenis dialognya prompt
    assert dialog.message == "Siapa namamu?"  # teks pertanyaannya
    dialog.accept("Rina")  # isi jawaban lalu tekan OK

page.once("dialog", jawab)  # pakai fungsi jawab untuk dialog berikutnya
page.get_by_role("button", name="Tampilkan prompt").click()  # munculkan prompt
expect(page.get_by_test_id("dialog-result")).to_have_text("Halo, Rina!")  # halaman memakai jawaban tadi

// Terima alert / confirm
page.once('dialog', (dialog) => dialog.accept());
await page.getByRole('button', { name: 'Tampilkan confirm' }).click(); // munculkan confirm
await expect(page.getByTestId('dialog-result')).toHaveText('Kamu memilih: OK'); // confirm diterima (OK)

// Isi prompt dan periksa pesannya
page.once('dialog', async (dialog) => {
  expect(dialog.type()).toBe('prompt');
  expect(dialog.message()).toBe('Siapa namamu?'); // teks pertanyaannya
  await dialog.accept('Rina'); // isi jawaban lalu tekan OK
});
await page.getByRole('button', { name: 'Tampilkan prompt' }).click(); // munculkan prompt
await expect(page.getByTestId('dialog-result')).toHaveText('Halo, Rina!'); // halaman memakai jawaban tadi

frame = page.frame_locator('iframe[title="Formulir newsletter"]')  # masuk ke dalam iframe lewat judulnya
frame.get_by_label("Email").fill("rina@contoh.com")  # isi Email di dalam iframe
frame.get_by_role("button", name="Daftar").click()  # klik Daftar di dalam iframe
expect(frame.get_by_role("status")).to_have_text("Terdaftar: rina@contoh.com")  # konfirmasi muncul di dalam iframe

# Alternatif yang lebih baru: dari locator elemen iframe → content_frame
frame = page.get_by_title("Formulir newsletter").content_frame

const frame = page.frameLocator('iframe[title="Formulir newsletter"]'); // masuk ke dalam iframe lewat judulnya
await frame.getByLabel('Email').fill('rina@contoh.com'); // isi Email di dalam iframe
await frame.getByRole('button', { name: 'Daftar' }).click(); // klik Daftar di dalam iframe
await expect(frame.getByRole('status')).toHaveText('Terdaftar: rina@contoh.com'); // konfirmasi muncul di dalam iframe

// Alternatif yang lebih baru: dari locator elemen iframe → contentFrame()
const frame2 = page.getByTitle('Formulir newsletter').contentFrame();

with page.context.expect_page() as info:  # tunggu tab baru...
    page.get_by_role("link", name="Buka pusat bantuan").click()  # ...setelah link ini diklik
tab_baru = info.value  # tab barunya

expect(tab_baru).to_have_title("Pusat Bantuan — Arena")  # judul tab baru
tab_baru.close()   # kembali bekerja dengan `page` seperti biasa

const tabBaruPromise = page.context().waitForEvent('page');   // JANGAN di-await dulu
await page.getByRole('link', { name: 'Buka pusat bantuan' }).click(); // klik link yang membuka tab baru
const tabBaru = await tabBaruPromise; // tab barunya

await expect(tabBaru).toHaveTitle('Pusat Bantuan — Arena'); // judul tab baru
await tabBaru.close();   // kembali bekerja dengan `page` seperti biasa

with page.expect_download() as info:  # tunggu unduhan...
    page.get_by_role("link", name="Unduh laporan").click()  # ...setelah link ini diklik
download = info.value  # unduhannya

assert download.suggested_filename == "laporan.csv"  # nama file yang disarankan server
download.save_as(tmp_path / download.suggested_filename)   # tmp_path = fixture folder sementara pytest

const downloadPromise = page.waitForEvent('download'); // mulai menunggu unduhan
await page.getByRole('link', { name: 'Unduh laporan' }).click(); // klik link unduhan
const download = await downloadPromise; // unduhannya

expect(download.suggestedFilename()).toBe('laporan.csv'); // nama file yang disarankan server
await download.saveAs(testInfo.outputPath(download.suggestedFilename())); // folder output milik test

baris = page.locator("#students").get_by_role("row")  # semua baris tabel siswa
expect(baris).to_have_count(5)  # ada 5 baris

# Baris tertentu berdasarkan isi
expect(baris.filter(has_text="Remedial")).to_have_count(2)

# Setelah diurutkan, cek urutan kolom pertama
page.get_by_role("button", name="Urutkan nilai tertinggi").click()
expect(page.locator("#students tr td:first-child")).to_have_text(["Citra", "Dewi", "Andi", "Eko", "Budi"])  # isi kolom nama, sesuai urutan

# Ambil teks semua sel untuk diolah sendiri (tidak menunggu, jadi pastikan tabel sudah siap)
nama = page.locator("#students tr td:first-child").all_inner_texts()

const baris = page.locator('#students').getByRole('row'); // semua baris tabel siswa
await expect(baris).toHaveCount(5); // ada 5 baris

// Baris tertentu berdasarkan isi
await expect(baris.filter({ hasText: 'Remedial' })).toHaveCount(2);

// Setelah diurutkan, cek urutan kolom pertama
await page.getByRole('button', { name: 'Urutkan nilai tertinggi' }).click();
await expect(page.locator('#students tr td:first-child')).toHaveText(['Citra', 'Dewi', 'Andi', 'Eko', 'Budi']); // isi kolom nama, sesuai urutan

// Ambil teks semua sel untuk diolah sendiri (tidak menunggu, jadi pastikan tabel sudah siap)
const nama = await page.locator('#students tr td:first-child').allInnerTexts();

page.get_by_role("button", name="Muat data").click()  # data muncul 1,5 detik kemudian
expect(page.get_by_text("Memuat...")).to_be_hidden()          # tunggu loading selesai
expect(page.get_by_test_id("loaded-list").get_by_role("listitem")).to_have_count(3)  # expect menunggu sampai 3 butir data muncul

await page.getByRole('button', { name: 'Muat data' }).click(); // data muncul 1,5 detik kemudian
await expect(page.getByText('Memuat...')).toBeHidden();       // tunggu loading selesai
await expect(page.getByTestId('loaded-list').getByRole('listitem')).toHaveCount(3); // expect menunggu sampai 3 butir data muncul

Memuat tests/academy/test_m09_tricky.py…

Memuat tests/academy/m09-tricky.spec.ts…