How to test React applications using Robot framework.

[TamiZ]

Hi Team,

My team recently developed React application with AG GRID. Initially i was trying to using Selenium2Library to automate the same. But finding a big time difficulty in xpath identification.

I was surfing through net to see if there are any examples and found "

robotframework-react

But this also not working in my application.

Did any one tried to automate React application with AG-GRID.

Please help me on this.

Thank you in advance.

Regards,

Tamilarasan.

[Tatu Aalto]

Ugh

I have tested small React application by using Selenium2Library.l and I don't recall any specific problems. 

-Tatu
Send from my mobile

--
You received this message because you are subscribed to the Google Groups "robotframework-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to robotframework-users+unsub...@googlegroups.com.
To post to this group, send email to robotframework-users@googlegroups.com.
Visit this group at https://groups.google.com/group/robotframework-users.
For more options, visit https://groups.google.com/d/optout.

[Nesat Ufuk]

I have just dealing with an React aplication too. I am facing some issues with unvisible/ungenerated elements like below.
Do you folks have any suggestions how to locate that element?
Those below did not worked?

driver.find_element_by_xpath("//div[@data-reactid='.4.1.2.1:1.0.0.1.0:$placeholder']")

or

driver.find_element_by_xpath("//div[contains(@data-reactid,'.4.1.2.1:1.0.0.1.0:$placeholder')]")

It is a drop down to select brands of SUT.
Before selection

<div class="Select is-searchable" data-reactid=".4.1.2.1:1.0.0">

<input name="form-field-name" value="" data-reactid=".4.1.2.1:1.0.0.0" type="hidden">

<div class="Select-control" data-reactid=".4.1.2.1:1.0.0.1">

<div class="Select-placeholder" data-reactid=".4.1.2.1:1.0.0.1.0:$placeholder">Select Brand</div>

<div class="Select-input " style="display:inline-block;" data-reactid=".4.1.2.1:1.0.0.1.1">

After selection

<div class="Select is-searchable has-value" data-reactid=".4.1.2.1:1.0.0">

<input name="form-field-name" value="1015" data-reactid=".4.1.2.1:1.0.0.0" type="hidden">

<div class="Select-control" data-reactid=".4.1.2.1:1.0.0.1">

<div class="Select-placeholder" data-reactid=".4.1.2.1:1.0.0.1.0:$placeholder" title="">C1 Brand 1</div>

<div class="Select-input " style="display:inline-block;" data-reactid=".4.1.2.1:1.0.0.1.1">

<span class="Select-arrow-zone" data-reactid=".4.1.2.1:1.0.0.1.2"></span>

<span class="Select-arrow" data-reactid=".4.1.2.1:1.0.0.1.3"></span>

<span class="Select-clear" title="Clear value" aria-label="Clear value" data-reactid=".4.1.2.1:1.0.0.1.5">×</span>

Thanks

[Tamilarasan Rajendran]

Hi,

I am facing issue in identifying elements in the gui..

There are no unique identifier or attribute to use in the script.

Is there any other way?

Thank you,

Regards,
Tamil

On Jun 13, 2017 8:19 AM, "Nesat Ufuk" <nes...@gmail.com> wrote:

I have just dealing with an React aplication too. I am facing some issues with unvisible/ungenerated elements like below.

Do you folks have any suggestions?