How to pass in data test id for the ImageSlide

[npatel-qb]

I have an image slide that I am using as a custom slide for my lightbox. But I can't pass in the data test id down to the Image Slide. Is there any way to achieve that? I did try to wrap the ImageSlide in a div and use that for the data test id but JestDOM only renders the image tags and not the outer div elements.

[igordanchenko]

Have you tried imageProps?

[npatel-qb]

Like passing the data test id through the imageProps?

[igordanchenko]

Correct. The imageProps prop is getting passed through to the underlying img tag.

[npatel-qb]

Right that makes sense. I couldn't really find a testID or dataTestID field in the imageProps. Is that not supported?

[igordanchenko]

React.ComponentProps doesn't include data- attributes for some reason, so you can either @ts-ignore it or add the following module augmentation:

declare module "react" {
  interface HTMLAttributes<T> extends AriaAttributes, DOMAttributes<T> {
    [dataAttribute: `data-${string}`]: unknown;
  }
}

[npatel-qb]

Great thanks a lot for the help!