title: How to locate React based elements using Selenium python
body: <p>The Source code for the react element looks like below:</p>
  
  <pre><code>&lt;g transform="translate(0 80)" style="transform: translate3d(0px, 80px, 0px);"&gt;
   &lt;g class="sc-hMrMfs bRtpcM"&gt;
    &lt;rect class="sc-drlKqa gwqdPs" x="-40" y="-20" height="40" width="80" rx="20" ry="20"&gt;
    &lt;path class="sc-bIqbHp fiTNSa" d=" M -8 -6.666666666666667 l -6.666666666666667 6.666666666666667 l 6.666666666666667 6.666666666666667 "&gt;
    &lt;path class="sc-bIqbHp fiTNSa" d=" M 8 -6.666666666666667 l 6.666666666666667 6.666666666666667 l -6.666666666666667 6.666666666666667 "&gt;
    &lt;path class="sc-bIqbHp fiTNSa" d="M -13.333333333333334 0 h 26.666666666666668"&gt;
    &lt;rect class="sc-jxGEyO lfiaEG" x="-40" y="-20" height="40" width="80"&gt;
   &lt;/g&gt;
  &lt;/g&gt;
  </code></pre>
  
  <p>I'm trying to locate and right click the below element </p>
  
  <pre><code>&lt;rect class="sc-jxGEyO lfiaEG" x="-40" y="-20" height="40" width="80"&gt;
  </code></pre>
  
  <p>using</p>
  
  <pre><code>slider = driver.find_element_by_xpath('//*[@transform="translate(0 80)"]/g/rect[2]')
  ActionChains(driver).context_click(slider).perform()
  </code></pre>
  
  <p>but this doesn't seem to work. Is there a better way to locate such react based elements using selenium webdriver?</p>
  
  <p>P.S : <strong>The class name changes i.e is dynamic, so I can't use the class name in the xpath.</strong></p>