@quickpickle/vitest-browser 0.2.1 → 0.3.0

package/src/outcomes.steps.ts

@@ -33,35 +33,35 @@ expect.extend({
 
 Then('I should see {string}( on the page)', async function (world:VitestBrowserWorld, text) {
   await world.expectText(world.page, text)
-})
+}, -10)
 Then('I should not/NOT see {string}( on the page)', async function (world:VitestBrowserWorld, text) {
   await world.expectText(world.page, text, false)
-})
+}, -10)
 Then('the text {string} should be visible( on the page)', async function (world:VitestBrowserWorld, text) {
   await world.expectText(world.page, text)
-})
+}, -10)
 Then('the text {string} should not/NOT be visible( on the page)', async function (world:VitestBrowserWorld, text) {
   await world.expectText(world.page, text, false)
-})
+}, -10)
 
 // ================
 // Elements on page
 Then('I should see a/an/the {string} {word}', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await world.expectElement(locator)
-})
+}, -10)
 Then('I should not/NOT see a/an/the {string} {word}', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await world.expectElement(locator, false)
-})
+}, -10)
 Then('I should see a/an/the {string} (element )with (the )(text ){string}', async function (world:VitestBrowserWorld, identifier, text) {
   let locator = await world.getLocator(world.page, identifier, 'element', text)
   await world.expectElement(locator)
-})
+}, -10)
 Then('I should not/NOT see a/an/the {string} (element )with (the )(text ){string}', async function (world:VitestBrowserWorld, identifier, text) {
   let locator = await world.getLocator(world.page, identifier, 'element', text)
   await world.expectElement(locator, false)
-})
+}, -10)
 
 // ================
 // Actions
@@ -69,14 +69,14 @@ Then('{string} should have been clicked/doubleclicked/dblclicked', async functio
   let single = world.info.step?.match(/ clicked$/)
   if (single) expect(world.actions.clicks.find((el) => (el && el?.textContent === text))).not.toBeNull()
   else expect(world.actions.doubleClicks.find((el) => (el && el?.textContent === text))).not.toBeNull()
-})
+}, -10)
 
 Then('(the ){string} {word} should have been clicked/doubleclicked/dblclicked', async function (world:VitestBrowserWorld, identifier, role) {
   let single = world.info.step?.match(/ clicked$/)
   let element = world.getLocator(world.page, identifier, role)
   if (single) expect(world.actions.clicks.find((el) => (el === element))).not.toBeNull()
   else expect(world.actions.doubleClicks.find((el) => (el === element))).not.toBeNull()
-})
+}, -10)
 
 // ================
 // Element state
@@ -84,95 +84,95 @@ Then('a/an/the {string} {word} should be visible/hidden/invisible', async functi
   let state = world.info.step?.match(/(\w+)$/)![0]
   let locator = world.getLocator(world.page, identifier, role)
   await world.expectElement(locator, true, state === 'visible')
-})
+}, -10)
 Then('a/an/the {string} (element )with (the )(text ){string} should be visible/hidden/invisible', async function (world:VitestBrowserWorld, identifier, text) {
   let state = world.info.step?.match(/(\w+)$/)![0]
   let locator = world.getLocator(world.page, identifier, 'element', text)
   await world.expectElement(locator, true, state === 'visible')
-})
+}, -10)
 // Then('a/an/the {string} {word} should be attached/detatched', async function (world:VitestBrowserWorld, identifier, role) {
 //   let state = world.info.step?.match(/(\w)$/)![0] as 'attached'|'detached'
 //   let locator = world.getLocator(world.page, identifier, role)
-//   await locator.waitFor({ state, timeout:world.worldConfig.stepTimeout })
-// })
+//   await locator.waitFor({ state })
+// }, -10)
 // Then('a/an/the {string} (element )with (the )(text ){string} should be attached/detatched', async function (world:VitestBrowserWorld, identifier, text) {
 //   let state = world.info.step?.match(/(\w)$/)![0] as 'attached'|'detached'
 //   let locator = world.getLocator(world.page, identifier, 'element', text)
