mirror of
https://github.com/servo/servo.git
synced 2025-06-25 01:24:37 +01:00
112 lines
4.6 KiB
HTML
112 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<meta charset=utf-8>
|
|
<title>Href - script element tests</title>
|
|
<script src='/resources/testharness.js'></script>
|
|
<script src='/resources/testharnessreport.js'></script>
|
|
<script src='testcommon.js'></script>
|
|
<body>
|
|
<div id='log'></div>
|
|
<svg id='svg' width='100' height='100' viewBox='0 0 100 100'>
|
|
</svg>
|
|
<script>
|
|
'use strict';
|
|
|
|
// Note:
|
|
// The order of these tests shouldn't be changed because we don't unload
|
|
// the external script file even if we expect the <script> element will be
|
|
// removed by childNode.remove() and Garbage Collection after a test has been
|
|
// finished. Therefore, I intentionally make them load externalScript1 and
|
|
// externalScript2 alternately, and we can check if the results are changed
|
|
// after reloading the other script.
|
|
// Throughout this test, we periodically need to verify that a script
|
|
// *does not load* after we've made a tweak. To do that, we have to
|
|
// wait "long enough for it to have loaded", and then make sure nothing
|
|
// has changed. We estimate "long enough" by adding an extra dummy
|
|
// <script> element and watching for its load event.
|
|
|
|
promise_test(function(t) {
|
|
var svg = document.getElementById('svg');
|
|
var script = createSVGElement(t, 'script', svg);
|
|
|
|
script.setAttribute('type', 'text/javascript');
|
|
script.setAttribute('href', 'testScripts/externalScript1.js');
|
|
assert_equals(script.href.baseVal, 'testScripts/externalScript1.js');
|
|
|
|
return waitEvent(script, 'load').then(function() {
|
|
assert_equals(loadedScript(), 'externalScript1',
|
|
'Link to correct external script');
|
|
|
|
script.setAttributeNS(XLINKNS, 'xlink:href',
|
|
'testScripts/externalScript2.js');
|
|
|
|
// Load an dummy script to trigger a load event.
|
|
var dummyScript = createSVGElement(t, 'script', svg);
|
|
dummyScript.setAttribute('href', 'testScripts/dummyScript.js');
|
|
return waitEvent(dummyScript, 'load');
|
|
}).then(function() {
|
|
assert_equals(script.href.baseVal, 'testScripts/externalScript1.js');
|
|
assert_equals(loadedScript(), 'externalScript1',
|
|
'Still link to the external script from href');
|
|
});
|
|
}, 'Test for loading external script from href when setting href and ' +
|
|
'then xlink:href');
|
|
|
|
promise_test(function(t) {
|
|
var svg = document.getElementById('svg');
|
|
var script = createSVGElement(t, 'script', svg);
|
|
|
|
script.setAttribute('type', 'text/javascript');
|
|
script.setAttributeNS(XLINKNS, 'xlink:href',
|
|
'testScripts/externalScript2.js');
|
|
assert_equals(script.href.baseVal, 'testScripts/externalScript2.js');
|
|
|
|
return waitEvent(script, 'load').then(function() {
|
|
assert_equals(loadedScript(), 'externalScript2',
|
|
'Link to the external script from xlink:href');
|
|
|
|
script.setAttribute('href', 'testScripts/externalScript1.js');
|
|
|
|
// Load an dummy script to trigger a load event.
|
|
var dummyScript = createSVGElement(t, 'script', svg);
|
|
dummyScript.setAttribute('href', 'testScripts/dummyScript.js');
|
|
return waitEvent(dummyScript, 'load');
|
|
}).then(function() {
|
|
assert_equals(script.href.baseVal, 'testScripts/externalScript1.js',
|
|
'href() should prefer href attribute over xlink:href');
|
|
assert_equals(loadedScript(), 'externalScript2',
|
|
'Still link to the external script from xlink:href');
|
|
});
|
|
}, 'Test for loading external script from xlnk:href by adding xlink:href and ' +
|
|
'then href');
|
|
|
|
promise_test(function(t) {
|
|
var svg = document.getElementById('svg');
|
|
var script = createSVGElement(t, 'script', svg);
|
|
|
|
script.setAttribute('type', 'text/javascript');
|
|
script.setAttribute('href', 'testScripts/externalScript1.js');
|
|
script.setAttributeNS(XLINKNS, 'xlink:href',
|
|
'testScripts/externalScript2.js');
|
|
assert_equals(script.href.baseVal, 'testScripts/externalScript1.js');
|
|
|
|
return waitEvent(script, 'load').then(function() {
|
|
assert_equals(loadedScript(), 'externalScript1',
|
|
'Link to the external script by href');
|
|
|
|
script.removeAttribute('href');
|
|
assert_equals(script.href.baseVal, 'testScripts/externalScript2.js',
|
|
'href() returns xlink:href attribute because href was unset');
|
|
|
|
// Load an dummy script to trigger a load event.
|
|
var dummyScript = createSVGElement(t, 'script', svg);
|
|
dummyScript.setAttribute('href', 'testScripts/dummyScript.js');
|
|
return waitEvent(dummyScript, 'load');
|
|
}).then(function() {
|
|
assert_equals(loadedScript(), 'externalScript1',
|
|
'The external script loaded from href is still loaded');
|
|
});
|
|
}, 'Test for loading external script from href by adding href and ' +
|
|
'then xlink:href, and then removing href');
|
|
|
|
</script>
|
|
</body>
|