No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Adquiere por un a√Īo todos los cursos, escuelas y certificados por un precio especial.

Antes: $249

Currency
$219/a√Īo

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Comprar ahora

Termina en:

1D
11H
28M
41S

Button test

5/15
Recursos

Aportes 2

Preguntas 1

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

en mi caso, para que todo pueda correr bien y pase el test, a la hora de desestructurar las props a√Īadir ‚ĶotherProps

const { className, bgColor, color, width, height, colorHover, bgColorHover, borderRadius, ...otherProps } = props 

el archivo completo quedaría de esta forma
src/Button/Button.js:

import { forwardRef } from 'react'
import { cx, css } from "@emotion/css";
import { PropTypes } from 'prop-types'

const buttonStyles = (bgColor, color, width, height, colorHover, bgColorHover, borderRadius)=> css`
    background-color: ${bgColor};
    color: ${color};
    border-radius: ${borderRadius || '8px'};
    width: ${width || '40px'};
    height: ${height || '150px'};
    text-align: center;
    &:hover {
        background-color: ${bgColorHover};
        color: ${colorHover};
    }
`

const Button = forwardRef((props, ref)=> {
    const { className, bgColor, color, width, height, colorHover, bgColorHover, borderRadius, ...otherProps } = props 
    
    return (
        <button
            ref={ref}
            type="button"
            {...otherProps}
            className={cx(buttonStyles(bgColor, color, width, height, colorHover, bgColorHover, borderRadius), className)}
        />
    )
})

Button.propTypes = {
    className: PropTypes.string,
    bgColor: PropTypes.string,
    color: PropTypes.string,
    width: PropTypes.string,
    height: PropTypes.string,
    bgColorHover: PropTypes.string,
    colorHover: PropTypes.string,
    borderRadius: PropTypes.string
}

export default Button 

Agregue la siguiente línea de código, pues no me reconocía los métodos de toHaveClass y toHaveStyle:

import { toHaveClass,toHaveStyle } from '@testing-library/jest-dom';