How to use the @flood/element.Key.TAB function in @flood/element

step('Sales Order Entry - Enter Details', async browser => {

        //Sold-To Party (will pre-fill other fields after TAB press)
        await browser.type(By.xpath("//input[contains(@id, 'Identification::SoldToParty')]"), "17100001")
        await browser.press(Key.TAB)

        //Sales Organization
        //await browser.type(By.xpath("//input[contains(@id, 'Identification::SalesOrganization')]"), "1710")

        //Distribution Channel
        //await browser.type(By.xpath("//input[contains(@id, 'Identification::DistributionChannel')]"), "10")

        //Division
        //await browser.type(By.xpath("//input[contains(@id, 'Identification::OrganizationDivision')]"), "00")        
        
        await browser.takeScreenshot()

    })

step('Sales Order Entry - Add Item', async browser => {

        //Material
        await browser.type(By.xpath("//input[contains(@id, 'Default::Material')]"), "TG11")
        await browser.press(Key.TAB)

        //Requested Quantity
        await browser.type(By.xpath("//input[contains(@id, 'Default::RequestedQuantity')]"), "1")
        await browser.press(Key.TAB)

        //Requested Delivery Date
        //await browser.type(By.xpath("//input[contains(@id, 'Default::RequestedDeliveryDate')]"), "01/16/2019")
        //await browser.press(Key.TAB)

        //click Add Item
        let btnAddItem = await browser.findElement(By.xpath("//span[contains(@id, 'BtnAddToItems')]"))
        await btnAddItem.click()    
        
        await browser.takeScreenshot()

    })