62 lines
2.5 KiB
HTML
62 lines
2.5 KiB
HTML
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
|
|
<html>
|
|
<head>
|
|
<script src="../../../resources/js-test-pre.js"></script>
|
|
</head>
|
|
<body>
|
|
<script>
|
|
description("This test checks the form attribute of the legend element.");
|
|
|
|
var container = document.createElement('div');
|
|
document.body.appendChild(container);
|
|
|
|
debug('');
|
|
debug('- Ensures that the form attribute of legend element depends on whether its parent is a fieldset element or not.');
|
|
container.innerHTML = '<form id=owner>' +
|
|
' <fieldset><legend id=legendElement1 name=victim /></fieldset>' +
|
|
' <legend id=legendElement2 name=victim />' +
|
|
' <fieldset><div><legend id=legendElement3 name=victim /></div></fieldset>' +
|
|
'</form>';
|
|
owner = document.getElementById('owner');
|
|
var legendElement1 = document.getElementById('legendElement1');
|
|
var legendElement2 = document.getElementById('legendElement2');
|
|
shouldBe('legendElement1.form', 'owner');
|
|
shouldBe('legendElement2.form', 'null');
|
|
shouldBe('legendElement3.form', 'null');
|
|
|
|
debug('');
|
|
debug('- Ensures that the legend\'s form attribute points its parent fieldset\'s form owner even if the element is within another form element.');
|
|
container.innerHTML = '<form id=owner></form>' +
|
|
'<form id=shouldNotBeOwner>' +
|
|
' <fieldset id=fieldsetElement name=victim form=owner>' +
|
|
' <legend id=legendElement name=victim />' +
|
|
' </fieldset>' +
|
|
'</form>';
|
|
owner = document.getElementById('owner');
|
|
var inputElement = document.getElementById('fieldsetElement');
|
|
var labelElement = document.getElementById('legendElement');
|
|
shouldBe('fieldsetElement.form', 'owner');
|
|
shouldBe('legendElement.form', 'owner');
|
|
|
|
debug('');
|
|
debug('- Ensures whether the form owner is set correctly for the legend when the value of form attribute of its parent fieldset changed.');
|
|
container.innerHTML = '<form id=form1></form>' +
|
|
'<form id=form2></form>' +
|
|
'<fieldset id=fieldsetElement name=victim form=form1>' +
|
|
' <legend id=legendElement />' +
|
|
'</fieldset>';
|
|
var form1 = document.getElementById('form1');
|
|
var form2 = document.getElementById('form2');
|
|
fieldsetElement = document.getElementById('fieldsetElement');
|
|
legendElement = document.getElementById('legendElement');
|
|
shouldBe('fieldsetElement.form', 'form1');
|
|
shouldBe('legendElement.form', 'form1');
|
|
fieldsetElement.attributes['form'].value = 'form2';
|
|
shouldBe('fieldsetElement.form', 'form2');
|
|
shouldBe('legendElement.form', 'form2');
|
|
|
|
</script>
|
|
<script src="../../resources/js-test-post.js"></script>
|
|
</body>
|
|
</html>
|