href-script-element.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/linking/scripted/href-script-element.html - WPT Dashboard Interop Dashboard

<!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>