Necesito obtener los estilos del control deslizante de rango de entrada en javascript para poder probarlo.

Creé un componente de control deslizante de rango que acepta diferentes propiedades de estilo y las agrego al estilo: input[type="range"]::-webkit-slider-runnable-track .

Y quiero probar que los estilos en input[type="range"]::-webkit-slider-runnable-track son los estilos que paso al componente. Pero no he encontrado ninguna forma de obtener los estilos de input[type="range"]::-webkit-slider-runnable-track .

Un pseudo ejemplo para probar esto sería:

 const el = document.querySelector('input[type="range"]') expect(el).toHaveStyle("background-image": "the prop style")

El componente se ve así:

 const Input = (props) => { return ( <> <style>{generateStyles(props)}</style> <input data-testid="rangeSliderID" type="range" /> </> )}