Merge pull request #11455 from keymanapp/chore/web/integration-test-m…

…igration chore(web): conversion of Web's browser-integration auto-tests for @web/test-runner use 🏃
keymanapp · May 23, 2024 · feb819e · feb819e
2 parents a19d78e + a73bc4a
commit feb819e
Show file tree

Hide file tree

Showing 33 changed files with 592 additions and 676 deletions.
diff --git a/web/src/test/auto/dom/CI.conf.cjs b/web/src/test/auto/dom/CI.conf.cjs
diff --git a/web/src/test/auto/dom/base.conf.cjs b/web/src/test/auto/dom/base.conf.cjs
diff --git a/...ases/attachment/outputTargetForElement.js → .../attachment/outputTargetForElement.def.ts b/...ases/attachment/outputTargetForElement.js → .../attachment/outputTargetForElement.def.ts
@@ -8,12 +8,12 @@ import {
   eventOutputTarget,
   outputTargetForElement,
   PageContextAttachment
-} from '/@keymanapp/keyman/build/engine/attachment/lib/index.mjs';
+} from 'keyman/engine/attachment';
 
-import { timedPromise } from '/@keymanapp/web-utils/build/lib/index.mjs';
-import sinon from '/node_modules/sinon/pkg/sinon-esm.js';
+import { timedPromise } from '@keymanapp/web-utils';
+import sinon from 'sinon';
 
-import { assert } from '/node_modules/chai/chai.js';
+import { assert } from 'chai';
 
 let STANDARD_OPTIONS = {
   owner: null,
@@ -41,12 +41,9 @@ function promiseForIframeLoad(iframe) {
 }
 
 describe('outputTargetForElement()', function () {
-  this.timeout(__karma__.config.args.find((arg) => arg.type == "timeouts").standard);
+  this.timeout(5000);
 
   before(async function() {
-    fixture.setBase('fixtures');
-    fixture.load("a-bit-of-everything.html");
-
     const attacher = this.attacher = new PageContextAttachment(window.document, STANDARD_OPTIONS);
 
     const iframe = document.getElementById('iframe');
@@ -58,7 +55,6 @@ describe('outputTargetForElement()', function () {
   });
 
   after(function() {
-    fixture.cleanup();
     this.attacher?.shutdown();
     this.attacher = null;
   });
@@ -143,12 +139,9 @@ describe('outputTargetForElement()', function () {
 });
 
 describe('eventOutputTarget()', function () {
-  this.timeout(__karma__.config.args.find((arg) => arg.type == "timeouts").standard);
+  this.timeout(5000);
 
   before(async function() {
-    fixture.setBase('fixtures');
-    fixture.load("a-bit-of-everything.html");
-
     const attacher = this.attacher = new PageContextAttachment(window.document, STANDARD_OPTIONS);
 
     const iframe = document.getElementById('iframe');
@@ -159,7 +152,6 @@ describe('eventOutputTarget()', function () {
   });
 
   after(function() {
-    fixture.cleanup();
     this.attacher?.shutdown();
     this.attacher = null;
   });

diff --git a/web/src/test/auto/dom/cases/attachment/outputTargetForElement.spec.html b/web/src/test/auto/dom/cases/attachment/outputTargetForElement.spec.html
@@ -0,0 +1,18 @@
+<html>
+  <head>
+    <script type="module">
+      import { runTests } from '@web/test-runner-mocha';
+
+      runTests(async() => {
+        await import('./outputTargetForElement.def.ts');
+      });
+    </script>
+  </head>
+  <body>
+    <div>Iframe: <iframe id="iframe" style="height: 100px" src="/resources/html/iframe.html"></iframe>
+    <div>Design Iframe: <iframe id="design-iframe" style="height: 100px" src="/resources/html/designIframe.html"></iframe>
+    <div>Content-editable div: <div id="editable" contenteditable="true" style="width: 500px">Edit me!</div></div>
+    <div>Input: <input id="input"/></div>
+    <div>Textarea: <textarea id="textarea"></textarea></div>
+  </body>
+</html>