One our developers gave me following code part:
[image: Bildschirmfoto 2018-11-30 um 08.17.28.png]
So I figured out chrome shows some different code than react's dev tool.
With this css string finally I can select the dropdown value:
$('div.Select.is-open.is-searchable.Select--single > div.Select-menu-outer >
div.Select-menu > div[role="option"][id*="--option-1"]').click()
On Monday, December 3, 2018 at 2:52:52 PM UTC+1, Martin de laat wrote:
>
> Can you inspect the dropdownpanel? (not the dropdown itself, the thing
> containing 'Herr' und 'Frau')
>
> See if it's actually nested under your dropdown or at the <body> level for
> example.
>
> What I ended up doing in a similar scenario is create seperate Geb modules
> for the dropdown itself, the dropdownpanel, and each item.
> Dropdown contains a dropdownpanel.
> Dropdownpanel contains a modulelist with items.
>
> In our case, our dropdown panel is not nexted under the dropdown in the
> DOM as it didn't behave the way we wanted. It was put at the <body> level.
> However, as far as testing functionality is concerned, we consider the
> dropdown panel to be part of the dropdown element, so we ended up with:
> static content = {
> dropdownPanel(wait: true) { parents('body').module(DropdownPanel) }
> }
>
> This probably breaks some Geb best practice. But it ended up working
> nicely for us.
>
--
You received this message because you are subscribed to the Google Groups "Geb
User Mailing List" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/geb-user/7a6142ff-a4ef-4eb0-95f9-369a3d3dbfbf%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
