Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 14:10:11 +01:00
Code Issues Projects Releases Packages Wiki Activity

Dispatch events to service worker object and refactor html tests

Browse source
This commit is contained in:
Rahul Sharma 2016-08-01 16:25:08 +05:30
parent 2aa257f603
commit 1b29dfb8ab
11 changed files with 55 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
tests/html/service-worker/assets/tty.gif
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 62 KiB

3
tests/html/service-worker/dashboard_helper.js Normal file
View file

@ -0,0 +1,3 @@
function status_from_dashboard() {
console.log("Dashboard Service worker is active");
}

2
tests/html/service-worker/demo_iframe.html
View file

@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<title>An iframe</title>
<title>Servo Browser Engine</title>
</head>
<body>
<div>

1
tests/html/service-worker/dummy.js
View file

@ -1 +0,0 @@
console.log("dummy test file");

8
tests/html/service-worker/iframe_sw.js
View file

@ -1 +1,7 @@
console.log("iframe service worker active");
self.addEventListener('activate', function(e) {
console.log("iframe service worker active");
});
self.addEventListener('fetch', function(e) {
console.log("A fetch event detected by /iframe service worker");
});

28
tests/html/service-worker/index.html
View file

@ -6,38 +6,46 @@
</head>
<body>
<p>This page tests the registration and initialization of Service Workers in Servo.</p>
<div id="registration">
<a href="/dashboard-page.html">Go to Dashboard</a>
<a href="/profile.html">Go to Profile</a>
<div id="sw_demo">
<iframe id="iframe_sw" width="" height="200"></iframe>
<br>
<button onclick="register_zero()">Register for Root</button>
<button onclick="register_one()">Register for Dashboard</button>
<button onclick="register_two()">Register for Profile</button>
<a href="/dashboard-page.html">Go to Dashboard</a>
<a href="/profile.html">Go to Profile</a>
<br>
<button onclick="register_zero()">Register for Root (/)</button>
<button onclick="register_one()">Register for Dashboard (/dashboard)</button>
<button onclick="register_two()">Register for Profile (/profile)</button>
</div>
<script>
var reg = navigator.serviceWorker.register('iframe_sw.js', { 'scope': '/demo_iframe.html' });
console.log("From client worker registered: ", navigator.serviceWorker.controller);
console.log("Registered script source: ", navigator.serviceWorker.controller.scriptURL);
console.log("Registered script source: "+ navigator.serviceWorker.controller.scriptURL);
document.getElementById('iframe_sw').src = 'demo_iframe.html';
function register_zero() {
var reg = navigator.serviceWorker.register('sw.js', { 'scope': './' });
console.log("From client worker registered: ", navigator.serviceWorker.controller);
console.log("Registered script source: ", navigator.serviceWorker.controller.scriptURL);
console.log("Registered script source: "+ navigator.serviceWorker.controller.scriptURL);
}
function register_one() {
var reg = navigator.serviceWorker.register('sw_dashboard.js', { 'scope': '/dashboard' });
console.log("From client worker registered: ", navigator.serviceWorker.controller);
console.log("Registered script source: ", navigator.serviceWorker.controller.scriptURL);
console.log("Registered script source: "+ navigator.serviceWorker.controller.scriptURL);
}
function register_two() {
var reg = navigator.serviceWorker.register('sw_profile.js', { 'scope': '/profile' });
console.log("From client worker registered: ", navigator.serviceWorker.controller);
console.log("Registered script source: ", navigator.serviceWorker.controller.scriptURL);
console.log("Registered script source: "+ navigator.serviceWorker.controller.scriptURL);
}
navigator.serviceWorker.addEventListener('controllerchange', function(e) {
console.log("active Service Worker changed");
});
</script>
</body>
</html>

1
tests/html/service-worker/sw.js
View file

@ -1 +0,0 @@
console.log("root service worker: active");

11
tests/html/service-worker/sw_dashboard.js
View file

@ -1,2 +1,9 @@
importScripts('dummy.js');
console.log("dashboard service worker: active");
importScripts('dashboard_helper.js');
self.addEventListener('activate', function(e) {
status_from_dashboard();
});
self.addEventListener('fetch', function(e) {
console.log("A fetch event detected by /dashboard service worker");
});

9
tests/html/service-worker/sw_profile.js
View file

@ -1 +1,8 @@
console.log("profile service worker: active");
self.addEventListener('activate', function(e) {
console.log("profile service worker active");
});
self.addEventListener('fetch', function(e) {
console.log("A fetch event detected by /profile service worker");
});