54 lines
1.9 KiB
HTML
54 lines
1.9 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<p id="description"></p>
|
|
<div id="console"></div>
|
|
<script>
|
|
description("This test checks a form element can handle elements of which form attribute points the form element even if elements are outside of the form.");
|
|
|
|
if (window.testRunner)
|
|
testRunner.waitUntilDone();
|
|
|
|
var container = document.createElement('div');
|
|
document.body.appendChild(container);
|
|
|
|
container.innerHTML = '<input type=hidden name=key1 value=value1 id=outer-before form=owner />' +
|
|
'<form id=owner action="" method="GET">' +
|
|
' <input type=hidden name=key2 value=value2 id=inner form=owner />' +
|
|
'</form>' +
|
|
'<input type=hidden name=submitted value=true id=outer-after form=owner />';
|
|
|
|
var owner = document.getElementById('owner');
|
|
var outerBefore = document.getElementById('outer-before');
|
|
var inner = document.getElementById('inner');
|
|
var outerAfter = document.getElementById('outer-after');
|
|
var query = window.location.search;
|
|
|
|
if (query.indexOf('submitted=true') == -1) {
|
|
owner.submit();
|
|
} else {
|
|
debug('- Ensures that elements attribute of the form contains elements which are outside of the form.');
|
|
|
|
shouldBe('owner.elements.length', '3');
|
|
shouldBe('owner.elements[0]', 'outerBefore');
|
|
shouldBe('owner.elements[1]', 'inner');
|
|
shouldBe('owner.elements[2]', 'outerAfter');
|
|
|
|
debug('');
|
|
debug('- Ensures that form submission contains name and value pairs for such elements.');
|
|
var pairs = query.substr(1).split('&');
|
|
shouldBe('pairs.length', '3');
|
|
shouldBeEqualToString('pairs[0]', 'key1=value1');
|
|
shouldBeEqualToString('pairs[1]', 'key2=value2');
|
|
shouldBeEqualToString('pairs[2]', 'submitted=true');
|
|
if (window.testRunner)
|
|
testRunner.notifyDone();
|
|
}
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|