testing-library/jest-dom

toHaveStyle for property `font-size` behaves incorrectly for number values

Open

#564 ouverte le 27 déc. 2023

Voir sur GitHub
 (2 commentaires) (1 réaction) (0 assignés)JavaScript (416 forks)github user discovery
buggood first issue

Métriques du dépôt

Stars
 (4 594 stars)
Métriques de merge PR
 (Métriques PR en attente)

Description

  • @testing-library/jest-dom version: 6.1.5
  • node version: 20.3.1
  • jest (or vitest) version: 0.34.1
  • npm (or yarn) version: 9.6.7

Relevant code or config:

render(<div data-testid="element" style={{ fontSize: 8 }} />)
expect(screen.getByTestId('element')).toHaveStyle({ fontSize: 1 })

What you did:

I expected the above assertion to fail

What happened:

The test passes instead!✅

Reproduction:

Problem description:

the assertion is clearly incorrect and can easily cause bugs

Suggested solution:

I have not thought of a solution yet but would like to investigate this issue during my off hours.

Guide contributeur

Direction de recherche
Inspectez l'implémentation du matcher toHaveStyle dans jest dom, en particulier comment il gère les valeurs numériques pour les propriétés CSS comme font size. Recherchez la logique d'analyse et de comparaison.
Stack technique
javascript
Domaine
testing
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
JavaScriptjest
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75