1
0
mirror of https://github.com/webrecorder/pywb.git synced 2025-03-15 08:04:49 +01:00
pywb/wombat/test/assets/testPage.html

194 lines
6.3 KiB
HTML
Raw Permalink Normal View History

wombat overhaul! fixes #449 (#451) wombat: - I: function overrides applied by wombat now better appear to be the original new function name same as originals when possible - I: WombatLocation now looks and behaves more like the original Location interface - I: The custom storage class now looks and behaves more like the original Storage - I: SVG image rewriting has been improved: both the href and xlink:href deprecated since SVG2 now rewritten always - I: document.open now handles the case of creation of a new window - I: Request object rewriting of the readonly href property is now correctly handled - I: EventTarget.addEventListener, removeEventListener overrides now preserve the original this argument of the wrapped listener - A: document.close override to ensure wombat is initialized after write or writeln usage - A: reconstruction of <doctype...> in rewriteHTMLComplete IFF it was included in the original string of HTML - A: document.body setter override to ensure rewriting of the new body or frameset - A: Attr.[value, nodeValue, textContent] added setter override to perform URL rewrites - A: SVGElements rewriting of the filter, style, xlink:href, href, and src attributes - A: HTMLTrackElement rewriting of the src attribute of the - A: HTMLQuoteElement and HTMLModElement rewriting of the cite attribute - A: Worklet.addModule: Loads JS module specified by a URL. - A: HTMLHyperlinkElementUtils overrides to the areaelement - A: ShadowRootoverrides to: innerHTML even though inherites from DocumentFragement and Node it still has innerHTML getter setter. - A: ShadowRoot, Element, DocumentFragment append, prepend: adds strings of HTML or a new Node inherited from ParentNode - A: StylePropertyMap override: New way to access and set CSS properties. - A: Response.redirecthttps rewriting of the URL argument. - A: UIEvent, MouseEvent, TouchEvent, KeyboardEvent, WheelEvent, InputEvent, and CompositionEven constructor and init{even-name} overrides in order to ensure that wombats JS Proxy usage does not affect their defined behaviors - A: XSLTProcessor override to ensure its usage is not affected by wombats JS Proxy usage. - A: navigator.unregisterProtocolHandler: Same override as existing navigator.registerProtocolHandler but from the inverse operation - A: PresentationRequest: Constructor takes a URL or an array of URLs. - A: EventSource and WebSocket override in order to ensure that they do not cause live leaks - A: overrides for the child node interface - Fix: autofetch worker creatation of the backing worker when it is operating within an execution context with a null origin tests: - A: 559 tests specific to wombat and client side rewritting pywb: - Fix: a few broken tests due to iana.org requiring a user agent in its requests rewrite: - introduced a new JSWorkerRewriter class in order to support rewriting via wombat workers in the context of all supported worker variants via - ensured rewriter app correctly sets the static prefix ci: - Modified travis.yml to specifically enumerate jobs documentation: - Documented new wombat, wombat proxy moded, wombat workers auto-fetch: - switched to mutation observer when in proxy mode so that the behaviors can operate in tandem with the autofetcher
2019-05-15 14:42:51 -04:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Test Page</title>
<link rel="stylesheet" href="./bootstrap.min.css" />
<style>
#wombatSandbox {
width: 0;
height: 0;
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
}
.bottomBoarder {
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
</style>
<script src="./testPageBundle.js"></script>
</head>
<body>
<div class="container mt-2">
<div class="row">
<div class="col-12">
<h5 class="text-center">Messages sent by wombat</h5>
</div>
</div>
<div class="row mt-4 align-items-center bottomBoarder pb-1">
<div class="col-2 align-self-center">
<h5 class="mb-0 text-center">Load:</h5>
</div>
<div class="col-10 h-100">
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="load-url"><b>url:</b></p>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="load-title"><b>title:</b></p>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="load-readyState"><b>readyState:</b></p>
</div>
</div>
</div>
</div>
<div class="row mt-1 align-items-center bottomBoarder pb-1">
<div class="col-2 align-self-center">
<h5 class="mb-0 text-center">Replace URL:</h5>
</div>
<div class="col-10 h-100">
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="replace-url-url"><b>url:</b></p>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="replace-url-title"><b>title:</b></p>
</div>
</div>
</div>
</div>
<div class="row mt-1 align-items-center bottomBoarder pb-1">
<div class="col-2 align-self-center">
<h5 class="mb-0 text-center">Cookie:</h5>
</div>
<div class="col-10 h-100">
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="cookie-domain"><b>domain:</b></p>
</div>
</div>
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="cookie-cookie"><b>cookie:</b></p>
</div>
</div>
</div>
</div>
<div class="row mt-1 align-items-center bottomBoarder pb-1">
<div class="col-2 align-self-center">
<h5 class="mb-0 text-center">Title</h5>
</div>
<div class="col-10 h-100">
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="title-title"><b>title:</b></p>
</div>
</div>
</div>
</div>
<div class="row mt-1 align-items-center bottomBoarder pb-1">
<div class="col-2 align-self-center">
<h5 class="mb-0 text-center">Hash Change</h5>
</div>
<div class="col-10 h-100">
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="hash-hash"><b>hash:</b></p>
</div>
</div>
</div>
</div>
<div class="row mt-1 align-items-center bottomBoarder pb-1">
<div class="col-2 align-self-center">
<h5 class="mb-0 text-center">Unknown</h5>
</div>
<div class="col-10 h-100">
<div class="row">
<div class="col-12">
<p class="mb-0 lead" id="unknown-msg"></p>
</div>
</div>
</div>
</div>
</div>
<iframe
id="wombatSandbox"
src="/live/20180803160549mp_/https://tests.wombat.io/"
></iframe>
<script>
const defaultText = ' not sent';
const domStructure = {
sandbox: document.getElementById('wombatSandbox'),
load: {
url: document.createTextNode(defaultText),
title: document.createTextNode(defaultText),
readyState: document.createTextNode(defaultText),
reset() {
this.url.data = defaultText;
this.title.data = defaultText;
this.readyState.data = defaultText;
}
},
replaceURL: {
url: document.createTextNode(defaultText),
title: document.createTextNode(defaultText),
reset() {
this.url.data = defaultText;
this.title.data = defaultText;
}
},
cookie: {
domain: document.createTextNode(defaultText),
cookie: document.createTextNode(defaultText),
reset() {
this.cookie.data = defaultText;
this.domain.data = defaultText;
}
},
titleMsg: document.createTextNode(defaultText),
hashchange: document.createTextNode(defaultText),
unknown: document.createTextNode(defaultText),
reset() {
this.load.reset();
this.replaceURL.reset();
this.cookie.reset();
this.titleMsg.data = defaultText;
this.hashchange.data = defaultText;
this.unknown.data = defaultText;
}
};
document.getElementById('load-url').appendChild(domStructure.load.url);
document
.getElementById('load-title')
.appendChild(domStructure.load.title);
document
.getElementById('load-readyState')
.appendChild(domStructure.load.readyState);
document
.getElementById('replace-url-url')
.appendChild(domStructure.replaceURL.url);
document
.getElementById('replace-url-title')
.appendChild(domStructure.replaceURL.title);
document
.getElementById('cookie-cookie')
.appendChild(domStructure.cookie.cookie);
document
.getElementById('cookie-domain')
.appendChild(domStructure.cookie.domain);
document.getElementById('title-title').appendChild(domStructure.titleMsg);
document.getElementById('hash-hash').appendChild(domStructure.hashchange);
document.getElementById('unknown-msg').appendChild(domStructure.unknown);
window.overwatch = new TestOverwatch(domStructure);
</script>
</body>
</html>