Fixes for font palette tests (#32815)

web-platform-tests · Feb 11, 2022 · 1c96e26 · 1c96e26
1 parent 1acb71d
commit 1c96e26
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 13 deletions.
diff --git a/css/css-fonts/font-palette-modify-notref.html b/css/css-fonts/font-palette-modify-notref.html
@@ -11,19 +11,13 @@
     src: url("resources/COLR-palettes-test-font.ttf") format("truetype");
 }
 
-@font-palette-values MyPalette {
+@font-palette-values --MyPalette {
     font-family: "COLR-test-font";
     base-palette: 1;
 }
-
-@font-palette-values MyPalette2 {
-    font-family: "COLR-test-font";
-    base-palette: 0;
-    override-color: 1 #00FF00;
-}
 </style>
 </head>
 <body>
-<div id="target" style="font: 48px 'COLR-test-font'; font-palette: MyPalette;">A</div>
+<div id="target" style="font: 48px 'COLR-test-font'; font-palette: --MyPalette;">A</div>
 </body>
 </html>
diff --git a/css/css-fonts/font-palette-modify.html b/css/css-fonts/font-palette-modify.html
@@ -20,7 +20,8 @@
 @font-palette-values --MyPalette2 {
     font-family: "COLR-test-font";
     base-palette: 0;
-    override-colors: 1 #00FF00;
+    /* Glyph 'A' uses palette indices 3 and 7. */
+    override-colors: 3 #00FF00;
 }
 </style>
 </head>

diff --git a/css/css-fonts/font-palette-remove-notref.html b/css/css-fonts/font-palette-remove-notref.html
@@ -11,13 +11,13 @@
     src: url("resources/COLR-palettes-test-font.ttf") format("truetype");
 }
 
-@font-palette-values MyPalette {
+@font-palette-values --MyPalette {
     font-family: "COLR-test-font";
     base-palette: 1;
 }
 </style>
 </head>
 <body>
-<div id="target" style="font: 48px 'COLR-test-font'; font-palette: MyPalette;">A</div>
+<div id="target" style="font: 48px 'COLR-test-font'; font-palette: --MyPalette;">A</div>
 </body>
 </html>
diff --git a/css/css-fonts/palette-values-rule-delete-notref.html b/css/css-fonts/palette-values-rule-delete-notref.html
@@ -11,13 +11,13 @@
     src: url("resources/COLR-palettes-test-font.ttf") format("truetype");
 }
 
-@font-palette-values MyPalette {
+@font-palette-values --MyPalette {
     font-family: "COLR-test-font";
     base-palette: 1;
 }
 </style>
 </head>
 <body>
-<div style="font: 48px 'COLR-test-font'; font-palette: MyPalette;">A</div>
+<div style="font: 48px 'COLR-test-font'; font-palette: --MyPalette;">A</div>
 </body>
 </html>