feat: add a simple static page with shadow elements
ADD
static/test/shadow-dom.html
+<!DOCTYPE html>
+<html>
+<head>
+ <title>I am a page title with shadow content</title>
+</head>
+<body>
+
+<h1>This page is a Shadow DOM sandbox</h1>
+
+<appium-form></appium-form>
+
+<script>
+customElements.define('appium-form', class extends HTMLElement {
+ connectedCallback () {
+ this.attachShadow({mode: 'open'});
+ this.shadowRoot.innerHTML = `<p>
+ <button id="shadowButton">Click me</button>
+ </p>`;
+ this.shadowRoot.firstElementChild.onclick = (e) => alert(`Inner target: ${e.target.tagName}`);
+ }
+});
+
+document.onclick = (e) => alert(`Outer target: ${e.target.tagName}`);
+</script>
+
+</body>
+</html>

feat: add a simple static page with shadow elements (#390)