padmavemulapati
commented
1 month ago Verified with the latest canary-build (4.7.4-62fd241.0) Lazy-loaded iframes are scanning properly now, not hanging,
1. Here is iframes snippets:
lazyloadedIframe.html ```2. for this iframes - directory has a lazy.html file too
./iframes.lazy.html ```Lazy
3. for Playwright 1.44.0 Version and v1.42.1 :
TestScript: ``` const { AxeBuilder } = require('@axe-core/playwright') const playwright = require('playwright') const fs = require('fs') const axe = require('axe-core') ;(async () => { const browser = await playwright.chromium.launch({ headless: true }) const context = await browser.newContext() const page = await context.newPage() await page.goto('http://localhost:8081/iframesfixture.html') try { const results = await new AxeBuilder({page}).analyze(); fs.writeFileSync('./lazyloadedIframes144.json', JSON.stringify(results, null, 4)) } catch (e) { console.error(e) } await browser.close() })() ``` Result for 1.44.0:  Result for 1.42.1: 4. For Puppeteer v22.9.0 and v22.6.3.
test-script: ``` const { AxePuppeteer } = require('@axe-core/puppeteer'); const puppeteer = require('puppeteer'); const fs = require('fs'); (async () => { const browser = await puppeteer.launch({ headless: false }); const page = await browser.newPage(); await page.setBypassCSP(true); await page.goto('http://localhost:8081/iframesfixture.html'); const results = await new AxePuppeteer(page).analyze(); fs.writeFile("./lazyframes_frametested.json", JSON.stringify(results, null,4),(err)=> {if(err){ console.error(err); return; }; console.log("File has been created"); }) await page.close(); await browser.close(); })(); ``` Results: For 22.9.0  For 22.6.3 5.for webdriverjs - selenium-webdriver v4.21.0 & v4.19.0:
Test-script: ``` const { AxeBuilder } = require('@axe-core/webdriverjs'); const { Builder } = require('selenium-webdriver'); const chrome = require('selenium-webdriver/chrome'); const fs = require('fs'); (async () => { const driver = new Builder() .forBrowser('chrome') .setChromeOptions(new chrome.Options().headless()) .build(); await driver.get('http://localhost:8081/iframesfixture.html'); try { const results = await new AxeBuilder(driver).analyze(); fs.writeFile("./lazyiframestest.json", JSON.stringify(results, null,4),(err)=> {if(err){ console.error(err); return; }; console.log("File has been created"); }) } catch (e) { // do something with the error } await driver.quit(); })(); ``` Result: For 4.21.0  For 4.19.0 5. for CLI (selenium-webdriver v4.21.0 & 4.19.0)-
#### command is `axe http://localhost:8081/iframesfixture.html --save ./iframesresult1 ` for selenium webdriver v4.21.0  for selenenium webdriver v4.19.0 6. for webdriverio:
TestScript: ``` const AxeBuilder = require('@axe-core/webdriverio').default; const { remote } = require('webdriverio'); const fs = require('fs'); (async () => { const client = await remote({ logLevel: 'error', capabilities: { browserName: 'chrome' } }); await client.url('http://localhost:8081/iframesfixture.html'); const builder = new AxeBuilder({ client }); const results = await builder.analyze(); fs.writeFile("./lazyiframestest.json", JSON.stringify(results, null,4),(err)=> {if(err){ console.error(err); return; }; console.log(results); }) client.deleteSession(); })(); ``` Result: for 8.36.1  for 8.35.1 Environment:
| Label | Value |
|---|---|
| Product | axe-core-npm |
| Version | 4.9.2-a2f07c5.0 |
| Playwright | 1.44.0 & 1.42.1 |
| Puppeteer | 22.9.0 & 22.6.3 |
| WebdriverIO | 8.36.1 & 8.35.1 |
| Selenium-webdriver(WebdriverJS & CLI) | v4.21.0 & 4.19.0 |
| OS-Details | MAC- M1-14.4 & Windows11 |
| BrowserDetails | Chrome Version 124.0.1 (Official Build) (64-bit) & Firefox 125.0.3 |
Pulled out of https://github.com/dequelabs/axe-core-npm/pull/1048. Starting in Playwright 1.41.0 (using Chrome version 121.0.6167.57) Playwright is no longer loading the lazy loaded iframe that is out of view. Updated the version of Playwright and updated the tests to now account for this.
QA notes: Test a lazy loaded iframe with Playwright > 1.41.0 and ensure Playwright will complete an analyze of the page