class Locator():

        # Dynamic Properties --- Locators

        elementsPropCard = "//div[@id='app']/div[@class='body-height']/div[@class='home-content']//div[@class='category-cards']/div[1]"
        dynamicPropSection = "//div[@id='app']/div[@class='body-height']/div[@class='container playgound-body']/div[@class='row']//div[@class='accordion']/div[1]/div/ul[@class='menu-list']/li[9]/span[@class='text']"
        randomTextId1 = "//div[@id='app']/div[@class='body-height']/div[@class='container playgound-body']//p[.='This text has random Id']"
        visibleAfter = "visibleAfter"
        enableButton = "enableAfter"
        colorChange = "colorChange"

        # Upload image --- Locators

        uploadLi = "//div[@id='app']/div[@class='body-height']/div[@class='container playgound-body']//div[@class='accordion']/div[1]/div/ul[@class='menu-list']/li[8]/span[@class='text']"
        uploadFileId = "uploadFile"
        alertMessageId = "uploadedFilePath"

        # Hover elements --- Locators

        widgetsPropCard = "//div[@id='app']/div[@class='body-height']/div[@class='home-content']/div[@class='home-body']/div/div[4]/div/div[@class='card-body']"
        toolTip = "//div[@id='app']/div[@class='body-height']/div[@class='container playgound-body']/div[@class='row']//div[@class='accordion']/div[4]/div/ul[@class='menu-list']/li[7]"
        toolTipBtn = "toolTipButton"
        buttonMessage = "buttonToolTip"
        textfield = "toolTipTextField"
        textfieldMessage = "textFieldToolTip"
        
        # Drag Drop elements --- Locators

        interactionsPage = "//div[@id='app']/div[@class='body-height']/div[@class='home-content']//div[@class='category-cards']/div[5]/div"
        droppablePage = "//div[@id='app']/div[@class='body-height']/div[@class='container playgound-body']/div[@class='row']//div[@class='accordion']/div[5]/div/ul[@class='menu-list']/li[4]/span[@class='text']"
        draggableBox = "div#draggable"
        droppableBox = "#simpleDropContainer #droppable"

        # OrangeHrm 

        userNameInput = "txtUsername"
        passwordInput = "txtPassword"
        btnLogin = "btnLogin"
        menuLinkAdminModule = "menu_admin_viewAdminModule"
        menuLinkUserManag = "menu_admin_UserManagement"
        menuLinkSystemUsers = "menu_admin_viewSystemUsers"
        lengthOfTable = "#resultTable > tbody > tr"
        names = "#resultTable > tbody > tr > td:nth-child(2) > a"
        menuLinkMyInfo = "menu_pim_viewMyDetails"
        firstName = "personal_txtEmpFirstName"
        lastName = "personal_txtEmpLastName"
        middleName = "personal_txtEmpMiddleName"
        employeeId = "personal_txtEmployeeId"
        maritalStatus = "personal_cmbMarital"
        birthDate = "personal_DOB"

        # AutomationPractise

        hoverNavigationWomen = "//div[@id='block_top_menu']/ul//a[@title='Women']"
        tshirtsNavSection = "//div[@id='block_top_menu']/ul/li[1]/ul/li[1]/ul//a[@title='T-shirts']"
        fadedShortSleeveShirt = "//div[@id='center_column']/ul//div[@class='product-container']//h5/a[@title='Faded Short Sleeve T-shirts']"
        sizeSelectField = "group_1"
        colorName = "Blue"
        shirtQuantity = "quantity_wanted"
        addToCartButton = "//p[@id='add_to_cart']//span[.='Add to cart']"
        shoppingCartTitleId = "layer_cart_product_title"
        shopptingCartAttr = "layer_cart_product_attributes"
        shoppingCartQuantity = "layer_cart_product_quantity"
        shoppingCartCost = "layer_cart_product_price"

