mirror of
https://github.com/enso-org/enso.git
synced 2024-12-22 12:11:31 +03:00
848e8699d7
- Fix dropdown focus issues
- Keyboard navigation to/from dropdowns and between options
- Mouse focus to/from dropdowns (there is no mouse navigation between options)
- Use new inputs in "new secret" modal
- Simplify form types
- Switch activity log date filters to use `DatePicker` which is a wrapper around a `react-aria-components` input
- Update `react-aria-components`
- Prevent Navigator2D from handling event if it has already been `defaultPrevented`
- Switch from `*` imports to `{}` imports for various files
- Switch assets table row headings to use new components
# Important Notes
None
65 lines
2.4 KiB
TypeScript
65 lines
2.4 KiB
TypeScript
/** @file Test the labels sidebar panel. */
|
|
import * as test from '@playwright/test'
|
|
|
|
import {
|
|
locateCreateButton,
|
|
locateLabelsPanel,
|
|
locateLabelsPanelLabels,
|
|
locateModalBackground,
|
|
locateNewLabelButton,
|
|
locateNewLabelModal,
|
|
locateNewLabelModalColorButtons,
|
|
locateNewLabelModalNameInput,
|
|
mockAllAndLogin,
|
|
TEXT,
|
|
} from './actions'
|
|
|
|
test.test.beforeEach(({ page }) => mockAllAndLogin({ page }))
|
|
|
|
test.test('labels', async ({ page }) => {
|
|
// Empty labels panel
|
|
await test.expect(locateLabelsPanel(page)).toBeVisible()
|
|
|
|
// "Create label" modal
|
|
await locateNewLabelButton(page).click()
|
|
await test.expect(locateNewLabelModal(page)).toBeVisible()
|
|
await page.press('body', 'Escape')
|
|
await test.expect(locateNewLabelModal(page)).not.toBeVisible()
|
|
await locateNewLabelButton(page).click()
|
|
await locateModalBackground(page).click()
|
|
await test.expect(locateNewLabelModal(page)).not.toBeVisible()
|
|
await locateNewLabelButton(page).click()
|
|
|
|
// "Create label" modal with name set
|
|
await locateNewLabelModalNameInput(page).fill('New Label')
|
|
await test.expect(locateNewLabelModal(page)).toHaveText(/^New Label/)
|
|
|
|
await page.press('body', 'Escape')
|
|
|
|
// "Create label" modal with color set
|
|
// The exact number is allowed to vary; but to click the fourth color, there must be at least
|
|
// four colors.
|
|
await locateNewLabelButton(page).click()
|
|
test.expect(await locateNewLabelModalColorButtons(page).count()).toBeGreaterThanOrEqual(4)
|
|
// `force: true` is required because the `label` needs to handle the click event, not the
|
|
// `button`.
|
|
await locateNewLabelModalColorButtons(page).nth(4).click({ force: true })
|
|
await test.expect(locateNewLabelModal(page)).toBeVisible()
|
|
|
|
// "Create label" modal with name and color set
|
|
await locateNewLabelModalNameInput(page).fill('New Label')
|
|
await test.expect(locateNewLabelModal(page)).toHaveText(/^New Label/)
|
|
|
|
// Labels panel with one entry
|
|
await locateCreateButton(locateNewLabelModal(page)).click()
|
|
await test.expect(locateLabelsPanel(page)).toBeVisible()
|
|
|
|
// Empty labels panel again, after deleting the only entry
|
|
await locateLabelsPanelLabels(page).first().hover()
|
|
|
|
const labelsPanel = locateLabelsPanel(page)
|
|
await labelsPanel.getByRole('button').and(labelsPanel.getByLabel(TEXT.delete)).click()
|
|
await page.getByRole('button', { name: 'Delete' }).getByText('Delete').click()
|
|
test.expect(await locateLabelsPanelLabels(page).count()).toBeGreaterThanOrEqual(1)
|
|
})
|