diff --git a/src/keyboard/Keyboard.spec.ts b/src/keyboard/Keyboard.spec.ts index 94342d2e..9da0b463 100644 --- a/src/keyboard/Keyboard.spec.ts +++ b/src/keyboard/Keyboard.spec.ts @@ -106,6 +106,7 @@ test(`Keyboard - Enter Key Hint Variations`, async ({ page }) => { const firstTextInput = container.locator('omni-text-field').first(); + // Click on the element. await firstTextInput.click(); await expect(keyboardArea).toBeVisible(); diff --git a/src/select/Select.spec.ts b/src/select/Select.spec.ts index 1cd10a28..e0a15ed2 100644 --- a/src/select/Select.spec.ts +++ b/src/select/Select.spec.ts @@ -93,6 +93,7 @@ test(`Select - Async Per Item Behaviour`, async ({ page, isMobile }) => { await expect(selectComponent).toHaveScreenshot('select-open.png'); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (isMobile) { const dialog = selectComponent.locator('dialog'); await expect(dialog).toHaveScreenshot('select-dialog.png'); @@ -130,6 +131,7 @@ test(`Select - String Array Behaviour`, async ({ page, isMobile }) => { await selectComponent.click(); await expect(selectComponent).toHaveScreenshot('select-open.png'); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (isMobile) { const dialog = selectComponent.locator('dialog'); await expect(dialog).toHaveScreenshot('select-dialog.png'); @@ -182,6 +184,7 @@ test(`Select - Selection Render Behaviour`, async ({ page, isMobile }) => { await selectComponent.click(); await page.waitForTimeout(100); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (isMobile) { const dialog = selectComponent.locator('dialog'); await expect(dialog).toHaveScreenshot('select-dialog.png'); @@ -220,6 +223,7 @@ test(`Select - Empty Message Behaviour`, async ({ page, isMobile }) => { await selectComponent.click(); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (isMobile) { const dialog = selectComponent.locator('dialog'); await expect(dialog).toHaveScreenshot('select-dialog.png'); @@ -256,6 +260,7 @@ test(`Select - Disabled Behaviour`, async ({ page, isMobile }) => { await expect(click).toBeCalledTimes(0); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (!isMobile) { const itemContainer = selectComponent.locator('#items-container'); await expect(itemContainer).toHaveCount(0); @@ -296,6 +301,7 @@ test(`Select - Custom Control Slot Visual`, async ({ page, isMobile }) => { await expect(control).toHaveScreenshot('custom-control.png'); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (!isMobile) { await expect(selectComponent).toHaveScreenshot('arrow-slot-svg.png'); } else { @@ -322,6 +328,7 @@ test(`Select - Searchable Behaviour`, async ({ page, isMobile }) => { await selectComponent.click(); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (isMobile) { const dialog = selectComponent.locator('dialog'); await expect(dialog).toHaveScreenshot('select-dialog.png'); @@ -366,6 +373,7 @@ test(`Select - Custom Search Behaviour`, async ({ page, isMobile }) => { await selectComponent.click(); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (isMobile) { const dialog = selectComponent.locator('dialog'); await expect(dialog).toHaveScreenshot('select-dialog.png'); @@ -432,6 +440,7 @@ test(`Select - Server Side Filtering Behaviour`, async ({ page, isMobile }) => { await page.waitForTimeout(30); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (isMobile) { const dialog = selectComponent.locator('dialog'); await expect(dialog).toHaveScreenshot('select-dialog.png'); @@ -472,6 +481,7 @@ test(`Select - Custom Search Slot Behaviour`, async ({ page, isMobile }) => { await selectComponent.click(); + // Confirm that the component matches a screenshot based on whether the tests are for mobile form factor. if (isMobile) { const dialog = selectComponent.locator('dialog'); await expect(dialog).toHaveScreenshot('select-dialog.png');