chore: Add runInIframe method

Author: Francesco Longo

src/internal/analytics-metadata/__integ__/page-scanner-utils-iframes.test.ts

@@ -25,6 +25,11 @@ describe('getComponentsTree', () => {
   test(
     'gets component metadata, including iframes',
     setupTest(async (page, browser) => {
+      await page.runInsideIframe('#iframe-1', true, async () => {
+        await page.runInsideIframe('#iframe-2', true, async () => {
+          await page.waitForVisible('#sub-sub-target');
+        });
+      });
       const tree = await browser.execute(() => {
         return window.getComponentsTree();
       });
@@ -47,24 +52,11 @@ describe('getComponentsTree', () => {
   test(
     'gets component metadata of sub-tree inside an iframe',
     setupTest(async (page, browser) => {
-      // await new Promise(resolve => {
-      //   setTimeout(resolve, 1000);
-      // });
-      // const st = await browser.execute(() => {
-      //   const iframe = document.querySelector('#iframe-1') as HTMLIFrameElement;
-      //   const iframeDocument = iframe!.contentDocument;
-      //   const subTarget = iframeDocument!.querySelector('#sub-target') as HTMLElement;
-      //   return subTarget;
-      // });
-      // console.log(st);
-      const html = await browser.execute(() => {
-        const iframe = document.querySelector('#iframe-1') as HTMLIFrameElement;
-        const iframeDocument = iframe!.contentDocument!;
-        const iframe2 = iframeDocument.querySelector('#iframe-2') as HTMLIFrameElement;
-        const iframe2Document = iframe2!.contentDocument;
-        return iframe2Document!.body.innerHTML;
+      await page.runInsideIframe('#iframe-1', true, async () => {
+        await page.runInsideIframe('#iframe-2', true, async () => {
+          await page.waitForVisible('#sub-sub-target');
+        });
       });
-      console.log(html);
       const tree = await browser.execute(() => {
         const iframe = document.querySelector('#iframe-1') as HTMLIFrameElement;
         const iframeDocument = iframe!.contentDocument;

test-pages/src/pages/another-nested-iframe.tsx

@@ -9,7 +9,7 @@ export default function NestedIFrame() {
   return (
     <>
       <div {...getAnalyticsMetadataAttribute({ component: { name: 'ComponentThree' } })}>
-        <div>inside iframe inside iframe</div>
+        <div id="sub-sub-target">inside iframe inside iframe</div>
         <div id="id:portal-2"></div>
       </div>
       <div data-awsui-referrer-id="id:portal-2">