QA PRACTICE•IFRAME

Locator Practice HubTopics / iFrames

Lesson 12 / 20 · Intermediate

iFrames

Switch context and locate elements inside frames.

15 min

Not completed

Concept

Iframe ayrı bir browsing context’tir. Playwright’ta frameLocator, Selenium’da switchTo().frame ve Cypress’te iframe desteğiyle bağlama geçilir. Nested, dynamic, sandbox ve cross-origin durumları ayrı test edilmelidir.

Prerequisites: DOM basics

Live demo

Try the locator

Scoped to lesson demo

Try the locator against the live demo.

Good

Anlamlı title ve frameLocator ile context’i açıkça belirt.

Avoid

Parent page locator’ıyla iframe içindeki elementi arama.

Why

Frame sınırı DOM selector’larının doğal olarak durduğu yerdir.

Real-world trap

Tek CSS/XPath ifadesi iframe içine geçmez.

Framework comparison

Playwright

page.locator("[data-testid='iframe-demo']")

Selenium

driver.findElement(By.cssSelector("[data-testid='iframe-demo']"))

Cypress

cy.get("[data-testid='iframe-demo']")

Mini quiz

Iframe içindeki element için ne gerekir?
← PreviousNext →