mirror of
https://github.com/elastic/kibana.git
synced 2025-06-28 03:01:21 -04:00
0c9afa1442
closes https://github.com/elastic/kibana/issues/158561
## 📝 Summary
This PR adds a new customization point to allow for prepending custom
filter controls to the search bar.
At the moment we are only showing a default namespace filter, once this
is ready we will then check how to provide curated filters per
integration.
## ✅ Testing
1. Make sure to have some documents to different data sets with
different namespace, you can use [this
document](https://www.elastic.co/guide/en/elasticsearch/reference/current/set-up-a-data-stream.html)
as an example
2. Navigate to Discover with the log-explorer profile, `/p/log-explorer`
3. Validate that the new filter control is there
4. Filter using this new control and make sure documents are filtered
out
## 🎥 Demo
6828f62f-dd09-42bd-930c-dd7eaf94958b
---------
Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
101 lines
4.5 KiB
TypeScript
101 lines
4.5 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 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 or the Server
|
|
* Side Public License, v 1.
|
|
*/
|
|
|
|
import expect from '@kbn/expect';
|
|
import type { FtrProviderContext } from '../../functional/ftr_provider_context';
|
|
|
|
const TEST_START_TIME = 'Sep 19, 2015 @ 06:31:44.000';
|
|
const TEST_END_TIME = 'Sep 23, 2015 @ 18:31:44.000';
|
|
|
|
// eslint-disable-next-line import/no-default-export
|
|
export default ({ getService, getPageObjects }: FtrProviderContext) => {
|
|
const PageObjects = getPageObjects(['common', 'timePicker', 'header']);
|
|
const esArchiver = getService('esArchiver');
|
|
const kibanaServer = getService('kibanaServer');
|
|
const testSubjects = getService('testSubjects');
|
|
const browser = getService('browser');
|
|
const dataGrid = getService('dataGrid');
|
|
const defaultSettings = { defaultIndex: 'logstash-*' };
|
|
|
|
describe('Customizations', () => {
|
|
before(async () => {
|
|
await kibanaServer.savedObjects.cleanStandardList();
|
|
await esArchiver.loadIfNeeded('x-pack/test/functional/es_archives/logstash_functional');
|
|
await kibanaServer.importExport.load('test/functional/fixtures/kbn_archiver/discover');
|
|
await kibanaServer.uiSettings.replace(defaultSettings);
|
|
await PageObjects.common.navigateToApp('home');
|
|
const currentUrl = await browser.getCurrentUrl();
|
|
const customizationUrl =
|
|
currentUrl.substring(0, currentUrl.indexOf('/app/home')) +
|
|
'/app/discoverCustomizationExamples';
|
|
await browser.get(customizationUrl);
|
|
await PageObjects.timePicker.setAbsoluteRange(TEST_START_TIME, TEST_END_TIME);
|
|
await PageObjects.header.waitUntilLoadingHasFinished();
|
|
});
|
|
|
|
after(async () => {
|
|
await kibanaServer.uiSettings.unset('defaultIndex');
|
|
await kibanaServer.importExport.unload('test/functional/fixtures/kbn_archiver/discover');
|
|
await esArchiver.unload('x-pack/test/functional/es_archives/logstash_functional');
|
|
await kibanaServer.savedObjects.cleanStandardList();
|
|
});
|
|
|
|
it('Top nav', async () => {
|
|
await testSubjects.existOrFail('customOptionsButton');
|
|
await testSubjects.existOrFail('shareTopNavButton');
|
|
await testSubjects.existOrFail('documentExplorerButton');
|
|
await testSubjects.missingOrFail('discoverNewButton');
|
|
await testSubjects.missingOrFail('discoverOpenButton');
|
|
await testSubjects.click('customOptionsButton');
|
|
await testSubjects.existOrFail('customOptionsPopover');
|
|
await testSubjects.click('customOptionsButton');
|
|
await testSubjects.missingOrFail('customOptionsPopover');
|
|
});
|
|
|
|
it('Search bar', async () => {
|
|
await testSubjects.click('logsViewSelectorButton');
|
|
await testSubjects.click('logsViewSelectorOption-ASavedSearch');
|
|
await PageObjects.header.waitUntilLoadingHasFinished();
|
|
const { title, description } = await PageObjects.common.getSharedItemTitleAndDescription();
|
|
const expected = {
|
|
title: 'A Saved Search',
|
|
description: 'A Saved Search Description',
|
|
};
|
|
expect(title).to.eql(expected.title);
|
|
expect(description).to.eql(expected.description);
|
|
});
|
|
|
|
it('Search bar Prepend Filters exists and should apply filter properly', async () => {
|
|
// Validate custom filters are present
|
|
await testSubjects.existOrFail('customPrependedFilter');
|
|
await testSubjects.click('customPrependedFilter');
|
|
await testSubjects.existOrFail('optionsList-control-selection-exists');
|
|
|
|
// Retrieve option list popover
|
|
const optionsListControl = await testSubjects.find('optionsList-control-popover');
|
|
const optionsItems = await optionsListControl.findAllByCssSelector(
|
|
'[data-test-subj*="optionsList-control-selection-"]'
|
|
);
|
|
|
|
// Retrieve second item in the options along with the count of documents
|
|
const item = optionsItems[1];
|
|
const countBadge = await item.findByCssSelector(
|
|
'[data-test-subj="optionsList-document-count-badge"]'
|
|
);
|
|
const documentsCount = parseInt(await countBadge.getVisibleText(), 10);
|
|
|
|
// Click the item to apply filter
|
|
await item.click();
|
|
await PageObjects.header.waitUntilLoadingHasFinished();
|
|
|
|
// Validate that filter is applied
|
|
const rows = await dataGrid.getDocTableRows();
|
|
await expect(documentsCount).to.eql(rows.length);
|
|
});
|
|
});
|
|
};
|