Index: LayoutTests/inspector-protocol/layout-fonts/font-style-matching.html |
diff --git a/LayoutTests/inspector-protocol/layout-fonts/font-style-matching.html b/LayoutTests/inspector-protocol/layout-fonts/font-style-matching.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..9bbe77c30b387e57e8e2be8f4c55db8c99c97481 |
--- /dev/null |
+++ b/LayoutTests/inspector-protocol/layout-fonts/font-style-matching.html |
@@ -0,0 +1,258 @@ |
+<!DOCTYPE html> |
+<html> |
+<meta charset="UTF-8"> |
+<head> |
+ <script type="text/javascript" src="../../http/tests/inspector-protocol/inspector-protocol-test.js"></script> |
+ <script type="text/javascript" src="../../http/tests/inspector-protocol/css-protocol-test.js"></script> |
+ <script type="text/javascript" src="../../http/tests/inspector-protocol/dom-protocol-test.js"></script> |
+ <script type="text/javascript" src="resources/style-matching-test.js"></script> |
+ <link rel="stylesheet" type="text/css" href="resources/style-matching.css"> |
+</head> |
+<body> |
+ <div class="test"> |
+ <div id="normal_normal_onehundred">abcdefg</div> |
+ <div id="normal_normal_twohundred">abcdefg</div> |
+ <div id="normal_normal_threehundred">abcdefg</div> |
+ <div id="normal_normal_fourhundred">abcdefg</div> |
+ <div id="normal_normal_fivehundred">abcdefg</div> |
+ <div id="normal_normal_sixhundred">abcdefg</div> |
+ <div id="normal_normal_sevenhundred">abcdefg</div> |
+ <div id="normal_normal_eighthundred">abcdefg</div> |
+ <div id="normal_normal_ninehundred">abcdefg</div> |
+ <div id="normal_oblique_onehundred">abcdefg</div> |
+ <div id="normal_oblique_twohundred">abcdefg</div> |
+ <div id="normal_oblique_threehundred">abcdefg</div> |
+ <div id="normal_oblique_fourhundred">abcdefg</div> |
+ <div id="normal_oblique_fivehundred">abcdefg</div> |
+ <div id="normal_oblique_sixhundred">abcdefg</div> |
+ <div id="normal_oblique_sevenhundred">abcdefg</div> |
+ <div id="normal_oblique_eighthundred">abcdefg</div> |
+ <div id="normal_oblique_ninehundred">abcdefg</div> |
+ <div id="normal_italic_onehundred">abcdefg</div> |
+ <div id="normal_italic_twohundred">abcdefg</div> |
+ <div id="normal_italic_threehundred">abcdefg</div> |
+ <div id="normal_italic_fourhundred">abcdefg</div> |
+ <div id="normal_italic_fivehundred">abcdefg</div> |
+ <div id="normal_italic_sixhundred">abcdefg</div> |
+ <div id="normal_italic_sevenhundred">abcdefg</div> |
+ <div id="normal_italic_eighthundred">abcdefg</div> |
+ <div id="normal_italic_ninehundred">abcdefg</div> |
+ <div id="ultracondensed_normal_onehundred">abcdefg</div> |
+ <div id="ultracondensed_normal_twohundred">abcdefg</div> |
+ <div id="ultracondensed_normal_threehundred">abcdefg</div> |
+ <div id="ultracondensed_normal_fourhundred">abcdefg</div> |
+ <div id="ultracondensed_normal_fivehundred">abcdefg</div> |
+ <div id="ultracondensed_normal_sixhundred">abcdefg</div> |
+ <div id="ultracondensed_normal_sevenhundred">abcdefg</div> |
+ <div id="ultracondensed_normal_eighthundred">abcdefg</div> |
+ <div id="ultracondensed_normal_ninehundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_onehundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_twohundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_threehundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_fourhundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_fivehundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_sixhundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_sevenhundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_eighthundred">abcdefg</div> |
+ <div id="ultracondensed_oblique_ninehundred">abcdefg</div> |
+ <div id="ultracondensed_italic_onehundred">abcdefg</div> |
+ <div id="ultracondensed_italic_twohundred">abcdefg</div> |
+ <div id="ultracondensed_italic_threehundred">abcdefg</div> |
+ <div id="ultracondensed_italic_fourhundred">abcdefg</div> |
+ <div id="ultracondensed_italic_fivehundred">abcdefg</div> |
+ <div id="ultracondensed_italic_sixhundred">abcdefg</div> |
+ <div id="ultracondensed_italic_sevenhundred">abcdefg</div> |
+ <div id="ultracondensed_italic_eighthundred">abcdefg</div> |
+ <div id="ultracondensed_italic_ninehundred">abcdefg</div> |
+ <div id="extracondensed_normal_onehundred">abcdefg</div> |
+ <div id="extracondensed_normal_twohundred">abcdefg</div> |
+ <div id="extracondensed_normal_threehundred">abcdefg</div> |
+ <div id="extracondensed_normal_fourhundred">abcdefg</div> |
+ <div id="extracondensed_normal_fivehundred">abcdefg</div> |
+ <div id="extracondensed_normal_sixhundred">abcdefg</div> |
+ <div id="extracondensed_normal_sevenhundred">abcdefg</div> |
+ <div id="extracondensed_normal_eighthundred">abcdefg</div> |
+ <div id="extracondensed_normal_ninehundred">abcdefg</div> |
+ <div id="extracondensed_oblique_onehundred">abcdefg</div> |
+ <div id="extracondensed_oblique_twohundred">abcdefg</div> |
+ <div id="extracondensed_oblique_threehundred">abcdefg</div> |
+ <div id="extracondensed_oblique_fourhundred">abcdefg</div> |
+ <div id="extracondensed_oblique_fivehundred">abcdefg</div> |
+ <div id="extracondensed_oblique_sixhundred">abcdefg</div> |
+ <div id="extracondensed_oblique_sevenhundred">abcdefg</div> |
+ <div id="extracondensed_oblique_eighthundred">abcdefg</div> |
+ <div id="extracondensed_oblique_ninehundred">abcdefg</div> |
+ <div id="extracondensed_italic_onehundred">abcdefg</div> |
+ <div id="extracondensed_italic_twohundred">abcdefg</div> |
+ <div id="extracondensed_italic_threehundred">abcdefg</div> |
+ <div id="extracondensed_italic_fourhundred">abcdefg</div> |
+ <div id="extracondensed_italic_fivehundred">abcdefg</div> |
+ <div id="extracondensed_italic_sixhundred">abcdefg</div> |
+ <div id="extracondensed_italic_sevenhundred">abcdefg</div> |
+ <div id="extracondensed_italic_eighthundred">abcdefg</div> |
+ <div id="extracondensed_italic_ninehundred">abcdefg</div> |
+ <div id="condensed_normal_onehundred">abcdefg</div> |
+ <div id="condensed_normal_twohundred">abcdefg</div> |
+ <div id="condensed_normal_threehundred">abcdefg</div> |
+ <div id="condensed_normal_fourhundred">abcdefg</div> |
+ <div id="condensed_normal_fivehundred">abcdefg</div> |
+ <div id="condensed_normal_sixhundred">abcdefg</div> |
+ <div id="condensed_normal_sevenhundred">abcdefg</div> |
+ <div id="condensed_normal_eighthundred">abcdefg</div> |
+ <div id="condensed_normal_ninehundred">abcdefg</div> |
+ <div id="condensed_oblique_onehundred">abcdefg</div> |
+ <div id="condensed_oblique_twohundred">abcdefg</div> |
+ <div id="condensed_oblique_threehundred">abcdefg</div> |
+ <div id="condensed_oblique_fourhundred">abcdefg</div> |
+ <div id="condensed_oblique_fivehundred">abcdefg</div> |
+ <div id="condensed_oblique_sixhundred">abcdefg</div> |
+ <div id="condensed_oblique_sevenhundred">abcdefg</div> |
+ <div id="condensed_oblique_eighthundred">abcdefg</div> |
+ <div id="condensed_oblique_ninehundred">abcdefg</div> |
+ <div id="condensed_italic_onehundred">abcdefg</div> |
+ <div id="condensed_italic_twohundred">abcdefg</div> |
+ <div id="condensed_italic_threehundred">abcdefg</div> |
+ <div id="condensed_italic_fourhundred">abcdefg</div> |
+ <div id="condensed_italic_fivehundred">abcdefg</div> |
+ <div id="condensed_italic_sixhundred">abcdefg</div> |
+ <div id="condensed_italic_sevenhundred">abcdefg</div> |
+ <div id="condensed_italic_eighthundred">abcdefg</div> |
+ <div id="condensed_italic_ninehundred">abcdefg</div> |
+ <div id="semicondensed_normal_onehundred">abcdefg</div> |
+ <div id="semicondensed_normal_twohundred">abcdefg</div> |
+ <div id="semicondensed_normal_threehundred">abcdefg</div> |
+ <div id="semicondensed_normal_fourhundred">abcdefg</div> |
+ <div id="semicondensed_normal_fivehundred">abcdefg</div> |
+ <div id="semicondensed_normal_sixhundred">abcdefg</div> |
+ <div id="semicondensed_normal_sevenhundred">abcdefg</div> |
+ <div id="semicondensed_normal_eighthundred">abcdefg</div> |
+ <div id="semicondensed_normal_ninehundred">abcdefg</div> |
+ <div id="semicondensed_oblique_onehundred">abcdefg</div> |
+ <div id="semicondensed_oblique_twohundred">abcdefg</div> |
+ <div id="semicondensed_oblique_threehundred">abcdefg</div> |
+ <div id="semicondensed_oblique_fourhundred">abcdefg</div> |
+ <div id="semicondensed_oblique_fivehundred">abcdefg</div> |
+ <div id="semicondensed_oblique_sixhundred">abcdefg</div> |
+ <div id="semicondensed_oblique_sevenhundred">abcdefg</div> |
+ <div id="semicondensed_oblique_eighthundred">abcdefg</div> |
+ <div id="semicondensed_oblique_ninehundred">abcdefg</div> |
+ <div id="semicondensed_italic_onehundred">abcdefg</div> |
+ <div id="semicondensed_italic_twohundred">abcdefg</div> |
+ <div id="semicondensed_italic_threehundred">abcdefg</div> |
+ <div id="semicondensed_italic_fourhundred">abcdefg</div> |
+ <div id="semicondensed_italic_fivehundred">abcdefg</div> |
+ <div id="semicondensed_italic_sixhundred">abcdefg</div> |
+ <div id="semicondensed_italic_sevenhundred">abcdefg</div> |
+ <div id="semicondensed_italic_eighthundred">abcdefg</div> |
+ <div id="semicondensed_italic_ninehundred">abcdefg</div> |
+ <div id="semiexpanded_normal_onehundred">abcdefg</div> |
+ <div id="semiexpanded_normal_twohundred">abcdefg</div> |
+ <div id="semiexpanded_normal_threehundred">abcdefg</div> |
+ <div id="semiexpanded_normal_fourhundred">abcdefg</div> |
+ <div id="semiexpanded_normal_fivehundred">abcdefg</div> |
+ <div id="semiexpanded_normal_sixhundred">abcdefg</div> |
+ <div id="semiexpanded_normal_sevenhundred">abcdefg</div> |
+ <div id="semiexpanded_normal_eighthundred">abcdefg</div> |
+ <div id="semiexpanded_normal_ninehundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_onehundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_twohundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_threehundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_fourhundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_fivehundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_sixhundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_sevenhundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_eighthundred">abcdefg</div> |
+ <div id="semiexpanded_oblique_ninehundred">abcdefg</div> |
+ <div id="semiexpanded_italic_onehundred">abcdefg</div> |
+ <div id="semiexpanded_italic_twohundred">abcdefg</div> |
+ <div id="semiexpanded_italic_threehundred">abcdefg</div> |
+ <div id="semiexpanded_italic_fourhundred">abcdefg</div> |
+ <div id="semiexpanded_italic_fivehundred">abcdefg</div> |
+ <div id="semiexpanded_italic_sixhundred">abcdefg</div> |
+ <div id="semiexpanded_italic_sevenhundred">abcdefg</div> |
+ <div id="semiexpanded_italic_eighthundred">abcdefg</div> |
+ <div id="semiexpanded_italic_ninehundred">abcdefg</div> |
+ <div id="expanded_normal_onehundred">abcdefg</div> |
+ <div id="expanded_normal_twohundred">abcdefg</div> |
+ <div id="expanded_normal_threehundred">abcdefg</div> |
+ <div id="expanded_normal_fourhundred">abcdefg</div> |
+ <div id="expanded_normal_fivehundred">abcdefg</div> |
+ <div id="expanded_normal_sixhundred">abcdefg</div> |
+ <div id="expanded_normal_sevenhundred">abcdefg</div> |
+ <div id="expanded_normal_eighthundred">abcdefg</div> |
+ <div id="expanded_normal_ninehundred">abcdefg</div> |
+ <div id="expanded_oblique_onehundred">abcdefg</div> |
+ <div id="expanded_oblique_twohundred">abcdefg</div> |
+ <div id="expanded_oblique_threehundred">abcdefg</div> |
+ <div id="expanded_oblique_fourhundred">abcdefg</div> |
+ <div id="expanded_oblique_fivehundred">abcdefg</div> |
+ <div id="expanded_oblique_sixhundred">abcdefg</div> |
+ <div id="expanded_oblique_sevenhundred">abcdefg</div> |
+ <div id="expanded_oblique_eighthundred">abcdefg</div> |
+ <div id="expanded_oblique_ninehundred">abcdefg</div> |
+ <div id="expanded_italic_onehundred">abcdefg</div> |
+ <div id="expanded_italic_twohundred">abcdefg</div> |
+ <div id="expanded_italic_threehundred">abcdefg</div> |
+ <div id="expanded_italic_fourhundred">abcdefg</div> |
+ <div id="expanded_italic_fivehundred">abcdefg</div> |
+ <div id="expanded_italic_sixhundred">abcdefg</div> |
+ <div id="expanded_italic_sevenhundred">abcdefg</div> |
+ <div id="expanded_italic_eighthundred">abcdefg</div> |
+ <div id="expanded_italic_ninehundred">abcdefg</div> |
+ <div id="extraexpanded_normal_onehundred">abcdefg</div> |
+ <div id="extraexpanded_normal_twohundred">abcdefg</div> |
+ <div id="extraexpanded_normal_threehundred">abcdefg</div> |
+ <div id="extraexpanded_normal_fourhundred">abcdefg</div> |
+ <div id="extraexpanded_normal_fivehundred">abcdefg</div> |
+ <div id="extraexpanded_normal_sixhundred">abcdefg</div> |
+ <div id="extraexpanded_normal_sevenhundred">abcdefg</div> |
+ <div id="extraexpanded_normal_eighthundred">abcdefg</div> |
+ <div id="extraexpanded_normal_ninehundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_onehundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_twohundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_threehundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_fourhundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_fivehundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_sixhundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_sevenhundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_eighthundred">abcdefg</div> |
+ <div id="extraexpanded_oblique_ninehundred">abcdefg</div> |
+ <div id="extraexpanded_italic_onehundred">abcdefg</div> |
+ <div id="extraexpanded_italic_twohundred">abcdefg</div> |
+ <div id="extraexpanded_italic_threehundred">abcdefg</div> |
+ <div id="extraexpanded_italic_fourhundred">abcdefg</div> |
+ <div id="extraexpanded_italic_fivehundred">abcdefg</div> |
+ <div id="extraexpanded_italic_sixhundred">abcdefg</div> |
+ <div id="extraexpanded_italic_sevenhundred">abcdefg</div> |
+ <div id="extraexpanded_italic_eighthundred">abcdefg</div> |
+ <div id="extraexpanded_italic_ninehundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_onehundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_twohundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_threehundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_fourhundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_fivehundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_sixhundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_sevenhundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_eighthundred">abcdefg</div> |
+ <div id="ultraexpanded_normal_ninehundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_onehundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_twohundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_threehundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_fourhundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_fivehundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_sixhundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_sevenhundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_eighthundred">abcdefg</div> |
+ <div id="ultraexpanded_oblique_ninehundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_onehundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_twohundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_threehundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_fourhundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_fivehundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_sixhundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_sevenhundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_eighthundred">abcdefg</div> |
+ <div id="ultraexpanded_italic_ninehundred">abcdefg</div> |
+ </div> |
+</body> |
+</html> |