[css-ui] Verify caret-color animations

[mrego]

Added 2 new tests to check that "caret-color: auto" isn't interpolatible,
but "caret-color: currentcolor" is.

See w3c/csswg-drafts#781 for more information.

---

This change is 

[syncbot]

Automatic validation checks of commit 7af5a49 passed.

[frivoal]

What is the point of this line and of caret-color: red higher up in the test? It seems to me that we could just drop them and still test what the assert claims this test is about.

[frivoal]

What is the point of this line and of caret-color: red higher up in the test? It seems to me that we could just drop them and still test what the assert claims this test is about.

[frivoal]

Seems to me that both test contain a small unnecessary part. Other than that, they look good to me.

[syncbot]

Automatic validation checks of commit 846cbb9 passed.

[mrego]

Yeah those lines were not needed, uploaded a new version without them.

BTW, this also depends on w3c/csswg-drafts#566 too (like #1161).

[frivoal]

BTW, this also depends on w3c/csswg-drafts#566 too

Does it? CSS-UI says that caret-color computes values the same was as the color property. The color property says that the computed value of color keywords is an rgb() value. css-animations says that animations operate by changing the computed value.

Both css-ui and css-color say that using fairly poor phrasing, as we're discussing in w3c/csswg-drafts#741, but the intent is still unambiguous for this case.

It seems to me that the test is valid even before we decide that resolved values are used values for colors as argued in w3c/csswg-drafts#566. Am I missing something?

[mrego]

It's basically the first assert:

        assert_equals(getComputedStyle(textarea).caretColor, 'rgb(255, 0, 255)');

It's checking the resolved style of auto (in 019 test) and currentcolor (in 020).
Without w3c/csswg-drafts#566 resolved this assert would be something like (in 019 test):

        assert_equals(getComputedStyle(textarea).caretColor, 'auto');

[frivoal]

You're right, I missed that. I think we could (should) simplify the test and remove that dependency on w3c/csswg-drafts#566 by removing this:

        player.currentTime = 0;
        assert_equals(getComputedStyle(textarea).caretColor, 'rgb(255, 0, 255)');

and (unrelated to the w3c/csswg-drafts#566, but still not necessary):

        player.currentTime = 10;
        assert_equals(getComputedStyle(textarea).caretColor, 'rgb(0, 255, 0)');

from both tests, and only keeping player.currentTime = 5 and the following assert, which is what really matters.

[syncbot]

Automatic validation checks of commit 8d3b746 passed.

[mrego]

@frivoal good idea! I've removed the unneeded lines in the new version.

[syncbot]

Automatic validation checks of commit e9bd02e passed.