Adding intersection observer polyfill and functional tests

dojo · Oct 10, 2017 · 0dcd688 · 0dcd688
1 parent adf3bbe
commit 0dcd688
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 0 deletions.
diff --git a/package.json b/package.json
@@ -36,6 +36,7 @@
     "typescript": "~2.4.1"
   },
   "dependencies": {
+    "intersection-observer": "^0.4.2",
     "pepjs": "^0.4.2",
     "tslib": "^1.7.1"
   }

diff --git a/tests/functional/all.ts b/tests/functional/all.ts
@@ -1 +1,2 @@
 import './asyncAwait';
+import './polyfills';
diff --git a/tests/functional/polyfills.html b/tests/functional/polyfills.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+	<meta charset="UTF-8">
+	<title>Basic AMD Loading Test</title>
+</head>
+
+<body>
+<script src="../../src/util/amd.js"></script>
+<script src="../../../node_modules/@dojo/loader/loader.js"></script>
+<script>
+	require.config(shimAmdDependencies({
+		baseUrl: '../../../'
+	}));
+	require([
+		'_build/src/main',
+		'_build/src/browser'
+	], function() {
+		window.results = {
+			pointerEvents: typeof(PointerEvent) !== 'undefined',
+			intersectionObserver: typeof(IntersectionObserver) !== 'undefined'
+		};
+	});
+</script>
+</body>
+</html>
diff --git a/tests/functional/polyfills.ts b/tests/functional/polyfills.ts
@@ -0,0 +1,22 @@
+const { registerSuite } = intern.getInterface('object');
+const { assert } = intern.getPlugin('chai');
+import pollUntil from '@theintern/leadfoot/helpers/pollUntil';
+
+interface CallbackResults {
+	intersectionObserver: boolean;
+	pointerEvents: boolean;
+}
+
+registerSuite('Polyfills', {
+	'Polyfills'() {
+		return this.remote
+			.get('/_build/tests/functional/polyfills.html')
+			.then(pollUntil(function () {
+				return (<any> window).results;
+			}, undefined, 5000), undefined)
+			.then((results: CallbackResults) => {
+				assert.isTrue(results.pointerEvents, 'Expected pointer events to be available');
+				assert.isTrue(results.intersectionObserver, 'Expected intersection observer to be available');
+			});
+	}
+});