chore(playwright): resolve axe violations with setContent (#28592)

sean-perkins · web-flow · commit bd27846b28d9 · 2023-11-29T00:41:00.000Z
Issue number: N/A

---------

&lt;!-- Please do not submit updates to dependencies unless it fixes an
issue. --&gt;

&lt;!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. --&gt;

## What is the current behavior?
&lt;!-- Please describe the current behavior that you are modifying. --&gt;

When using `.setContent`, the initial page template is lacking key
metadata that will result in AXE violations.

## What is the new behavior?
&lt;!-- Please describe the behavior or changes that are being added by
this PR. --&gt;

- Adds a default `lang` to the `html` document root
- Adds a default `title` tag

## Does this introduce a breaking change?

- [ ] Yes
- [x] No

&lt;!-- If this introduces a breaking change, please describe the impact
and migration path for existing applications below. --&gt;


## Other information

&lt;!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. --&gt;
diff --git a/core/src/utils/test/playwright/page/utils/set-content.ts b/core/src/utils/test/playwright/page/utils/set-content.ts
@@ -32,8 +32,9 @@ export const setContent = async (page: Page, html: string, testInfo: TestInfo, o
 
   const output = `
     <!DOCTYPE html>
-    <html dir="${direction}">
+    <html dir="${direction}" lang="en">
       <head>
+        <title>Ionic Playwright Test</title>
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
         <link href="${baseUrl}/css/ionic.bundle.css" rel="stylesheet" />
