mirror of
https://github.com/elastic/kibana.git
synced 2025-06-28 19:13:14 -04:00
d4094c17be
## Summary This PR migrates the following FTR tests to `@kbn/scout`: `x-pack/test/functional/apps/discover/error_handling.ts` => `x-pack/plugins/discover_enhanced/ui_tests/tests/error_handling.spec.ts` `x-pack/test/functional/apps/discover/saved_search_embeddable.ts` => `x-pack/plugins/discover_enhanced/ui_tests/tests/saved_search_embeddable.spec.ts` `x-pack/test/functional/apps/discover/saved_searches.ts` => `x-pack/plugins/discover_enhanced/ui_tests/tests/saved_searches.spec.ts` `x-pack/test/functional/apps/discover/value_suggestions.ts` 2nd describe block => `x-pack/plugins/discover_enhanced/ui_tests/tests/value_suggestions_use_time_range_disabled.spec.ts` Some other changes to mention: **packages/kbn-test-subj-selector**: - support of `^foo` syntax similar to `CSS [attribute^=value] Selector` **packages/kbn-scout**: - new worker fixture `uiSettings` to wrap Advanced Settings set/unset capability - extend `ScoutPage` fixture with `typeWithDelay` method required for many Kibana input fields - extend `PageObjects` fixture with `DashboardApp` & `FilterBar`, also extending existing ones. How to test: ```bash // ESS node scripts/scout_start_servers.js --stateful npx playwright test --config x-pack/plugins/discover_enhanced/ui_tests/playwright.config.ts --grep @ess // Serverless node scripts/scout_start_servers.js --serverless=es npx playwright test --config x-pack/plugins/discover_enhanced/ui_tests/playwright.config.ts --grep @svlSearch ``` --------- Co-authored-by: Robert Oskamp <traeluki@gmail.com>
77 lines
3.2 KiB
TypeScript
77 lines
3.2 KiB
TypeScript
/*
|
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
* or more contributor license agreements. Licensed under the "Elastic License
|
|
* 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side
|
|
* Public License v 1"; you may not use this file except in compliance with, at
|
|
* your election, the "Elastic License 2.0", the "GNU Affero General Public
|
|
* License v3.0 only", or the "Server Side Public License, v 1".
|
|
*/
|
|
|
|
function selectorToTerms(selector: string) {
|
|
return selector
|
|
.replace(/\s*\*\s*/g, '*') // css locator with '*' operator cannot contain spaces
|
|
.replace(/\s*~\s*/g, '~') // css locator with '~' operator cannot contain spaces
|
|
.replace(/\s*>\s*/g, '>') // remove all whitespace around joins >
|
|
.replace(/\s*&\s*/g, '&') // remove all whitespace around joins &
|
|
.split(/>+/);
|
|
}
|
|
|
|
function termToCssSelector(term: string) {
|
|
if (term) {
|
|
if (term.startsWith('~')) {
|
|
return '[data-test-subj~="' + term.substring(1).replace(/\s/g, '') + '"]';
|
|
} else if (term.startsWith('*')) {
|
|
return '[data-test-subj*="' + term.substring(1).replace(/\s/g, '') + '"]';
|
|
} else if (term.startsWith('^')) {
|
|
return '[data-test-subj^="' + term.substring(1).replace(/\s/g, '') + '"]';
|
|
} else {
|
|
return '[data-test-subj="' + term + '"]';
|
|
}
|
|
} else {
|
|
return '';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Converts a testSubject selector into a CSS selector.
|
|
*
|
|
* testSubject selector syntax rules:
|
|
*
|
|
* - `data-test-subj` values can include spaces
|
|
*
|
|
* - prefixing a value with `*` will allow matching a `data-test-subj` attribute containing at least one occurrence of value within the string.
|
|
* - example: `*foo`
|
|
* - css equivalent: `[data-test-subj*="foo"]`
|
|
* - DOM match example: <div data-test-subj="bar-foo"> </div>
|
|
*
|
|
* - prefixing a value with `^` will allow matching a `data-test-subj` attribute beginning with the specified value.
|
|
* - example: `^foo`
|
|
* - css equivalent: `[data-test-subj^="foo"]`
|
|
* - DOM match example: <div data-test-subj="foo_bar"> </div>
|
|
*
|
|
* - prefixing a value with `~` will allow matching a `data-test-subj` attribute represented as a whitespace-separated list of words, one of which is exactly value
|
|
* - example: `~foo`
|
|
* - css equivalent: `[data-test-subj~="foo"]`
|
|
* - DOM match example: <div data-test-subj="foo bar"> </div>
|
|
*
|
|
* - the `>` character is used between two values to indicate that the value on the right must match an element inside an element matched by the value on the left
|
|
* - example: `foo > bar`
|
|
* - css equivalent: `[data-test-subj=foo] [data-test-subj=bar]`
|
|
* - DOM match example:
|
|
* <div data-test-subj="foo">
|
|
* <div data-test-subj="bar"> </div>
|
|
* </div>
|
|
*
|
|
* - the `&` character is used between two values to indicate that the value on both sides must both match the element
|
|
* - example: `foo & bar`
|
|
* - css equivalent: `[data-test-subj=foo][data-test-subj=bar]`
|
|
* - DOM match example: <div data-test-subj="foo bar"> </div>
|
|
*/
|
|
export function subj(selector: string) {
|
|
return selectorToTerms(selector)
|
|
.map((term) =>
|
|
// split each term by joins/& and map to css selectors
|
|
term.split('&').map(termToCssSelector).join('')
|
|
)
|
|
.join(' ');
|
|
}
|