webdriverio/webdriverio

[馃悰 Bug]: Tests pass on Firefox, but fail on Chrome

Open

#14255 opened on Mar 7, 2025

View on GitHub
聽(4 comments)聽(0 reactions)聽(0 assignees)JavaScript聽(6,029 stars)聽(1,793 forks)batch import
Bug 馃悰help wanted

Description

Have you read the Contributing Guidelines on issues?

WebdriverIO Version

9.11.0

Node.js Version

22.14.0

Mode

WDIO Testrunner

Which capabilities are you using?

What happened?

I use webdriverio to run tests for this library. The tests pass with firefox, but fail on chrome (locally and on gitlab ci). See the wdio config file here.

What is your expected behavior?

That the tests pass like with firefox...

How to reproduce the bug.

To reproduce the bug, you can fork the gitlab repo and then push a commit to trigger the ci pipeline.

To run the tests on your machine, you can clone the repo

git clone https://gitlab.com/urswilke/table_charter

then

cd table_charter

run

npm i

and then enter

npm run test -- --chrome

Relevant log output

[0-1]  Error:  Test failed due to following error(s):
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
  - chunk-3P4ERZQU.js?v=562c1f34 1822 Error: <rect> attribute height: A negative value is not valid. ("-25.7"): undefined
0-1 undefined Error undefined
[0-1] FAILED in chrome - file:///test/toggle-advanced-settings.test.js

Code of Conduct

  • I agree to follow this project's Code of Conduct

Is there an existing issue for this?

  • I have searched the existing issues

Contributor guide

Tech stack
javascriptnodejs
Domain
testingfrontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
WebdriverIOJavaScriptSVGcross browser testing
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Investigate whether the issue is caused by differences in how Chrome and Firefox handle negative SVG rect heights, or if WebdriverIO's test runner injects different viewport/rendering settings. Look at the wdio.conf.js from the linked GitLab repo and consider adding a test that validates SVG rendering in both browsers. Check if there are existing issues in webdriverio about SVG or Chrome specific failures.