@enact/ui-test-utils 1.0.0 → 1.0.2

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@enact/ui-test-utils",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "UI Testing for the Enact framework",
+  "repository": "https://github.com/enactjs/ui-test-utils",
   "main": "index.js",
   "bin": {
     "start-tests": "./start-tests.js"
@@ -16,38 +17,38 @@
     "access": "public"
   },
   "dependencies": {
-    "@wdio/cli": "^7.9.0",
-    "@wdio/dot-reporter": "^7.9.0",
-    "@wdio/local-runner": "^7.9.0",
-    "@wdio/mocha-framework": "^7.9.0",
-    "@wdio/selenium-standalone-service": "^7.8.0",
-    "@wdio/spec-reporter": "^7.9.0",
-    "@wdio/static-server-service": "^7.8.0",
-    "chai": "4.3.4",
+    "@wdio/cli": "^7.27.0",
+    "@wdio/dot-reporter": "^7.26.0",
+    "@wdio/local-runner": "^7.27.0",
+    "@wdio/mocha-framework": "^7.26.0",
+    "@wdio/selenium-standalone-service": "^7.26.0",
+    "@wdio/spec-reporter": "^7.26.0",
+    "@wdio/static-server-service": "^7.26.0",
+    "chai": "4.3.7",
     "chalk": "^4.1.2",
     "cross-spawn": "^7.0.3",
     "dirty-chai": "2.0.1",
-    "expect-webdriverio": "^3.1.0",
-    "fs-extra": "^10.0.0",
-    "minimist": "^1.2.5",
-    "query-string": "^7.0.1",
-    "ramda": "^0.27.1",
+    "expect-webdriverio": "^3.5.3",
+    "fs-extra": "^10.1.0",
+    "minimist": "^1.2.7",
+    "query-string": "^7.1.1",
+    "ramda": "^0.28.0",
     "readdirp": "^3.6.0",
-    "wdio-docker-service": "^3.1.2",
-    "wdio-image-comparison-service": "^3.0.0",
-    "webdriverio": "^7.9.0"
+    "wdio-docker-service": "^3.2.1",
+    "wdio-image-comparison-service": "^5.0.2",
+    "webdriverio": "^7.27.0"
   },
   "devDependencies": {
-    "@babel/eslint-plugin": "^7.17.7",
-    "eslint": "^8.12.0",
-    "eslint-config-enact": "^4.1.1",
+    "@babel/eslint-plugin": "^7.19.1",
+    "eslint": "^8.28.0",
+    "eslint-config-enact": "^4.1.2",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-enact": "^1.0.1",
-    "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^26.1.5",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.29.4",
-    "eslint-plugin-react-hooks": "^4.3.0"
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jest": "^27.1.6",
+    "eslint-plugin-jsx-a11y": "^6.6.1",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-react": "^7.31.11",
+    "eslint-plugin-react-hooks": "^4.6.0"
   }
 }

package/utils/Page.js

@@ -13,6 +13,10 @@ class Page {
 	}
 
 	async open (appPath, urlExtra = '?locale=en-US') {
+		await browser.execute(function () {
+			document.body.innerHTML = '';
+		});
+
 		this._url = `/${appPath}/${urlExtra}`;
 		// Can't resize browser window when connected to remote debugger!
 		if (!browser._options || !browser._options.remote) {
@@ -22,7 +26,9 @@ class Page {
 		await browser.url(this.url);
 
 		const body = await $('body');
-		await body.waitForExist({timeout: 1000});
+		await body.waitForDisplayed({timeout: 5000});
+
+		await this.delay(200);
 	}
 
 	serializeParams (params) {
@@ -69,7 +75,7 @@ class Page {
 
 	// For testing "pointer off" by timeout.
 	async hidePointerByKeycode () {
-		browser.execute(function () {
+		await browser.execute(function () {
 			const event = document.createEvent('Events');
 			event.initEvent('keydown', true, true);
 			event.keyCode = 1537;
@@ -136,11 +142,11 @@ class Page {
 		await browser.waitUntil(() => target.isExisting() && target.isFocused(), {timeout, timeoutMsg, interval});
 	}
 
-	async waitTransitionEnd (delay = 3000, msg = 'timed out waiting for transitionend', callback, ignore = ['opacity', 'filter']) {
+	async waitTransitionEnd (timeout = 3000, timeoutMsg = 'timed out waiting for transitionend', callback, ignore = ['opacity', 'filter']) {
 		await browser.execute(
 			// eslint-disable-next-line no-shadow
-			function (ignore) {
-				window.ontransitionend = function (evt) {
+			async function (ignore) {
+				window.ontransitionend = await function (evt) {
 					if (!ignore || ignore.indexOf(evt.propertyName) === -1) {
 						window.__transition = true;
 					}
@@ -150,18 +156,17 @@ class Page {
 			ignore
 		);
 		if (callback) {
-			callback();
+			await callback();
 		}
 		await browser.waitUntil(
-			function () {
-				return browser.execute(
-					function () {
-						return window.__transition;
+			async function () {
+				return await browser.execute(
+					async function () {
+						return await window.__transition;
 					}
 				);
 			},
-			delay,
-			msg
+			{timeout, timeoutMsg}
 		);
 	}
 }

package/utils/runTest.js

@@ -19,7 +19,7 @@ const runTest = ({concurrency, filter, Page, testName, ...rest}) => {
 			await Page.open('?request');
 
 			let testCases = await browser.execute(async function () {
-				return await window.__TEST_DATA; // eslint-disable-line no-undef
+				return await window.__TEST_DATA;
 			});
 
 			await expect(testCases).to.be.an('object', 'Test data failed to load');