Query things that have "no role"

[iiLearner]

Hi, How do I query in DOM items that do not have a role? for exampe:

<div className={classNames('ios', styles.ff_ar_choice_modal_content__platform)}>
	<PlatformButton onClick={() => onPlatformSelect(PLATFORMS.iOS)}>
		<AppleIcon />
	</PlatformButton>
</div>

I'm trying to query this and then click it but since its a simple div with an image inside, im not sure how to query it.

[Belco90]

Hi! I don't get why are you interested in clicking on the div in particular. You have a button inside, you should query that element and click on it instead.

Am I missing something else?

[iiLearner]

Hi, that's not a button, its another div element (named as button) which simply contains a svg icon.

[Belco90]

That's really misleading. If it's an interactive element, it shouldn't be a div but a proper HTML element. In this case, it seems it should be an actual button.