fix(webdriverio): inject axe-core branding into all iframes (#231)

packages/webdriverio/src/index.ts

@@ -171,6 +171,18 @@ export default class AxeBuilder {
     return results;
   }
 
+  /**
+   * Get axe-core source and configurations
+   * @returns {String}
+   */
+
+  private get script(): string {
+    return `
+      ${this.axeSource}
+      axe.configure({ branding: { application: 'webdriverio' }})
+      `;
+  }
+
   /**
    * Injects `axe-core` into all frames.
    * @param {Element | null} browsingContext - defaults to null
@@ -179,7 +191,7 @@ export default class AxeBuilder {
 
   private async inject(browsingContext: Element | null = null): Promise<void> {
     await this.setBrowsingContext(browsingContext);
-    await this.client.execute(this.axeSource);
+    await this.client.execute(this.script);
 
     const iframes = (await this.client.$$(this.iframeSelector())) || [];
     if (!iframes.length) {

packages/webdriverio/src/test.ts

@@ -184,6 +184,12 @@ describe('@axe-core/webdriverio', () => {
            */
           assert.strictEqual(executeSpy.callCount, 4);
         });
+
+        it('injects into all iframes', async () => {
+          await client.url('http://qateam.dequecloud.com/attest/api/test.html');
+          const results = await new AxeBuilder({ client }).analyze();
+          assert.strictEqual(results.violations.length, 7);
+        });
       });
 
       describe('logOrRethrowError', () => {