@enact/ui-test-utils 1.0.0 → 1.0.1

package/.travis.yml

@@ -9,5 +9,5 @@ install:
     - npm install
 script:
     - echo -e "\x1b\x5b35;1m*** Linting...\x1b\x5b0m"
-    - npm run lint
+    - npm run lint -- --report-unused-disable-directives --max-warnings 0
     - echo -e "\x1b\x5b35;1m*** Linting complete...\x1b\x5b0m"

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Change Log
 
+## [1.0.1] (October 12, 2022)
+
+* Fixed the first tests in the test suite fail randomly by adding missed `await` in `utils/Page`.
+* Fixed the util method `waitTransitionEnd` in `utils/Page` to correctly call `browser.waitUntil()` and to wait for the promise of `browser.execute()` to be resolved.
+
 ## [1.0.0] (June 8, 2022)
 
 * Updated test app to use `createRoot` API from React 18.

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@enact/ui-test-utils",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "UI Testing for the Enact framework",
+  "repository": "https://github.com/enactjs/ui-test-utils",
   "main": "index.js",
   "bin": {
     "start-tests": "./start-tests.js"

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,7 +142,7 @@ 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) {
@@ -153,15 +159,14 @@ class Page {
 			callback();
 		}
 		await browser.waitUntil(
-			function () {
-				return browser.execute(
+			async function () {
+				return await browser.execute(
 					function () {
 						return 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');