third_party/WebKit/LayoutTests/accessibility/background-color.html - Issue 2006043002: Improved the reporting of background color information.

Unified Diff: third_party/WebKit/LayoutTests/accessibility/background-color.html

Issue 2006043002: Improved the reporting of background color information. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Added blank line to test expectations. Created 4 years, 7 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « content/test/data/accessibility/css/color-expected-win.txt ('k') | third_party/WebKit/LayoutTests/accessibility/css-styles.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/WebKit/LayoutTests/accessibility/background-color.html

diff --git a/third_party/WebKit/LayoutTests/accessibility/background-color.html b/third_party/WebKit/LayoutTests/accessibility/background-color.html

new file mode 100644

index 0000000000000000000000000000000000000000..4318d167c4cb12a35f9aec078990ae0207701dd3

--- /dev/null

+++ b/third_party/WebKit/LayoutTests/accessibility/background-color.html

@@ -0,0 +1,63 @@

+<!DOCTYPE html>

+<script src="../resources/testharness.js"></script>

+<script src="../resources/testharnessreport.js"></script>

+

+<div id="default">Document base color.</div>

+<div style="background-color: blue">

+ <p id="transparent" style="background-color: transparent">Transparent color.</p>

+</div>

+<div style="background-color: blue">

+ <div style="background-color: green">

+ <p id="obscuring-background" style="background-color: transparent">Obscuring background.</p>

+ </div>

+</div>

+<p id="blended-default" style="background-color: rgba(50%, 50%, 50%, 0.5)">

+ Blended with document base color.

+</p>

+<div style="background-color: rgba(50%, 50%, 50%, 0.5)">

+ <p id="blended-background" style="background-color: rgba(50%, 50%, 50%, 0.5)">

+ Blended with background color.

+ </p>

+</div>

+<script>

+test(function()

+ var axDefault = accessibilityController.accessibleElementById('default');

+ assert_equals(axDefault.backgroundColor, 0xffffffff); // White

+ document.getElementById('default').style.display = 'none';

+}, 'Ensures that the document base color is exposed.');

+test(function()

+ var axTransparent = accessibilityController.accessibleElementById('transparent');

+ assert_equals(axTransparent.backgroundColor, 0xff0000ff); // Blue

+ document.getElementById('transparent').style.display = 'none';

+}, 'Ensures that the color of the parent is exposed if the text background is transparent.');

+test(function()

+ var axObscuring = accessibilityController.accessibleElementById('obscuring-background');

+ assert_equals(axObscuring.backgroundColor, 0xff008000); // Green

+ document.getElementById('obscuring-background').style.display = 'none';

+}, 'Ensures that the color of the parent is the only one exposed if it is not transparent.');

+test(function()

+ var axBlended = accessibilityController.accessibleElementById('blended-default');

+ assert_equals(axBlended.backgroundColor, 0xffbfbfbf); // Lite gray

+ document.getElementById('blended-default').style.display = 'none';

+}, 'Ensures that semi-transparent text background color is blended with document base color.');

+test(function()

+ var axBlended = accessibilityController.accessibleElementById('blended-background');

+ assert_equals(axBlended.backgroundColor, 0xff9f9f9f); // Medium gray

+ document.getElementById('blended-background').style.display = 'none';

+}, 'Ensures that background colors of overlapping objects are blended.');

+</script>