| Index: LayoutTests/fast/forms/radio/radio-live-validation-style.html
|
| ===================================================================
|
| --- LayoutTests/fast/forms/radio/radio-live-validation-style.html (revision 111481)
|
| +++ LayoutTests/fast/forms/radio/radio-live-validation-style.html (working copy)
|
| @@ -1,94 +0,0 @@
|
| -<!DOCTYPE html>
|
| -<html>
|
| -<head>
|
| -<script src="../../js/resources/js-test-pre.js"></script>
|
| -<style>
|
| -:invalid { background: rgb(255, 0, 0); }
|
| -:valid { background: rgb(0, 0, 255); }
|
| -</style>
|
| -</head>
|
| -<body>
|
| -<script>
|
| -description('Check if :valid/:invalid CSS pseudo selectors are lively applied');
|
| -
|
| -function $(id) {
|
| - return document.getElementById(id);
|
| -}
|
| -
|
| -function backgroundOf(element) {
|
| - return document.defaultView.getComputedStyle(element, null).getPropertyValue('background-color');
|
| -}
|
| -
|
| -var invalidColor = 'rgb(255, 0, 0)';
|
| -var validColor = 'rgb(0, 0, 255)';
|
| -
|
| -var parent = document.createElement('div');
|
| -document.body.appendChild(parent);
|
| -
|
| -debug('Removing a checked radio button from a required radio button group by a DOM tree mutation:');
|
| -parent.innerHTML = '<input type=radio name=group1 required id=radio1>' +
|
| - '<input type=radio name=group1 checked id=radio2>';
|
| -shouldBe('backgroundOf($("radio1"))', 'validColor');
|
| -shouldBe('parent.removeChild($("radio2")); backgroundOf($("radio1"))', 'invalidColor');
|
| -debug('');
|
| -
|
| -debug('Removing a checked radio button from a required radio button group by name attribute change:');
|
| -parent.innerHTML = '<input type=radio name=group1 required id=radio1>' +
|
| - '<input type=radio name=group1 checked id=radio2>';
|
| -shouldBe('$("radio2").name = "group2"; backgroundOf($("radio1"))', 'invalidColor');
|
| -debug('');
|
| -
|
| -debug('Removing a checked radio button from a required radio button group by type change:');
|
| -parent.innerHTML = '<input type=radio name=group1 required id=radio1>' +
|
| - '<input type=radio name=group1 checked id=radio2>';
|
| -shouldBe('$("radio2").type = "text"; backgroundOf($("radio1"))', 'invalidColor');
|
| -debug('');
|
| -
|
| -debug('Make a radio button group required by required attribute change:');
|
| -parent.innerHTML = '<input type=radio name=group1 id=radio1>' +
|
| - '<input type=radio name=group1 id=radio2>';
|
| -shouldBe('backgroundOf($("radio1"))', 'validColor');
|
| -shouldBe('backgroundOf($("radio2"))', 'validColor');
|
| -shouldBe('$("radio1").required = true; backgroundOf($("radio1"))', 'invalidColor');
|
| -shouldBe('backgroundOf($("radio2"))', 'invalidColor');
|
| -debug('');
|
| -
|
| -debug('Make a radio button group not required by required attribute change:');
|
| -parent.innerHTML = '<input type=radio required name=group1 id=radio1>' +
|
| - '<input type=radio name=group1 id=radio2>';
|
| -shouldBe('backgroundOf($("radio1"))', 'invalidColor');
|
| -shouldBe('backgroundOf($("radio2"))', 'invalidColor');
|
| -shouldBe('$("radio1").required = false; backgroundOf($("radio1"))', 'validColor');
|
| -shouldBe('backgroundOf($("radio2"))', 'validColor');
|
| -debug('');
|
| -
|
| -
|
| -debug('Removing one of multiple required attributes:');
|
| -parent.innerHTML = '<input type=radio required name=group1 id=radio1>' +
|
| - '<input type=radio required name=group1 id=radio2>';
|
| -shouldBe('backgroundOf($("radio1"))', 'invalidColor');
|
| -shouldBe('backgroundOf($("radio2"))', 'invalidColor');
|
| -shouldBe('$("radio1").required = false; backgroundOf($("radio1"))', 'invalidColor');
|
| -shouldBe('backgroundOf($("radio2"))', 'invalidColor');
|
| -debug('');
|
| -
|
| -debug('Adding a radio button with the required attribute to a radio button group:');
|
| -parent.innerHTML = '<input type=radio name=group1 id=radio1>';
|
| -shouldBe('backgroundOf($("radio1"))', 'validColor');
|
| -var requiredRadioButton = document.createElement('input');
|
| -requiredRadioButton.type = 'radio';
|
| -requiredRadioButton.name = 'group1';
|
| -requiredRadioButton.required = true;
|
| -shouldBe('parent.appendChild(requiredRadioButton); backgroundOf($("radio1"))', 'invalidColor');
|
| -shouldBe('backgroundOf(requiredRadioButton)', 'invalidColor');
|
| -debug('');
|
| -
|
| -debug('Removing a radio button with the required attribute from a radio button group:');
|
| -shouldBe('parent.removeChild(requiredRadioButton); backgroundOf($("radio1"))', 'validColor');
|
| -debug('');
|
| -
|
| -parent.innerHTML = '';
|
| -</script>
|
| -<script src="../../js/resources/js-test-post.js"></script>
|
| -</body>
|
| -</html>
|
|
|