feat(tests): improve test coverage

GoogleChromeLabs · Nov 25, 2018 · 3ee52bd · 3ee52bd
1 parent d0b8911
commit 3ee52bd
Show file tree

Hide file tree

Showing 5 changed files with 138 additions and 5 deletions.
diff --git a/demo/test-basic-usage.html b/demo/test-basic-usage.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Prefetch: Basic Usage</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
+    <script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>
+</head>
+<body>
+    <a href="1.html">Link 1</a>
+    <a href="2.html">Link 2</a>
+    <a href="3.html">Link 3</a>
+    <section id="stuff">
+        <a href="main.css">CSS</a>
+    </section>
+    <a href="4.html" style="position:absolute;margin-top:900px;">Link 4</a>
+    <script src="../dist/quicklink.umd.js"></script>
+    <script>
+        quicklink();
+    </script>
+</body>
+</html>
diff --git a/demo/test-custom-dom-source.html b/demo/test-custom-dom-source.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Prefetch: Custom DOM source</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
+    <script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>
+</head>
+<body>
+    <a href="1.html">Link 1</a>
+    <a href="2.html">Link 2</a>
+    <a href="3.html">Link 3</a>
+    <section id="stuff">
+        <a href="main.css">CSS</a>
+    </section>
+    <a href="4.html" style="position:absolute;margin-top:900px;">Link 4</a>
+    <script src="../dist/quicklink.umd.js"></script>
+    <script>
+    let elem = document.getElementById('stuff');
+    quicklink({
+        el: elem
+    });
+    </script>
+</body>
+</html>
diff --git a/demo/test-es-modules.html b/demo/test-es-modules.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Prefetch: ES Modules</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
+    <script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>
+</head>
+<body>
+    <a href="1.html">Link 1</a>
+    <a href="2.html">Link 2</a>
+    <a href="3.html">Link 3</a>
+    <section id="stuff">
+        <a href="main.css">CSS</a>
+    </section>
+    <a href="4.html" style="position:absolute;margin-top:900px;">Link 4</a>
+    <script type="module">
+    import quicklink from "../dist/quicklink.mjs";
+    quicklink();
+    </script>
+</body>
+</html>
diff --git a/demo/test-static-url-list.html b/demo/test-static-url-list.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Prefetch: Static URL list</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
+    <script src="https://polyfill.io/v2/polyfill.min.js?features=IntersectionObserver"></script>
+</head>
+<body>
+    <a href="1.html">Link 1</a>
+    <a href="2.html">Link 2</a>
+    <a href="3.html">Link 3</a>
+    <section id="stuff">
+        <a href="main.css">CSS</a>
+    </section>
+    <a href="4.html" style="position:absolute;margin-top:900px;">Link 4</a>
+    <script src="../dist/quicklink.umd.js"></script>
+    <script>
+    quicklink({
+        urls: ['2.html','4.html']
+    });
+    </script>
+</body>
+</html>
diff --git a/test/sample.spec.js b/test/sample.spec.js
@@ -3,27 +3,59 @@ describe('quicklink tests', function () {
 
   before(async function () {
     page = await browser.newPage();
-    await page.goto('http://127.0.0.1:8080/demo/index.html');
+    // await page.goto('http://127.0.0.1:8080/demo/index.html');
   });
 
   after(async function () {
     await page.close();
   });
 
-  it('should have the correct page title', async function () {
-    expect(await page.title()).to.eql('Prefetch experiments');
+  it('should prefetch in-viewport links correctly (UMD)', async function () {
+    const responseURLs = [];
+    page.on('response', resp => {
+      responseURLs.push(resp.url());
+    });
+    await page.goto('http://127.0.0.1:8080/demo/test-basic-usage.html');
+    await page.waitFor(1000);
+    expect(responseURLs).to.be.an('array');
+    expect(responseURLs).to.include('http://127.0.0.1:8080/demo/2.html');
+    expect(responseURLs).to.include('http://127.0.0.1:8080/demo/2.html');
+    expect(responseURLs).to.include('http://127.0.0.1:8080/demo/3.html');
   });
 
-  it('should prefetch pages correctly', async function () {
+  it('should prefetch in-viewport links correctly (ES Modules)', async function () {
     const responseURLs = [];
     page.on('response', resp => {
       responseURLs.push(resp.url());
     });
-    await page.goto('http://127.0.0.1:8080/demo/index.html');
+    await page.goto('http://127.0.0.1:8080/demo/test-es-modules.html');
     await page.waitFor(1000);
     expect(responseURLs).to.be.an('array');
     expect(responseURLs).to.include('http://127.0.0.1:8080/demo/2.html');
     expect(responseURLs).to.include('http://127.0.0.1:8080/demo/2.html');
     expect(responseURLs).to.include('http://127.0.0.1:8080/demo/3.html');
   });
+
+  it('should prefetch a static list of URLs correctly', async function () {
+    const responseURLs = [];
+    page.on('response', resp => {
+      responseURLs.push(resp.url());
+    });
+    await page.goto('http://127.0.0.1:8080/demo/test-static-url-list.html');
+    await page.waitFor(1000);
+    expect(responseURLs).to.be.an('array');
+    expect(responseURLs).to.include('http://127.0.0.1:8080/demo/2.html');
+    expect(responseURLs).to.include('http://127.0.0.1:8080/demo/4.html');
+  });
+
+  it('should prefetch in-viewport links from a custom DOM source', async function () {
+    const responseURLs = [];
+    page.on('response', resp => {
+      responseURLs.push(resp.url());
+    });
+    await page.goto('http://127.0.0.1:8080/demo/test-custom-dom-source.html');
+    await page.waitFor(1000);
+    expect(responseURLs).to.be.an('array');
+    expect(responseURLs).to.include('http://127.0.0.1:8080/demo/main.css');
+  });
 });