How to locate element inside <form> <table> element </table> </form>?

Question

I want to locate element TableHeader which is inside a form table, it has the following page structure:

<form> 
  <table id="topNavigation" cellspacing="0" cellpadding="0" border="0" width="100%"> 
    <div class="PageContent"> 
      <table cellspacing="0" cellpadding="0" border="0" width="100%"> 
        <tbody> 
          <tr> 
            <td class="TableLeftCor"/>
            <td class="TableHeader"> Main </td> 
            <td class="TableRightCor"/>
          </tr> 
        </tbody>
      </table> 
      <table cellspacing="0" cellpadding="0" border="0" width="100%">
      <div id="copyright"> 
      </div> 
</form>

Can u please help how to locate table-header using driver.switchTo().frame().

Answer 1

Simple said to describe deference between Frame and Forms, is Frames are a sub-Window from main browser, so to handle objects inside we have to switch driver to this window. But Form is an organizing control to group HTML controls.

see Ref : https://www.w3schools.com/tags/tag_frame.asp

Locate Object in a Frame: 1- Define an object for the frame control. 2- switch the driver to this frame. 3- start finding and dealing with the elements inside the frame. 4- close the frame after finishing. 5- switch the driver again to the default content after closing the frame.

General Example Selenium/C# :

public IWebDriver Driver;
public IWebElement GeneralFrame;
Driver.SwitchTo().Frame(GeneralFrame); 

/*
locate your test objects by using findelment functions and deal with them.
after that make sure to close the frame.
then switch to default content.
*/

Driver.SwitchTo().DefaultContent();