JUnit reporter sometimes adds ansi colors to the report

[AmirTugi]

Describe the bug

Hey, from time to time the JUnit reporter adds ansi colors to my report (not sure what's the rule), and this makes the report unreadable in places like the CircleCI's test results which doesn't show ansi colors.

This is how it looks like:

I used to have a NO_COLOR/--no-color flag, but it applies to both reporters
How can I configure the junit reporter to strip the colors?

Reproduction

I will add a stackblitz once I manage to reproduce it in a standalone environment.
Right now I am experiencing this in my local machine.
I'll add a reproduction once I manage to create one 💪🏼

System Info

System:
    OS: macOS 14.2.1
    CPU: (12) x64 Apple M2 Max
    Memory: 23.80 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.10.0 - ~/.volta/tools/image/node/20.10.0/bin/node
    Yarn: 1.22.19 - ~/.volta/tools/image/yarn/1.22.19/bin/yarn
    npm: 10.2.3 - ~/.volta/tools/image/node/20.10.0/bin/npm
  Browsers:
    Chrome: 120.0.6099.216
    Safari: 17.2.1

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[hi-ogawa]

In your case, color highlight is probably added by testing-library (e.g. @testing-library/react, @testing-library/dom, etc...) and it looks like they adopted a little unusual convention to turning it off by COLORS=false testing-library/dom-testing-library#1166

I tested an example here. Would this help your use case?

https://stackblitz.com/edit/vitest-dev-vitest-8sqonh?file=src%2Fcomponents%2Finput.test.tsx

(Actually, I found a different case where NO_COLOR=1 is not working. I'll create a separate issue for this later #4965)

[github-actions]

Hello @AmirTugi. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction will be closed if they have no activity within 3 days.

[hi-ogawa]

I used to have a NO_COLOR/--no-color flag, but it applies to both reporters. How can I configure the junit reporter to strip the colors?

I mis-understood the request slightly. I suppose you still want to keep the color of other reporter, but just strips ansi code only from junit output. I think always stripping off from junit sounds okay to me. Maybe we can provide an option to switch if there's a strong need of preserving the color there.

[github-actions]

Hello @AmirTugi. Please provide a minimal reproduction using a GitHub repository or StackBlitz. Issues marked with need reproduction will be closed if they have no activity within 3 days.