Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/forms/select-popup/popup-menu-nested-style.html 

<!DOCTYPE html>
<html>
<head>
<script src="../../../resources/js-test.js"></script>
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../resources/common.js"></script>
<script src="../resources/picker-common.js"></script>
</head>
<body>
<select id="menu" style="background-color:white; color:black;">
  <option>foo</option>
  <optgroup label="Group" style="background-color:black; color:white;">
    <option style="background-color:white; color:black;">bar</option>
  </optgroup>
  <optgroup label="Group2" style="display:none;">
    <option>baz</option>
  </optgroup>
</select>
<script>
description('Check if an OPTION style is serialized with comparison with the parent OPTGROUP style.');
var menuElement = document.getElementById('menu');
var params = null;

function openPickerErrorCallback() {
    testFailed('picker didn\'t open')
    finishJSTest();
}
openPickerDeprecatedJsTest(menu, test1, openPickerErrorCallback);
function test1() {
    params = internals.pagePopupWindow.global.params;
    shouldBeEqualToString('params.children[1].type', 'optgroup');
    shouldBeUndefined('params.children[1].children[0].type');
    shouldBeEqualToString('params.children[1].children[0].style.color', 'rgb(0, 0, 0)');
    shouldBeEqualToString('params.children[1].children[0].style.backgroundColor', 'rgb(255, 255, 255)');

    finishJSTest();
}
</script>
</body>
</html>