Don't check color in firefox using seeCssPropertiesOnElements

[shineqwe]

I'm trying to check the color values.

I use webDriver
If I use the chrome browser, the test passes successfully.
If I use the firefox browser - the test crashes

Color values are the same in both browsers

I.seeCssPropertiesOnElements('//*[@data-testid="dayproduct__brand_link"]', { 'color': 'rgb(16, 168, 255)'});

Details

• CodeceptJS version:
• NodeJS Version:
• Operating System:
• puppeteer || webdriverio || testcafe version (if related)
• Configuration file:

CodeceptJS v3.4.1 #StandWithUkraine
Using test root "/home/mmajorov/test_mobile"
Helpers: WebDriver, REST, ChaiWrapper, FileSystem, JSONResponse, TestITHelper, SetCookies, Custom, Auth, Product, Catalog
Plugins: screenshotOnFail, allure, tryTo, stepByStepReport, retryFailedStep, retryTo, eachElement

Шапка --
    [1]  Starting recording promises
    Timeouts: 
  Попап Выбор города. Проверка списка городов undefined @id:45 @gSite_2
 › [Dir] /home/mmajorov/test_mobile
    --- STARTED "before each" hook: Before for "Попап Выбор города. Проверка списка городов undefined @id:45 @gSite_2" ---
    --- ENDED "before each" hook: Before for "Попап Выбор города. Проверка списка городов undefined @id:45 @gSite_2" ---
    I wait 5
    I grab css property from "//*[@data-testid="dayproduct__brand_link"]", "color"
    › [Grab] rgb(16, 168, 255)
    I see css properties on elements "//*[@data-testid="dayproduct__brand_link"]", {"color":"rgb(16, 168, 255)"}
    [1] Retrying... Attempt #2
    [1] Retrying... Attempt #3
    [1] Retrying... Attempt #4
    [1] Error | AssertionError [ERR_ASSERTION]: expected all elements (//*[@data-testid="dayproduct__brand_link"]) to have CSS property {"color":"rgb(16, 168, 255)"}
    › Screenshot has been saved to /home/mmajorov/test_mobile/output/record_d452e7aed1a00ac25b60ef8ff850d70a/0000.png
    [1] Error | AssertionError [ERR_ASSERTION]: expected all elements (//*[@data-testid="dayproduct__brand_link"]) to have CSS property {"color":"rgb(16, 168, 255)"}
    [1] <teardown> Stopping recording promises
 › <screenshotOnFail> Test failed, try to save a screenshot
 › Screenshot has been saved to /home/mmajorov/test_mobile/output/Попап_Выбор_города._Проверка_списка_городов_undefined_@id_45_@gSite_2.failed.png
 › <stepByStepReport> Adding screenshot to Allure
  ✖ FAILED in 9264ms

    [2]  Starting recording promises

-- FAILURES:

  1) Шапка
       Попап Выбор города. Проверка списка городов undefined @id:45 @gSite_2:

      expected all elements (//*[@data-testid="dayproduct__brand_link"]) to have CSS property {"color":"rgb(16, 168, 255)"}
      + expected - actual

      -false
      +true
      
      at WebDriver.seeCssPropertiesOnElements (node_modules/codeceptjs/lib/helper/WebDriver.js:1497:19)
      at processTicksAndRejections (node:internal/process/task_queues:96:5)

[mirao]

I hit the same issue in Playwright + Firefox. The method I.seeCssPropertiesOnElements() always fails though I.grabCssPropertyFrom() returns expected string.
It works well with Chromium.

Workaround:

• Use the combination I.grabCssPropertyFrom() + I.assertEquals() (https://www.npmjs.com/package/codeceptjs-chai)

[mirao]

I hit the same issue in Playwright + Firefox

It was reported also in #3381
Not sure if the bug #3710 for WebDriver has the same reason. If so then it could be a bug in CodeceptJS or in Firefox.

[github-actions]

This issue is stale because it has been open for 90 days with no activity.