I use the WebDriver to open the Browser
                navigate to a URL
                find a spot on the page <- uses Locators and the By class
                
                WebElement spot = driver.findElement(By.<the locator>)
                                      <- this will find the FIRST element
                                          for this locator
                List<WebElement> spots = driver.findElements(By.<the locator>) 
                                      <- this will return a collection of ALL the elements
                                          for this locator
                                          
                 if the spot is NOT FOUND I will get null for the WebElement
                 or an empty List<WebElement>
                 
                
                there are 8 locators:
              1) Id - The value of the attribute id,  id attributes are unique on the page
                                                        so this is fast and easy
                    By.id(..)                                    
                
              2) Tag name The name of HTML tag (e.g., a, p, div, img, etc.).
                                  using this location I could find the FIRST
                                  or ALL matches for this locator
                    By.tagName(...)

              3) Name The value of the attribute name.
                              If the devloper adds a name='..' attribute
                              (which is required for forms) 
                              using this location I could find the FIRST
                                  or ALL matches for this locator
                    By.name(...)          
                              
              4) Class name The value of the attribute class.
                             This is the CSS style class name
                             using this location I could find the FIRST
                                  or ALL matches for this locator
                   By.className(...)  (css selector that starts with '.')
                   
                   
             5) Link text The exact text value displayed by a link (i.e., a HTML tag).
                           this is the visible text for <a> (links) 
                           using this location I could find the FIRST
                                  or ALL matches for this locator
                   By.linkText(...)               
                                  
             6)  Partial link text The text contained in a link (i.e., a HTML tag).
                          this is PART of the visible text for <a> (links) 
                           using this location I could find the FIRST
                                or ALL matches for this locator
                   By.partialLinkText(...)   <- I can use any part of visible text
             
             7)  CSS selector Patterns that follow the W3C Selectors recommendation.
                    The original aim of CSS patterns is to select
                    element(s) in a web page to apply CSS styles.
                    Selenium WebDriver allows reusing these CSS selectors to find
                    web elements and interact with them.
                      using this location I could find the FIRST
                          or ALL matches for this locator
                   By.cssSelector(...)  
             
             8) XPath Queries that follow the XPath (XML Path Language) language.
                    XPath is a W3C standard query language for
                    selecting nodes from an XML-like document (e.g., web pages).
                    XPath is search the DOM
                     using this location I could find the FIRST
                          or ALL matches for this locator
                  By.xpath(...)