Verify Color : Chrome is RGBA but Firefox is RGB

[Phuong the]

Hi all,

I meet the trouble with verify color on Chrome and Firefox

when run galen script on Chrome, the color always is RBGA ( ex : "rgba(244, 0, 14, 1)" )  while Firefox is RGB , ex : "rgb(244, 0, 14)" 

does anyone have solution for this case ? 

thanks,

Phuong Nguyen.

[Phuong the]

I'm using galen 2.3.2 and sublime text 

[danie...@klarna.com]

Same problem here. Anyone can help on this?

[Ivan Shubin]

Hi,

Galen only allows you to verify the string value of computed CSS style. Different browsers may format it differently. So there is no easy way to solve this issue at the moment

Regards,

Ivan

[bethany...@gmail.com]

We have a solution for this - change the spec from:

css color is "rgba(51, 51, 51, 1)"

 to 

css color matches "rgb(a)?\(51, 51, 51(, 1)?\)"

Ideally we'd make a rule that uses the above but currently that's our solution.

[SwooshAaoosh]

I was doing: 

css color contains "51, 51, 51"

but that looks much cooler Bethany, I'll try that, Thanks

[Thành Hoàng]

It not work for me

Please help

[Mark]

I've been playing around with this for a while and the test is still failing

Test:

css color matches "rgb(a)?\(0, 125, 184(, 1)?\)"

Test report:

css property "color" is "rgba(0, 125, 184, 1)" but should match "rgb(a)?(0, 125, 184(, 1)?)"

[Mark]

Using double backslashes solved the issue:

[cza...@gmail.com]

hi all, I'm facing similar issue. Browser returns "rgba(0, 0, 0, 0)" once and "transparent"  another time.

None of solutions I tried works. 

Tried: css background-color matches "transparent|rgba(0, 0, 0, 0)" and others. Missing simple OR operator.

Any solution for this?

thanks

Karol

[jayesh.p...@zeuslearning.com]

 Sorry, earlier I had missed a case where if a is not equal to 0, firefox and ie returns "rgba(244, 0, 14, 1)" .  Here is the updated rule:

@rule %{itemPattern} has %{fontFamily} %{r} %{g} %{b} %{a} %{fontSize} %{fontWeight}

@forEach [${itemPattern}] as item

${item}:

@if ${a == 1}

@on firefox, edge

css color is "rgb(${r}, ${g}, ${b})"

@on chrome, ie

css color is "rgba(${r}, ${g}, ${b}, ${a})"

@else

css color is "rgba(${r}, ${g}, ${b}, ${a})"

css font-family contains ${fontFamily}

css font-size is ${fontSize}

css font-weight is ${fontWeight}