-//   await locator.waitFor({ state, timeout:world.worldConfig.stepTimeout })
-// })
+//   await locator.waitFor({ state })
+// }, -10)
 
 // disabled / enabled
 Then('a/an/the {string} {word} should be disabled', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await expect(locator).toBeDisabled()
-})
+}, -10)
 Then('a/an/the {string} {word} should be enabled', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await expect(locator).toBeEnabled()
-})
+}, -10)
 Then('a/an/the {string} (element )with (the )(text ){string} should be disabled', async function (world:VitestBrowserWorld, identifier, text) {
   let locator = await world.getLocator(world.page, identifier, 'element', text)
   await expect(locator).toBeDisabled()
-})
+}, -10)
 Then('a/an/the {string} (element )with (the )(text ){string} should be enabled', async function (world:VitestBrowserWorld, identifier, text) {
   let locator = await world.getLocator(world.page, identifier, 'element', text)
   await expect(locator).toBeEnabled()
-})
+}, -10)
 
 // checked / unchecked
 Then('a/an/the {string} {word} should be checked', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await expect(locator).toBeChecked()
-})
+}, -10)
 Then('a/an/the {string} {word} should be unchecked', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await expect(locator).not.toBeChecked()
-})
+}, -10)
 Then('a/an/the {string} (element )with (the )(text ){string} should be checked', async function (world:VitestBrowserWorld, identifier, text) {
   let locator = await world.getLocator(world.page, identifier, 'element', text)
   await expect(locator).toBeChecked()
-})
+}, -10)
 Then('a/an/the {string} (element )with (the )(text ){string} should be unchecked', async function (world:VitestBrowserWorld, identifier, text) {
   let locator = await world.getLocator(world.page, identifier, 'element', text)
   await expect(locator).not.toBeChecked()
-})
+}, -10)
 
 // focused / unfocused
 Then('a/an/the {string} {word} should be focused/active', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await expect(locator).toHaveFocus()
-})
+}, -10)
 Then('a/an/the {string} {word} should be unfocused/blurred', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await expect(locator).not.toHaveFocus()
-})
+}, -10)
 Then('a/an/the {string} (element )with (the )(text ){string} should be focused/active', async function (world:VitestBrowserWorld, identifier, text) {
   let locator = await world.getLocator(world.page, identifier, 'element', text)
   await expect(locator).toHaveFocus()
-})
+}, -10)
 Then('a/an/the {string} (element )with (the )(text ){string} should be unfocused/blurred', async function (world:VitestBrowserWorld, identifier, text) {
   let locator = await world.getLocator(world.page, identifier, 'element', text)
   await expect(locator).not.toHaveFocus()
-})
+}, -10)
 
 Then('a/an/the {string} {word} should be in(side) (of )the viewport', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   // @ts-ignore
   await expect(locator).toBeInTheViewport()
-})
+}, -10)
 Then('a/an/the {string} {word} should be out(side) (of )the viewport', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   // @ts-ignore
   expect(locator).not.toBeInTheViewport()
-})
+}, -10)
 // Then('a/an/the {string} (element )with (the )(text ){string} should be in(side) (of )the viewport', async function (world:VitestBrowserWorld, identifier, text) {
 //   let locator = await world.getLocator(world.page, identifier, 'element', text)
 //   await isInViewport(world, locator)
-// })
+// }, -10)
 // Then('a/an/the {string} (element )with (the )(text ){string} should be out(side) (of )the viewport', async function (world:VitestBrowserWorld, identifier, text) {
 //   let locator = await world.getLocator(world.page, identifier, 'element', text)
 //   await isInViewport(world, locator)
