Bug 1922262: Tab group context menu chicklet uses correct styling r=dao,desktop-theme-reviewers,tabbrowser-reviewers

Differential Revision: https://phabricator.services.mozilla.com/D224547
This commit is contained in:
Jeremy Swinarton
2024-10-10 15:00:02 +00:00
parent a8c247cb72
commit 0026e1e3bc
5 changed files with 40 additions and 11 deletions

View File

@@ -674,9 +674,17 @@ add_task(async function test_tabGroupContextMenuMoveTabToGroupBasics() {
"group2 menu item has correct label"
);
Assert.ok(
group2Item.getAttribute("image").includes('fill="blue"'),
group2Item.style
.getPropertyValue("--tab-group-color")
.includes("--tab-group-color-blue"),
"group2 menu item chicklet has correct color"
);
Assert.ok(
group2Item.style
.getPropertyValue("--tab-group-color-invert")
.includes("--tab-group-color-blue-invert"),
"group2 menu item chicklet has correct inverted color"
);
const group1Item = submenu[2];
Assert.equal(
@@ -690,9 +698,17 @@ add_task(async function test_tabGroupContextMenuMoveTabToGroupBasics() {
"group1 menu item has correct label"
);
Assert.ok(
group1Item.getAttribute("image").includes('fill="red"'),
group1Item.style
.getPropertyValue("--tab-group-color")
.includes("--tab-group-color-red"),
"group1 menu item chicklet has correct color"
);
Assert.ok(
group1Item.style
.getPropertyValue("--tab-group-color-invert")
.includes("--tab-group-color-red-invert"),
"group1 menu item chicklet has correct inverted color"
);
}
);