mirror of
https://github.com/enso-org/enso.git
synced 2024-12-21 04:51:38 +03:00
4a249688e8
Fixes #10668 Fixes #8484 Summary of changes: * `gui2` and `dashboard` are merged to `gui` directory. Various configs were merged (package.json, playwrigth, TS...). The src and e2e directories are split to `dashboard` and `project-view` for now. * E2E tests run two servers on different ports. The tests are organized in projects. This is also to be changed soon, as we plan to [use better mocking in GUI/ProjectView](#9726) * ESlint configs were merged to central `eslint.config.mjs`, and that file was moved to repository root. We kept the dashboard lints, but they can be relaxed. The dashboard code was changed to meet GUI lints. * Also, the versions of linter plugins were bumped, and code fixed. * The ide-desktop/client no longer has `dashboard` dependency - the only type used there was moved to common package. * `common` package moved to `app`.
132 lines
4.0 KiB
TypeScript
132 lines
4.0 KiB
TypeScript
/** @file Test the search bar and its suggestions. */
|
|
import * as test from '@playwright/test'
|
|
|
|
import * as backend from '#/services/Backend'
|
|
|
|
import * as actions from './actions'
|
|
|
|
test.test('tags', async ({ page }) => {
|
|
await actions.mockAllAndLogin({ page })
|
|
const searchBarInput = actions.locateSearchBarInput(page)
|
|
const tags = actions.locateSearchBarTags(page)
|
|
|
|
await searchBarInput.click()
|
|
for (const positiveTag of await tags.all()) {
|
|
await searchBarInput.selectText()
|
|
await searchBarInput.press('Backspace')
|
|
const text = (await positiveTag.textContent()) ?? ''
|
|
test.expect(text.length).toBeGreaterThan(0)
|
|
await positiveTag.click()
|
|
await test.expect(searchBarInput).toHaveValue(text)
|
|
}
|
|
|
|
await page.keyboard.down('Shift')
|
|
for (const negativeTag of await tags.all()) {
|
|
await searchBarInput.selectText()
|
|
await searchBarInput.press('Backspace')
|
|
const text = (await negativeTag.textContent()) ?? ''
|
|
test.expect(text.length).toBeGreaterThan(0)
|
|
await negativeTag.click()
|
|
await test.expect(searchBarInput).toHaveValue(text)
|
|
}
|
|
})
|
|
|
|
test.test('labels', async ({ page }) => {
|
|
await actions.mockAllAndLogin({
|
|
page,
|
|
setupAPI: (api) => {
|
|
api.addLabel('aaaa', backend.COLORS[0])
|
|
api.addLabel('bbbb', backend.COLORS[1])
|
|
api.addLabel('cccc', backend.COLORS[2])
|
|
api.addLabel('dddd', backend.COLORS[3])
|
|
},
|
|
})
|
|
const searchBarInput = actions.locateSearchBarInput(page)
|
|
const labels = actions.locateSearchBarLabels(page)
|
|
|
|
await searchBarInput.click()
|
|
for (const label of await labels.all()) {
|
|
const name = (await label.textContent()) ?? ''
|
|
test.expect(name.length).toBeGreaterThan(0)
|
|
await label.click()
|
|
await test.expect(searchBarInput).toHaveValue('label:' + name)
|
|
await label.click()
|
|
await test.expect(searchBarInput).toHaveValue('-label:' + name)
|
|
await label.click()
|
|
await test.expect(searchBarInput).toHaveValue('')
|
|
}
|
|
})
|
|
|
|
test.test('suggestions', async ({ page }) => {
|
|
await actions.mockAllAndLogin({
|
|
page,
|
|
setupAPI: (api) => {
|
|
api.addDirectory('foo')
|
|
api.addProject('bar')
|
|
api.addSecret('baz')
|
|
api.addSecret('quux')
|
|
},
|
|
})
|
|
|
|
const searchBarInput = actions.locateSearchBarInput(page)
|
|
const suggestions = actions.locateSearchBarSuggestions(page)
|
|
|
|
await searchBarInput.click()
|
|
|
|
for (const suggestion of await suggestions.all()) {
|
|
const name = (await suggestion.textContent()) ?? ''
|
|
test.expect(name.length).toBeGreaterThan(0)
|
|
await suggestion.click()
|
|
await test.expect(searchBarInput).toHaveValue('name:' + name)
|
|
await searchBarInput.selectText()
|
|
await searchBarInput.press('Backspace')
|
|
}
|
|
})
|
|
|
|
test.test('suggestions (keyboard)', async ({ page }) => {
|
|
await actions.mockAllAndLogin({
|
|
page,
|
|
setupAPI: (api) => {
|
|
api.addDirectory('foo')
|
|
api.addProject('bar')
|
|
api.addSecret('baz')
|
|
api.addSecret('quux')
|
|
},
|
|
})
|
|
|
|
const searchBarInput = actions.locateSearchBarInput(page)
|
|
const suggestions = actions.locateSearchBarSuggestions(page)
|
|
|
|
await searchBarInput.click()
|
|
for (const suggestion of await suggestions.all()) {
|
|
const name = (await suggestion.textContent()) ?? ''
|
|
test.expect(name.length).toBeGreaterThan(0)
|
|
await page.press('body', 'ArrowDown')
|
|
await test.expect(searchBarInput).toHaveValue('name:' + name)
|
|
}
|
|
})
|
|
|
|
test.test('complex flows', async ({ page }) => {
|
|
const firstName = 'foo'
|
|
|
|
await actions.mockAllAndLogin({
|
|
page,
|
|
setupAPI: (api) => {
|
|
api.addDirectory(firstName)
|
|
api.addProject('bar')
|
|
api.addSecret('baz')
|
|
api.addSecret('quux')
|
|
},
|
|
})
|
|
const searchBarInput = actions.locateSearchBarInput(page)
|
|
|
|
await searchBarInput.click()
|
|
await page.press('body', 'ArrowDown')
|
|
await test.expect(searchBarInput).toHaveValue('name:' + firstName)
|
|
await searchBarInput.selectText()
|
|
await searchBarInput.press('Backspace')
|
|
await test.expect(searchBarInput).toHaveValue('')
|
|
await page.press('body', 'ArrowDown')
|
|
await test.expect(searchBarInput).toHaveValue('name:' + firstName)
|
|
})
|