-// })
+// }, -10)
 
 // Values
 Then('a/an/the (value of ){string} should contain/include/be/equal {string}', async function (world:VitestBrowserWorld, identifier, expected) {
@@ -183,7 +183,7 @@ Then('a/an/the (value of ){string} should contain/include/be/equal {string}', as
     let actual = (await locator.element() as HTMLInputElement)?.value ?? ''
     await expect(actual).toContain(expected)
   }
-})
+}, -10)
 Then('a/an/the (value of )(the ){string} {word} should contain/include/be/equal {string}', async function (world:VitestBrowserWorld, identifier, role, expected) {
   let exact = world.info.step?.match(/ should (?:be|equal) ['"]/) ? true : false
   let locator = await world.getLocator(world.page, identifier, role)
@@ -192,7 +192,7 @@ Then('a/an/the (value of )(the ){string} {word} should contain/include/be/equal
     let actual = (await locator.element() as HTMLInputElement)?.value ?? ''
     await expect(actual).toContain(expected)
   }
-})
+}, -10)
 
 Then('a/an/the (value of )(the ){string} should not/NOT contain/include/be/equal {string}', async function (world:VitestBrowserWorld, identifier, expected) {
   let exact = world.info.step?.match(/ should (?:not|NOT) (?:be|equal) ['"]/) ? true : false
@@ -202,7 +202,7 @@ Then('a/an/the (value of )(the ){string} should not/NOT contain/include/be/equal
     let actual = (await locator.element() as HTMLInputElement)?.value ?? ''
     await expect(actual).not.toContain(expected)
   }
-})
+}, -10)
 Then('a/an/the (value of )(the ){string} {word} should not/NOT contain/include/be/equal {string}', async function (world:VitestBrowserWorld, identifier, role, expected) {
   let exact = world.info.step?.match(/ should (?:not|NOT) (?:be|equal) ['"]/) ? true : false
   let locator = await world.getLocator(world.page, identifier, role)
@@ -211,37 +211,37 @@ Then('a/an/the (value of )(the ){string} {word} should not/NOT contain/include/b
     let actual = (await locator.element() as HTMLInputElement)?.value ?? ''
     await expect(actual).not.toContain(expected)
   }
-})
+}, -10)
 
 Then('a/an/the (value of ){string} should be/equal {int}', async function (world:VitestBrowserWorld, identifier, expected) {
   let locator = await world.getLocator(world.page, identifier, 'input')
   await expect(locator).toHaveValue(expected)
-})
+}, -10)
 Then('a/an/the (value of )(the ){string} {word} should be/equal {int}', async function (world:VitestBrowserWorld, identifier, role, expected) {
   let locator = await world.getLocator(world.page, identifier, role)
   await expect(locator).toHaveValue(expected)
-})
+}, -10)
 Then('a/an/the (value of )(the ){string} should not/NOT be/equal {int}', async function (world:VitestBrowserWorld, identifier, expected) {
   let locator = await world.getLocator(world.page, identifier, 'input')
   await expect(locator).not.toHaveValue(expected)
-})
+}, -10)
 Then('a/an/the (value of )(the ){string} {word} should not/NOT be/equal {int}', async function (world:VitestBrowserWorld, identifier, role, expected) {
   let locator = await world.getLocator(world.page, identifier, role)
   await expect(locator).not.toHaveValue(expected)
-})
+}, -10)
 
 // Visual regression testing
 Then('(the )screenshot/snapshot should match', async function (world:VitestBrowserWorld) {
   await world.expectScreenshotMatch(world.page)
-})
+}, -10)
 Then('(the )screenshot/snapshot {string} should match', async function (world:VitestBrowserWorld, name:string) {
   await world.expectScreenshotMatch(world.page, name)
-})
+}, -10)
 Then('(the )screenshot/snapshot of the {string} {word} should match', async function (world:VitestBrowserWorld, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await world.expectScreenshotMatch(locator)
-})
+}, -10)
 Then('(the )screenshot/snapshot {string} of the {string} {word} should match', async function (world:VitestBrowserWorld, name, identifier, role) {
   let locator = await world.getLocator(world.page, identifier, role)
   await world.expectScreenshotMatch(locator, name)
-})
+}, -10)