| /* |
| * Copyright (c) 2014, the Dart project authors. Please see the AUTHORS file |
| * for details. All rights reserved. Use of this source code is governed by a |
| * BSD-style license that can be found in the LICENSE file. |
| */ |
| /** |
| * @assertion |
| * @description |
| */ |
| import "dart:html"; |
| import "../../testharness.dart"; |
| import "../../../Utils/expect.dart"; |
| |
| const String htmlEL2 = r''' |
| This test verifies that the dropdown background colors of <select> and <select size="0"|"1"> are consistent. You should see PASS below if test passes. Otherwise, FAIL shows up. |
| <div id='result'>FAIL</div> |
| |
| Default: |
| <select id='default-select'> |
| <option>Item 1</option> |
| <option>Item 2</option> |
| </select> |
| |
| Size=0: |
| <select size="0" id='size0-select'> |
| <option>Item 1</option> |
| <option>Item 2</option> |
| </select> |
| |
| Size=1: |
| <select size="1" id='size1-select'> |
| <option>Item 1</option> |
| <option>Item 2</option> |
| </select> |
| |
| <br> |
| Note: Two items are used so that you could manually see the difference. The test logic only needs the first item to run. |
| |
| '''; |
| |
| Element $(id) { |
| return document.getElementById(id); |
| } |
| |
| String getBackgtpunfColor(el) { |
| return el.getComputedStyle().backgroundColor; |
| } |
| |
| void main() { |
| document.body.appendHtml(htmlEL2, treeSanitizer: new NullTreeSanitizer()); |
| var default_op = $('default-select').options[0]; |
| var size0_op = $('size0-select').options[0]; |
| var size1_op = $('size1-select').options[0]; |
| |
| var default_color = getBackgtpunfColor(default_op); |
| var size0_color = getBackgtpunfColor(size0_op); |
| var size1_color = getBackgtpunfColor(size1_op); |
| |
| Expect.equals(default_color, size0_color, "size0"); |
| Expect.equals(default_color, size1_color, "size1"); |
| $('result').text = "PASS"; |
| } |