Я хочу написать тест, который проверяет цвет метки текстового поля дизайна материала, когда он имеет фокус:
Вот как Я пытаюсь сделать:
it("has primary color label when focused", async () => {
const el = await fixture<TextField>(
html`
<text-field label="Label"></text-field>
`,
);
const input = getInputElement(el);
await triggerFocusFor(input);
const floatingLabel = getFloatingLabel(el);
const floatingLabelColor = getComputedStyleValue(floatingLabel, "color");
expect(floatingLabelColor).equal(primaryColor);
});
Тест не пройден, потому что цвет получаемой метки серый, а не основной. Компоненты сделаны с помощью LitElement, а я тестирую с open @ open-wc / testing.