* eui to 16.0.0 * type defs * card click * snapshot updates * time format test updates * ts return * integration fix * async * more time format fixes * more time format fixes * test updates * add uisettings dateformat timepicker test * after method to clear setting
This commit is contained in:
parent
e9d3c0a814
commit
de03089cb2
|
@ -107,7 +107,7 @@
|
|||
"@elastic/charts": "^14.0.0",
|
||||
"@elastic/datemath": "5.0.2",
|
||||
"@elastic/ems-client": "1.0.5",
|
||||
"@elastic/eui": "14.9.0",
|
||||
"@elastic/eui": "16.0.0",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/good": "8.1.1-kibana2",
|
||||
"@elastic/numeral": "2.3.3",
|
||||
|
|
|
@ -31,7 +31,7 @@ Array [
|
|||
]
|
||||
`;
|
||||
|
||||
exports[`FlyoutService openFlyout() renders a flyout to the DOM 2`] = `"<span><div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Closes this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content</span></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div></span>"`;
|
||||
exports[`FlyoutService openFlyout() renders a flyout to the DOM 2`] = `"<div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Closes this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content</span></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div>"`;
|
||||
|
||||
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 1`] = `
|
||||
Array [
|
||||
|
@ -74,4 +74,4 @@ Array [
|
|||
]
|
||||
`;
|
||||
|
||||
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 2`] = `"<span><div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Closes this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content 2</span></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div></span>"`;
|
||||
exports[`FlyoutService openFlyout() with a currently active flyout replaces the current flyout with a new one 2`] = `"<div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-guard=\\"true\\" tabindex=\\"1\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div><div data-focus-lock-disabled=\\"false\\"><div role=\\"dialog\\" class=\\"euiFlyout euiFlyout--medium\\" tabindex=\\"0\\"><button class=\\"euiButtonIcon euiButtonIcon--text euiFlyout__closeButton\\" type=\\"button\\" aria-label=\\"Closes this dialog\\" data-test-subj=\\"euiFlyoutCloseButton\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button><div class=\\"kbnOverlayMountWrapper\\"><span>Flyout content 2</span></div></div></div><div data-focus-guard=\\"true\\" tabindex=\\"0\\" style=\\"width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;\\"></div></div>"`;
|
||||
|
|
|
@ -67,10 +67,7 @@ exports[`apmUiEnabled 1`] = `
|
|||
type="logoAPM"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="APM"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -104,10 +101,7 @@ exports[`apmUiEnabled 1`] = `
|
|||
type="logoLogging"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="Logs"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -141,10 +135,7 @@ exports[`apmUiEnabled 1`] = `
|
|||
type="logoMetrics"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="Metrics"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -178,10 +169,7 @@ exports[`apmUiEnabled 1`] = `
|
|||
type="logoSecurity"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="SIEM"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
@ -332,10 +320,7 @@ exports[`isNewKibanaInstance 1`] = `
|
|||
type="logoLogging"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="Logs"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -369,10 +354,7 @@ exports[`isNewKibanaInstance 1`] = `
|
|||
type="logoMetrics"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="Metrics"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -406,10 +388,7 @@ exports[`isNewKibanaInstance 1`] = `
|
|||
type="logoSecurity"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="SIEM"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
@ -560,10 +539,7 @@ exports[`mlEnabled 1`] = `
|
|||
type="logoAPM"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="APM"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -597,10 +573,7 @@ exports[`mlEnabled 1`] = `
|
|||
type="logoLogging"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="Logs"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -634,10 +607,7 @@ exports[`mlEnabled 1`] = `
|
|||
type="logoMetrics"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="Metrics"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -671,10 +641,7 @@ exports[`mlEnabled 1`] = `
|
|||
type="logoSecurity"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="SIEM"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
@ -861,10 +828,7 @@ exports[`render 1`] = `
|
|||
type="logoLogging"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="Logs"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -898,10 +862,7 @@ exports[`render 1`] = `
|
|||
type="logoMetrics"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="Metrics"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem
|
||||
|
@ -935,10 +896,7 @@ exports[`render 1`] = `
|
|||
type="logoSecurity"
|
||||
/>
|
||||
}
|
||||
layout="vertical"
|
||||
textAlign="center"
|
||||
title="SIEM"
|
||||
titleElement="span"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
|
|
@ -14,9 +14,7 @@ exports[`props iconType 1`] = `
|
|||
/>
|
||||
}
|
||||
layout="horizontal"
|
||||
textAlign="center"
|
||||
title="Great tutorial"
|
||||
titleElement="span"
|
||||
/>
|
||||
`;
|
||||
|
||||
|
@ -35,9 +33,7 @@ exports[`props iconUrl 1`] = `
|
|||
/>
|
||||
}
|
||||
layout="horizontal"
|
||||
textAlign="center"
|
||||
title="Great tutorial"
|
||||
titleElement="span"
|
||||
/>
|
||||
`;
|
||||
|
||||
|
@ -49,9 +45,7 @@ exports[`props isBeta 1`] = `
|
|||
description="this is a great tutorial about..."
|
||||
href="link_to_item"
|
||||
layout="horizontal"
|
||||
textAlign="center"
|
||||
title="Great tutorial"
|
||||
titleElement="span"
|
||||
/>
|
||||
`;
|
||||
|
||||
|
@ -63,8 +57,6 @@ exports[`render 1`] = `
|
|||
description="this is a great tutorial about..."
|
||||
href="link_to_item"
|
||||
layout="horizontal"
|
||||
textAlign="center"
|
||||
title="Great tutorial"
|
||||
titleElement="span"
|
||||
/>
|
||||
`;
|
||||
|
|
|
@ -4,9 +4,7 @@ exports[`byte metric 1`] = `
|
|||
<EuiCard
|
||||
description="Heap Total"
|
||||
layout="horizontal"
|
||||
textAlign="center"
|
||||
title="1.50 GB"
|
||||
titleElement="span"
|
||||
/>
|
||||
`;
|
||||
|
||||
|
@ -14,9 +12,7 @@ exports[`float metric 1`] = `
|
|||
<EuiCard
|
||||
description="Load"
|
||||
layout="horizontal"
|
||||
textAlign="center"
|
||||
title="4.05, 3.37, 3.12"
|
||||
titleElement="span"
|
||||
/>
|
||||
`;
|
||||
|
||||
|
@ -24,9 +20,7 @@ exports[`general metric 1`] = `
|
|||
<EuiCard
|
||||
description="A metric"
|
||||
layout="horizontal"
|
||||
textAlign="center"
|
||||
title="1.80"
|
||||
titleElement="span"
|
||||
/>
|
||||
`;
|
||||
|
||||
|
@ -34,8 +28,6 @@ exports[`millisecond metric 1`] = `
|
|||
<EuiCard
|
||||
description="Response Time Max"
|
||||
layout="horizontal"
|
||||
textAlign="center"
|
||||
title="1234.00 ms"
|
||||
titleElement="span"
|
||||
/>
|
||||
`;
|
||||
|
|
|
@ -19,9 +19,6 @@
|
|||
|
||||
import { FtrProviderContext } from '../ftr_provider_context';
|
||||
|
||||
const FROM_TIME = '2015-09-19 06:31:44.000';
|
||||
const TO_TIME = '2015-09-23 18:31:44.000';
|
||||
|
||||
export default function({ getService, getPageObjects }: FtrProviderContext) {
|
||||
const PageObjects = getPageObjects(['common', 'timePicker']);
|
||||
const a11y = getService('a11y');
|
||||
|
@ -36,7 +33,7 @@ export default function({ getService, getPageObjects }: FtrProviderContext) {
|
|||
defaultIndex: 'logstash-*',
|
||||
});
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(FROM_TIME, TO_TIME);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
it('main view', async () => {
|
||||
|
|
|
@ -19,8 +19,6 @@
|
|||
|
||||
import expect from '@kbn/expect';
|
||||
|
||||
const TEST_DISCOVER_START_TIME = '2015-09-19 06:31:44.000';
|
||||
const TEST_DISCOVER_END_TIME = '2015-09-23 18:31:44.000';
|
||||
const TEST_COLUMN_NAMES = ['@message'];
|
||||
const TEST_FILTER_COLUMN_NAMES = [['extension', 'jpg'], ['geo.src', 'IN']];
|
||||
|
||||
|
@ -34,7 +32,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
this.tags('smoke');
|
||||
before(async function () {
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(TEST_DISCOVER_START_TIME, TEST_DISCOVER_END_TIME);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await Promise.all(TEST_COLUMN_NAMES.map((columnName) => (
|
||||
PageObjects.discover.clickFieldListItemAdd(columnName)
|
||||
)));
|
||||
|
|
|
@ -21,9 +21,6 @@ import expect from '@kbn/expect';
|
|||
|
||||
const dashboardName = 'Dashboard Test Time';
|
||||
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
export default function ({ getPageObjects, getService }) {
|
||||
const PageObjects = getPageObjects(['dashboard', 'header', 'timePicker']);
|
||||
const browser = getService('browser');
|
||||
|
@ -46,31 +43,31 @@ export default function ({ getPageObjects, getService }) {
|
|||
});
|
||||
|
||||
it('Does not set the time picker on open', async () => {
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
|
||||
await PageObjects.dashboard.loadSavedDashboard(dashboardName);
|
||||
|
||||
const time = await PageObjects.timePicker.getTimeConfig();
|
||||
expect(time.start).to.equal('Sep 19, 2015 @ 06:31:44.000');
|
||||
expect(time.end).to.equal('Sep 23, 2015 @ 18:31:44.000');
|
||||
expect(time.start).to.equal(PageObjects.timePicker.defaultStartTime);
|
||||
expect(time.end).to.equal(PageObjects.timePicker.defaultEndTime);
|
||||
});
|
||||
});
|
||||
|
||||
describe('dashboard with stored timed', function () {
|
||||
it('is saved with time', async function () {
|
||||
await PageObjects.dashboard.switchToEditMode();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.dashboard.saveDashboard(dashboardName, { storeTimeWithDashboard: true });
|
||||
});
|
||||
|
||||
it('sets time on open', async function () {
|
||||
await PageObjects.timePicker.setAbsoluteRange('2019-01-01 00:00:00.000', '2019-01-02 00:00:00.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Jan 1, 2019 @ 00:00:00.000', 'Jan 2, 2019 @ 00:00:00.000');
|
||||
|
||||
await PageObjects.dashboard.loadSavedDashboard(dashboardName);
|
||||
|
||||
const time = await PageObjects.timePicker.getTimeConfig();
|
||||
expect(time.start).to.equal('Sep 19, 2015 @ 06:31:44.000');
|
||||
expect(time.end).to.equal('Sep 23, 2015 @ 18:31:44.000');
|
||||
expect(time.start).to.equal(PageObjects.timePicker.defaultStartTime);
|
||||
expect(time.end).to.equal(PageObjects.timePicker.defaultEndTime);
|
||||
});
|
||||
|
||||
// If time is stored with a dashboard, it's supposed to override the current time settings when opened.
|
||||
|
@ -99,7 +96,7 @@ export default function ({ getPageObjects, getService }) {
|
|||
it('preserved during navigation', async function () {
|
||||
await PageObjects.dashboard.loadSavedDashboard(dashboardName);
|
||||
|
||||
await PageObjects.timePicker.setAbsoluteRange('2019-01-01 00:00:00.000', '2019-01-02 00:00:00.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Jan 1, 2019 @ 00:00:00.000', 'Jan 2, 2019 @ 00:00:00.000');
|
||||
await PageObjects.header.clickVisualize();
|
||||
await PageObjects.header.clickDashboard();
|
||||
|
||||
|
|
|
@ -26,6 +26,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
const dashboardVisualizations = getService('dashboardVisualizations');
|
||||
const PageObjects = getPageObjects(['dashboard', 'header', 'visualize', 'timePicker']);
|
||||
const browser = getService('browser');
|
||||
const kibanaServer = getService('kibanaServer');
|
||||
|
||||
describe('dashboard time picker', function describeIndexTests() {
|
||||
before(async function () {
|
||||
|
@ -33,6 +34,11 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.dashboard.preserveCrossAppState();
|
||||
});
|
||||
|
||||
after(async () => {
|
||||
await kibanaServer.uiSettings.replace({});
|
||||
await browser.refresh();
|
||||
});
|
||||
|
||||
it('Visualization updated when time picker changes', async () => {
|
||||
await PageObjects.dashboard.clickNewDashboard();
|
||||
await PageObjects.dashboard.addVisualizations([PIE_CHART_VIS_NAME]);
|
||||
|
@ -49,7 +55,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await dashboardExpect.docTableFieldCount(150);
|
||||
|
||||
// Set to time range with no data
|
||||
await PageObjects.timePicker.setAbsoluteRange('2000-01-01 00:00:00.000', '2000-01-01 01:00:00.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Jan 1, 2000 @ 00:00:00.000', 'Jan 1, 2000 @ 01:00:00.000');
|
||||
await dashboardExpect.docTableFieldCount(0);
|
||||
});
|
||||
|
||||
|
@ -72,5 +78,16 @@ export default function ({ getService, getPageObjects }) {
|
|||
expect(time.end).to.be('Nov 17, 2015 @ 18:01:36.621');
|
||||
expect(refresh.interval).to.be('2');
|
||||
});
|
||||
|
||||
it('Timepicker respects dateFormat from UI settings', async () => {
|
||||
await kibanaServer.uiSettings.replace({ 'dateFormat': 'YYYY-MM-DD HH:mm:ss.SSS', });
|
||||
await browser.refresh();
|
||||
await PageObjects.dashboard.gotoDashboardLandingPage();
|
||||
await PageObjects.dashboard.clickNewDashboard();
|
||||
await PageObjects.dashboard.addVisualizations([PIE_CHART_VIS_NAME]);
|
||||
// Same date range as `setTimepickerInHistoricalDataRange`
|
||||
await PageObjects.timePicker.setAbsoluteRange('2015-09-19 06:31:44.000', '2015-09-23 18:31:44.000');
|
||||
await pieChart.expectPieSliceCount(10);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
|
|
@ -102,8 +102,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.dashboard.preserveCrossAppState();
|
||||
await PageObjects.dashboard.clickNewDashboard();
|
||||
|
||||
const fromTime = '2018-01-01 00:00:00.000';
|
||||
const toTime = '2018-04-13 00:00:00.000';
|
||||
const fromTime = 'Jan 1, 2018 @ 00:00:00.000';
|
||||
const toTime = 'Apr 13, 2018 @ 00:00:00.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
});
|
||||
|
||||
|
@ -145,8 +145,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
it('data rendered correctly when dashboard is opened from listing page', async () => {
|
||||
// Change the time to make sure that it's updated when re-opened from the listing page.
|
||||
const fromTime = '2018-05-10 00:00:00.000';
|
||||
const toTime = '2018-05-11 00:00:00.000';
|
||||
const fromTime = 'May 10, 2018 @ 00:00:00.000';
|
||||
const toTime = 'May 11, 2018 @ 00:00:00.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.dashboard.loadSavedDashboard('embeddable rendering test');
|
||||
await PageObjects.dashboard.waitForRenderComplete();
|
||||
|
@ -162,16 +162,16 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('panels are updated when time changes outside of data', async () => {
|
||||
const fromTime = '2018-05-11 00:00:00.000';
|
||||
const toTime = '2018-05-12 00:00:00.000';
|
||||
const fromTime = 'May 11, 2018 @ 00:00:00.000';
|
||||
const toTime = 'May 12, 2018 @ 00:00:00.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.dashboard.waitForRenderComplete();
|
||||
await expectNoDataRenders();
|
||||
});
|
||||
|
||||
it('panels are updated when time changes inside of data', async () => {
|
||||
const fromTime = '2018-01-01 00:00:00.000';
|
||||
const toTime = '2018-04-13 00:00:00.000';
|
||||
const fromTime = 'Jan 1, 2018 @ 00:00:00.000';
|
||||
const toTime = 'Apr 13, 2018 @ 00:00:00.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.dashboard.waitForRenderComplete();
|
||||
await expectAllDataRenders();
|
||||
|
|
|
@ -51,8 +51,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
it('Exported dashboard adjusts EST time to UTC', async () => {
|
||||
const time = await PageObjects.timePicker.getTimeConfigAsAbsoluteTimes();
|
||||
expect(time.start).to.be('2018-04-10 03:00:00.000');
|
||||
expect(time.end).to.be('2018-04-10 04:00:00.000');
|
||||
expect(time.start).to.be('Apr 10, 2018 @ 03:00:00.000');
|
||||
expect(time.end).to.be('Apr 10, 2018 @ 04:00:00.000');
|
||||
await pieChart.expectPieSliceCount(4);
|
||||
});
|
||||
|
||||
|
@ -63,8 +63,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.common.navigateToApp('dashboard');
|
||||
await PageObjects.dashboard.loadSavedDashboard('time zone test');
|
||||
const time = await PageObjects.timePicker.getTimeConfigAsAbsoluteTimes();
|
||||
expect(time.start).to.be('2018-04-09 22:00:00.000');
|
||||
expect(time.end).to.be('2018-04-09 23:00:00.000');
|
||||
expect(time.start).to.be('Apr 9, 2018 @ 22:00:00.000');
|
||||
expect(time.end).to.be('Apr 9, 2018 @ 23:00:00.000');
|
||||
await pieChart.expectPieSliceCount(4);
|
||||
});
|
||||
});
|
||||
|
|
|
@ -75,7 +75,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.dashboard.saveDashboard(dashboardName, { storeTimeWithDashboard: true });
|
||||
|
||||
await PageObjects.dashboard.switchToEditMode();
|
||||
await PageObjects.timePicker.setAbsoluteRange('2013-09-19 06:31:44.000', '2013-09-19 06:31:44.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Sep 19, 2013 @ 06:31:44.000', 'Sep 19, 2013 @ 06:31:44.000');
|
||||
await PageObjects.dashboard.clickCancelOutOfEditMode();
|
||||
|
||||
// confirm lose changes
|
||||
|
@ -159,10 +159,10 @@ export default function ({ getService, getPageObjects }) {
|
|||
describe('and preserves edits on cancel', function () {
|
||||
it('when time changed is stored with dashboard', async function () {
|
||||
await PageObjects.dashboard.gotoDashboardEditMode(dashboardName);
|
||||
await PageObjects.timePicker.setAbsoluteRange('2013-09-19 06:31:44.000', '2013-09-19 06:31:44.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Sep 19, 2013 @ 06:31:44.000', 'Sep 19, 2013 @ 06:31:44.000');
|
||||
await PageObjects.dashboard.saveDashboard(dashboardName, true);
|
||||
await PageObjects.dashboard.switchToEditMode();
|
||||
await PageObjects.timePicker.setAbsoluteRange('2015-09-19 06:31:44.000', '2015-09-19 06:31:44.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Sep 19, 2015 @ 06:31:44.000', 'Sep 19, 2015 @ 06:31:44.000');
|
||||
await PageObjects.dashboard.clickCancelOutOfEditMode();
|
||||
|
||||
await PageObjects.common.clickCancelOnModal();
|
||||
|
@ -184,7 +184,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.dashboard.setTimepickerInDataRange();
|
||||
await PageObjects.dashboard.saveDashboard(dashboardName, true);
|
||||
await PageObjects.dashboard.switchToEditMode();
|
||||
await PageObjects.timePicker.setAbsoluteRange('2013-09-19 06:31:44.000', '2013-09-19 06:31:44.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Sep 19, 2013 @ 06:31:44.000', 'Sep 19, 2013 @ 06:31:44.000');
|
||||
const newTime = await PageObjects.timePicker.getTimeConfig();
|
||||
|
||||
await PageObjects.dashboard.clickCancelOutOfEditMode();
|
||||
|
@ -206,7 +206,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.dashboard.gotoDashboardEditMode(dashboardName);
|
||||
await PageObjects.dashboard.saveDashboard(dashboardName, { storeTimeWithDashboard: false });
|
||||
await PageObjects.dashboard.switchToEditMode();
|
||||
await PageObjects.timePicker.setAbsoluteRange('2014-10-19 06:31:44.000', '2014-12-19 06:31:44.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Oct 19, 2014 @ 06:31:44.000', 'Dec 19, 2014 @ 06:31:44.000');
|
||||
await PageObjects.dashboard.clickCancelOutOfEditMode();
|
||||
|
||||
await PageObjects.common.expectConfirmModalOpenState(false);
|
||||
|
|
|
@ -23,8 +23,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
const esArchiver = getService('esArchiver');
|
||||
const PageObjects = getPageObjects(['common', 'timePicker', 'discover']);
|
||||
const kibanaServer = getService('kibanaServer');
|
||||
const fromTime = '2019-09-22 20:31:44.000';
|
||||
const toTime = '2019-09-23 03:31:44.000';
|
||||
const fromTime = 'Sep 22, 2019 @ 20:31:44.000';
|
||||
const toTime = 'Sep 23, 2019 @ 03:31:44.000';
|
||||
|
||||
describe('date_nanos', function () {
|
||||
|
||||
|
@ -41,8 +41,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
it('should show a timestamp with nanoseconds in the first result row', async function () {
|
||||
const time = await PageObjects.timePicker.getTimeConfig();
|
||||
expect(time.start).to.be('Sep 22, 2019 @ 20:31:44.000');
|
||||
expect(time.end).to.be('Sep 23, 2019 @ 03:31:44.000');
|
||||
expect(time.start).to.be(fromTime);
|
||||
expect(time.end).to.be(toTime);
|
||||
const rowData = await PageObjects.discover.getDocTableIndex(1);
|
||||
expect(rowData.startsWith('Sep 22, 2019 @ 23:50:13.253123345')).to.be.ok();
|
||||
});
|
||||
|
|
|
@ -23,8 +23,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
const esArchiver = getService('esArchiver');
|
||||
const PageObjects = getPageObjects(['common', 'timePicker', 'discover']);
|
||||
const kibanaServer = getService('kibanaServer');
|
||||
const fromTime = '2019-01-01 00:00:00.000';
|
||||
const toTime = '2019-01-01 23:59:59.999';
|
||||
const fromTime = 'Jan 1, 2019 @ 00:00:00.000';
|
||||
const toTime = 'Jan 1, 2019 @ 23:59:59.999';
|
||||
|
||||
describe('date_nanos_mixed', function () {
|
||||
|
||||
|
|
|
@ -33,8 +33,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
};
|
||||
|
||||
describe('discover app', function describeIndexTests() {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
before(async function () {
|
||||
// delete .kibana index and update configDoc
|
||||
|
@ -47,7 +45,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await esArchiver.loadIfNeeded('logstash_functional');
|
||||
log.debug('discover');
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
describe('query', function () {
|
||||
|
@ -56,8 +54,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
it('should show correct time range string by timepicker', async function () {
|
||||
const time = await PageObjects.timePicker.getTimeConfig();
|
||||
expect(time.start).to.be('Sep 19, 2015 @ 06:31:44.000');
|
||||
expect(time.end).to.be('Sep 23, 2015 @ 18:31:44.000');
|
||||
expect(time.start).to.be(PageObjects.timePicker.defaultStartTime);
|
||||
expect(time.end).to.be(PageObjects.timePicker.defaultEndTime);
|
||||
});
|
||||
|
||||
it('save query should show toast message and display query name', async function () {
|
||||
|
@ -87,12 +85,12 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
it('should show correct time range string in chart', async function () {
|
||||
const actualTimeString = await PageObjects.discover.getChartTimespan();
|
||||
const expectedTimeString = `Sep 19, 2015 @ 06:31:44.000 - Sep 23, 2015 @ 18:31:44.000`;
|
||||
const expectedTimeString = `${PageObjects.timePicker.defaultStartTime} - ${PageObjects.timePicker.defaultEndTime}`;
|
||||
expect(actualTimeString).to.be(expectedTimeString);
|
||||
});
|
||||
|
||||
it('should modify the time range when a bar is clicked', async function () {
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.discover.clickHistogramBar();
|
||||
const time = await PageObjects.timePicker.getTimeConfig();
|
||||
expect(time.start).to.be('Sep 21, 2015 @ 09:00:00.000');
|
||||
|
@ -102,7 +100,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should modify the time range when the histogram is brushed', async function () {
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.discover.brushHistogram();
|
||||
|
||||
const newDurationHours = await PageObjects.timePicker.getTimeDurationInHours();
|
||||
|
@ -112,7 +110,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should show correct initial chart interval of Auto', async function () {
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.discover.waitUntilSearchingHasFinished();
|
||||
const actualInterval = await PageObjects.discover.getChartInterval();
|
||||
|
||||
|
@ -134,8 +132,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
describe('query #2, which has an empty time range', () => {
|
||||
const fromTime = '1999-06-11 09:22:11.000';
|
||||
const toTime = '1999-06-12 11:21:04.000';
|
||||
const fromTime = 'Jun 11, 1999 @ 09:22:11.000';
|
||||
const toTime = 'Jun 12, 1999 @ 11:21:04.000';
|
||||
|
||||
before(async () => {
|
||||
log.debug('setAbsoluteRangeForAnotherQuery');
|
||||
|
@ -158,7 +156,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
log.debug('setAbsoluteRangeForAnotherQuery');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.discover.waitUntilSearchingHasFinished();
|
||||
});
|
||||
|
||||
|
@ -213,7 +211,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await kibanaServer.uiSettings.replace({ 'dateFormat:tz': 'America/Phoenix' });
|
||||
await browser.refresh();
|
||||
await PageObjects.header.awaitKibanaChrome();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
|
||||
const maxTicks = [
|
||||
'2015-09-20 00:00',
|
||||
|
@ -238,7 +236,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await kibanaServer.uiSettings.replace({ 'dateFormat:tz': 'America/Phoenix' });
|
||||
await browser.refresh();
|
||||
await PageObjects.header.awaitKibanaChrome();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
|
||||
log.debug('check that the newest doc timestamp is now -7 hours from the UTC time in the first test');
|
||||
const rowData = await PageObjects.discover.getDocTableIndex(1);
|
||||
|
|
|
@ -19,8 +19,6 @@
|
|||
|
||||
import expect from '@kbn/expect';
|
||||
|
||||
const TEST_DOC_START_TIME = '2015-09-19 06:31:44.000';
|
||||
const TEST_DOC_END_TIME = '2015-09-23 18:31:44.000';
|
||||
const TEST_COLUMN_NAMES = ['@message'];
|
||||
const TEST_FILTER_COLUMN_NAMES = [['extension', 'jpg'], ['geo.src', 'IN']];
|
||||
|
||||
|
@ -35,7 +33,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
before(async function () {
|
||||
await esArchiver.loadIfNeeded('logstash_functional');
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(TEST_DOC_START_TIME, TEST_DOC_END_TIME);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await Promise.all(TEST_COLUMN_NAMES.map((columnName) => (
|
||||
PageObjects.discover.clickFieldListItemAdd(columnName)
|
||||
)));
|
||||
|
|
|
@ -30,8 +30,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
describe('discover tab', function describeIndexTests() {
|
||||
this.tags('smoke');
|
||||
before(async function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
await esArchiver.loadIfNeeded('logstash_functional');
|
||||
await esArchiver.load('discover');
|
||||
|
@ -41,7 +39,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
describe('field data', function () {
|
||||
|
|
|
@ -58,7 +58,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should display request stats with results', async () => {
|
||||
await PageObjects.timePicker.setAbsoluteRange('2015-09-19 06:31:44.000', '2015-09-23 18:31:44.000');
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
|
||||
await inspector.open();
|
||||
const requestStats = await inspector.getTableData();
|
||||
|
|
|
@ -34,8 +34,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const testSubjects = getService('testSubjects');
|
||||
|
||||
describe('saved queries saved objects', function describeIndexTests() {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
before(async function () {
|
||||
log.debug('load kibana index with default index pattern');
|
||||
|
@ -46,7 +44,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await kibanaServer.uiSettings.replace(defaultSettings);
|
||||
log.debug('discover');
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
describe('saved query management component functionality', function () {
|
||||
|
@ -55,8 +53,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('set up a query with filters to save');
|
||||
await queryBar.setQuery('response:200');
|
||||
await filterBar.addFilter('extension.raw', 'is one of', 'jpg');
|
||||
const fromTime = '2015-09-20 08:00:00.000';
|
||||
const toTime = '2015-09-21 08:00:00.000';
|
||||
const fromTime = 'Sep 20, 2015 @ 08:00:00.000';
|
||||
const toTime = 'Sep 21, 2015 @ 08:00:00.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
});
|
||||
|
||||
|
@ -79,15 +77,13 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('reinstates filters and the time filter when a saved query has filters and a time filter included', async () => {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await savedQueryManagementComponent.clearCurrentlyLoadedQuery();
|
||||
await savedQueryManagementComponent.loadSavedQuery('OkResponse');
|
||||
const timePickerValues = await PageObjects.timePicker.getTimeConfigAsAbsoluteTimes();
|
||||
expect(await filterBar.hasFilter('extension.raw', 'jpg')).to.be(true);
|
||||
expect(timePickerValues.start).to.not.eql(fromTime);
|
||||
expect(timePickerValues.end).to.not.eql(toTime);
|
||||
expect(timePickerValues.start).to.not.eql(PageObjects.timePicker.defaultStartTime);
|
||||
expect(timePickerValues.end).to.not.eql(PageObjects.timePicker.defaultEndTime);
|
||||
});
|
||||
|
||||
it('allows saving changes to a currently loaded query via the saved query management component', async () => {
|
||||
|
|
|
@ -38,9 +38,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
baseUrl = baseUrl.replace(':80', '').replace(':443', '');
|
||||
log.debug('New baseUrl = ' + baseUrl);
|
||||
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
// delete .kibana index and update configDoc
|
||||
await kibanaServer.uiSettings.replace({
|
||||
defaultIndex: 'logstash-*',
|
||||
|
@ -57,7 +54,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('discover');
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
|
||||
//After hiding the time picker, we need to wait for
|
||||
//the refresh button to hide before clicking the share button
|
||||
|
|
|
@ -27,8 +27,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
describe('discover sidebar', function describeIndexTests() {
|
||||
before(async function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
// delete .kibana index and update configDoc
|
||||
await kibanaServer.uiSettings.replace({
|
||||
|
@ -44,7 +42,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('discover');
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
describe('field filtering', function () {
|
||||
|
|
|
@ -27,8 +27,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
describe('source filters', function describeIndexTests() {
|
||||
before(async function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
// delete .kibana index and update configDoc
|
||||
await kibanaServer.uiSettings.replace({
|
||||
|
@ -44,7 +42,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('discover');
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
|
||||
//After hiding the time picker, we need to wait for
|
||||
//the refresh button to hide before clicking the share button
|
||||
|
|
|
@ -28,8 +28,6 @@ export default function({ getService, getPageObjects }: FtrProviderContext) {
|
|||
const esArchiver = getService('esArchiver');
|
||||
const retry = getService('retry');
|
||||
const kibanaServer = getService('kibanaServer');
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
const getHost = () => {
|
||||
if (process.env.TEST_KIBANA_HOSTNAME) {
|
||||
|
@ -77,7 +75,7 @@ export default function({ getService, getPageObjects }: FtrProviderContext) {
|
|||
// Navigate to discover app
|
||||
await appsMenu.clickLink('Discover');
|
||||
const discoverUrl = await browser.getCurrentUrl();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
const modifiedTimeDiscoverUrl = await browser.getCurrentUrl();
|
||||
|
||||
// Navigate to dashboard app
|
||||
|
|
|
@ -18,6 +18,7 @@
|
|||
*/
|
||||
|
||||
import expect from '@kbn/expect';
|
||||
import moment from 'moment';
|
||||
|
||||
export default function ({ getService, getPageObjects }) {
|
||||
const retry = getService('retry');
|
||||
|
@ -85,10 +86,9 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.home.launchSampleDataSet('flights');
|
||||
await PageObjects.header.waitUntilLoadingHasFinished();
|
||||
await renderable.waitForRender();
|
||||
const today = new Date();
|
||||
const todayYearMonthDay = today.toISOString().substring(0, 10);
|
||||
const fromTime = `${todayYearMonthDay} 00:00:00.000`;
|
||||
const toTime = `${todayYearMonthDay} 23:59:59.999`;
|
||||
const todayYearMonthDay = moment().format('MMM D, YYYY');
|
||||
const fromTime = `${todayYearMonthDay} @ 00:00:00.000`;
|
||||
const toTime = `${todayYearMonthDay} @ 23:59:59.999`;
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
const panelCount = await PageObjects.dashboard.getPanelCount();
|
||||
expect(panelCount).to.be(18);
|
||||
|
@ -119,10 +119,9 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.home.launchSampleDataSet('logs');
|
||||
await PageObjects.header.waitUntilLoadingHasFinished();
|
||||
await renderable.waitForRender();
|
||||
const today = new Date();
|
||||
const todayYearMonthDay = today.toISOString().substring(0, 10);
|
||||
const fromTime = `${todayYearMonthDay} 00:00:00.000`;
|
||||
const toTime = `${todayYearMonthDay} 23:59:59.999`;
|
||||
const todayYearMonthDay = moment().format('MMM D, YYYY');
|
||||
const fromTime = `${todayYearMonthDay} @ 00:00:00.000`;
|
||||
const toTime = `${todayYearMonthDay} @ 23:59:59.999`;
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
const panelCount = await PageObjects.dashboard.getPanelCount();
|
||||
expect(panelCount).to.be(11);
|
||||
|
@ -132,10 +131,9 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.home.launchSampleDataSet('ecommerce');
|
||||
await PageObjects.header.waitUntilLoadingHasFinished();
|
||||
await renderable.waitForRender();
|
||||
const today = new Date();
|
||||
const todayYearMonthDay = today.toISOString().substring(0, 10);
|
||||
const fromTime = `${todayYearMonthDay} 00:00:00.000`;
|
||||
const toTime = `${todayYearMonthDay} 23:59:59.999`;
|
||||
const todayYearMonthDay = moment().format('MMM D, YYYY');
|
||||
const fromTime = `${todayYearMonthDay} @ 00:00:00.000`;
|
||||
const toTime = `${todayYearMonthDay} @ 23:59:59.999`;
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
const panelCount = await PageObjects.dashboard.getPanelCount();
|
||||
expect(panelCount).to.be(12);
|
||||
|
|
|
@ -72,8 +72,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
it('should be able to discover and verify no of hits for alias2', async function () {
|
||||
const expectedHitCount = '5';
|
||||
const fromTime = '2016-11-12 05:00:00.000';
|
||||
const toTime = '2016-11-19 05:00:00.000';
|
||||
const fromTime = 'Nov 12, 2016 @ 05:00:00.000';
|
||||
const toTime = 'Nov 19, 2016 @ 05:00:00.000';
|
||||
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.discover.selectIndexPattern('alias2');
|
||||
|
|
|
@ -55,7 +55,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
it('when false, dashboard state is unhashed', async function () {
|
||||
await PageObjects.common.navigateToApp('dashboard');
|
||||
await PageObjects.dashboard.clickNewDashboard();
|
||||
await PageObjects.timePicker.setAbsoluteRange('2015-09-19 06:31:44.000', '2015-09-23 18:31:44.000');
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
const currentUrl = await browser.getCurrentUrl();
|
||||
const urlPieces = currentUrl.match(/(.*)?_g=(.*)&_a=(.*)/);
|
||||
const globalState = urlPieces[2];
|
||||
|
@ -78,7 +78,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
it('when true, dashboard state is hashed', async function () {
|
||||
await PageObjects.common.navigateToApp('dashboard');
|
||||
await PageObjects.dashboard.clickNewDashboard();
|
||||
await PageObjects.timePicker.setAbsoluteRange('2015-09-19 06:31:44.000', '2015-09-23 18:31:44.000');
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
const currentUrl = await browser.getCurrentUrl();
|
||||
const urlPieces = currentUrl.match(/(.*)?_g=(.*)&_a=(.*)/);
|
||||
const globalState = urlPieces[2];
|
||||
|
|
|
@ -124,8 +124,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should see scripted field value in Discover', async function () {
|
||||
const fromTime = '2015-09-17 06:31:44.000';
|
||||
const toTime = '2015-09-18 18:31:44.000';
|
||||
const fromTime = 'Sep 17, 2015 @ 06:31:44.000';
|
||||
const toTime = 'Sep 18, 2015 @ 18:31:44.000';
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
|
||||
|
@ -186,8 +186,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should see scripted field value in Discover', async function () {
|
||||
const fromTime = '2015-09-17 06:31:44.000';
|
||||
const toTime = '2015-09-18 18:31:44.000';
|
||||
const fromTime = 'Sep 17, 2015 @ 06:31:44.000';
|
||||
const toTime = 'Sep 18, 2015 @ 18:31:44.000';
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
|
||||
|
@ -246,8 +246,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should see scripted field value in Discover', async function () {
|
||||
const fromTime = '2015-09-17 06:31:44.000';
|
||||
const toTime = '2015-09-18 18:31:44.000';
|
||||
const fromTime = 'Sep 17, 2015 @ 06:31:44.000';
|
||||
const toTime = 'Sep 18, 2015 @ 18:31:44.000';
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
|
||||
|
@ -307,8 +307,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should see scripted field value in Discover', async function () {
|
||||
const fromTime = '2015-09-17 19:22:00.000';
|
||||
const toTime = '2015-09-18 07:00:00.000';
|
||||
const fromTime = 'Sep 17, 2015 @ 19:22:00.000';
|
||||
const toTime = 'Sep 18, 2015 @ 07:00:00.000';
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
|
||||
|
@ -326,7 +326,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
it('should filter by scripted field value in Discover', async function () {
|
||||
await PageObjects.discover.clickFieldListItem(scriptedPainlessFieldName2);
|
||||
await log.debug('filter by "2015-09-17 23:00" in the expanded scripted field list');
|
||||
await log.debug('filter by "Sep 17, 2015 @ 23:00" in the expanded scripted field list');
|
||||
await PageObjects.discover.clickFieldListPlusFilter(scriptedPainlessFieldName2, '2015-09-17 23:00');
|
||||
await PageObjects.header.waitUntilLoadingHasFinished();
|
||||
|
||||
|
|
|
@ -24,11 +24,9 @@ export default function ({ getPageObjects }) {
|
|||
|
||||
describe('expression typeahead', () => {
|
||||
before(async () => {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
await PageObjects.timelion.initTests();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
it('should display function suggestions filtered by function name', async () => {
|
||||
|
|
|
@ -30,8 +30,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const vizName1 = 'Visualization AreaChart Name Test';
|
||||
|
||||
const initAreaChart = async () => {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
log.debug('navigateToApp visualize');
|
||||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
|
@ -39,7 +37,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.clickAreaChart();
|
||||
log.debug('clickNewSearch');
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('Click X-axis');
|
||||
await PageObjects.visualize.clickBucket('X-axis');
|
||||
log.debug('Click Date Histogram');
|
||||
|
@ -327,8 +325,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
describe('date histogram with long time range', () => {
|
||||
// that dataset spans from Oct 26, 2013 @ 06:10:17.855 to Apr 18, 2019 @ 11:38:12.790
|
||||
const fromTime = '2013-01-01 00:00:00.000';
|
||||
const toTime = '2020-01-01 00:00:00.000';
|
||||
const fromTime = 'Jan 1, 2013 @ 00:00:00.000';
|
||||
const toTime = 'Jan 1, 2020 @ 00:00:00.000';
|
||||
it('should render a yearly area with 12 svg paths', async () => {
|
||||
log.debug('navigateToApp visualize');
|
||||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
|
|
|
@ -26,9 +26,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const filterBar = getService('filterBar');
|
||||
const PageObjects = getPageObjects(['common', 'visualize', 'header', 'timePicker']);
|
||||
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
describe('data table', function indexPatternCreation() {
|
||||
const vizName1 = 'Visualization DataTable';
|
||||
|
||||
|
@ -39,7 +36,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.clickDataTable();
|
||||
log.debug('clickNewSearch');
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('Bucket = Split rows');
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
log.debug('Aggregation = Histogram');
|
||||
|
@ -112,7 +109,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
await PageObjects.visualize.selectAggregation('Range');
|
||||
await PageObjects.visualize.selectField('bytes');
|
||||
|
@ -157,7 +154,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Metric', 'metrics');
|
||||
await PageObjects.visualize.selectAggregation('Average Bucket', 'metrics');
|
||||
await PageObjects.visualize.selectAggregation('Terms', 'metrics', 'buckets');
|
||||
|
@ -172,7 +169,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
await PageObjects.visualize.selectAggregation('Date Histogram');
|
||||
await PageObjects.visualize.selectField('@timestamp');
|
||||
|
@ -191,7 +188,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
await PageObjects.visualize.selectAggregation('Date Histogram');
|
||||
await PageObjects.visualize.selectField('@timestamp');
|
||||
|
@ -227,7 +224,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickMetricEditor();
|
||||
await PageObjects.visualize.selectAggregation('Top Hit', 'metrics');
|
||||
await PageObjects.visualize.selectField('agent.raw', 'metrics');
|
||||
|
@ -241,7 +238,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
await PageObjects.visualize.selectAggregation('Range');
|
||||
await PageObjects.visualize.selectField('bytes');
|
||||
|
@ -259,7 +256,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
await PageObjects.visualize.selectAggregation('Terms');
|
||||
await PageObjects.visualize.selectField('extension.raw');
|
||||
|
@ -297,7 +294,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
await PageObjects.visualize.selectAggregation('Terms');
|
||||
await PageObjects.visualize.selectField('extension.raw');
|
||||
|
@ -392,7 +389,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Split table');
|
||||
await PageObjects.visualize.selectAggregation('Terms');
|
||||
await PageObjects.visualize.selectField('extension.raw');
|
||||
|
|
|
@ -26,9 +26,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const embedding = getService('embedding');
|
||||
const PageObjects = getPageObjects(['common', 'visualize', 'header', 'timePicker']);
|
||||
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
describe('embedding', () => {
|
||||
|
||||
describe('a data table', () => {
|
||||
|
@ -36,7 +33,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
await PageObjects.visualize.selectAggregation('Date Histogram');
|
||||
await PageObjects.visualize.selectField('@timestamp');
|
||||
|
|
|
@ -29,8 +29,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
// FLAKY: https://github.com/elastic/kibana/issues/45089
|
||||
describe('gauge chart', function indexPatternCreation() {
|
||||
this.tags('smoke');
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
async function initGaugeVis() {
|
||||
log.debug('navigateToApp visualize');
|
||||
|
@ -38,7 +36,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickGauge');
|
||||
await PageObjects.visualize.clickGauge();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
}
|
||||
|
||||
before(initGaugeVis);
|
||||
|
|
|
@ -27,8 +27,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
describe('heatmap chart', function indexPatternCreation() {
|
||||
this.tags('smoke');
|
||||
const vizName1 = 'Visualization HeatmapChart';
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
before(async function () {
|
||||
log.debug('navigateToApp visualize');
|
||||
|
@ -36,7 +34,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickHeatmapChart');
|
||||
await PageObjects.visualize.clickHeatmapChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('Bucket = X-Axis');
|
||||
await PageObjects.visualize.clickBucket('X-axis');
|
||||
log.debug('Aggregation = Date Histogram');
|
||||
|
|
|
@ -26,15 +26,13 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
describe('histogram agg onSearchRequestStart', function () {
|
||||
before(async function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
log.debug('navigateToApp visualize');
|
||||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
log.debug('clickDataTable');
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('Bucket = Split Rows');
|
||||
await PageObjects.visualize.clickBucket('Split rows');
|
||||
log.debug('Aggregation = Histogram');
|
||||
|
|
|
@ -27,14 +27,12 @@ export default function ({ getService, getPageObjects }) {
|
|||
describe('inspector', function describeIndexTests() {
|
||||
this.tags('smoke');
|
||||
before(async function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickVerticalBarChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
describe('inspector table', function indexPatternCreation() {
|
||||
|
|
|
@ -30,15 +30,13 @@ export default function ({ getService, getPageObjects }) {
|
|||
const vizName1 = 'Visualization LineChart';
|
||||
|
||||
const initLineChart = async function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
log.debug('navigateToApp visualize');
|
||||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
log.debug('clickLineChart');
|
||||
await PageObjects.visualize.clickLineChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('Bucket = Split chart');
|
||||
await PageObjects.visualize.clickBucket('Split chart');
|
||||
log.debug('Aggregation = Terms');
|
||||
|
|
|
@ -25,8 +25,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const PageObjects = getPageObjects(['common', 'discover', 'visualize', 'header', 'timePicker']);
|
||||
|
||||
describe('visualize app', function describeIndexTests() {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
describe('linked saved searched', () => {
|
||||
|
||||
|
@ -45,7 +43,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickDataTable();
|
||||
await PageObjects.visualize.clickSavedSearch(savedSearchName);
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await retry.waitFor('wait for count to equal 9,109', async () => {
|
||||
const data = await PageObjects.visualize.getTableVisData();
|
||||
return data.trim() === '9,109';
|
||||
|
@ -53,7 +51,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should respect the time filter when linked to a saved search', async () => {
|
||||
await PageObjects.timePicker.setAbsoluteRange('2015-09-19 06:31:44.000', '2015-09-21 10:00:00.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Sep 19, 2015 @ 06:31:44.000', 'Sep 21, 2015 @ 10:00:00.000');
|
||||
await retry.waitFor('wait for count to equal 3,950', async () => {
|
||||
const data = await PageObjects.visualize.getTableVisData();
|
||||
return data.trim() === '3,950';
|
||||
|
|
|
@ -27,8 +27,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const PageObjects = getPageObjects(['common', 'visualize', 'timePicker']);
|
||||
|
||||
describe('metric chart', function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
before(async function () {
|
||||
log.debug('navigateToApp visualize');
|
||||
|
@ -36,7 +34,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickMetric');
|
||||
await PageObjects.visualize.clickMetric();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
it('should have inspector enabled', async function () {
|
||||
|
|
|
@ -25,8 +25,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const pieChart = getService('pieChart');
|
||||
const inspector = getService('inspector');
|
||||
const PageObjects = getPageObjects(['common', 'visualize', 'header', 'settings', 'timePicker']);
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
describe('pie chart', function () {
|
||||
const vizName1 = 'Visualization PieChart';
|
||||
|
@ -36,7 +34,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickPieChart');
|
||||
await PageObjects.visualize.clickPieChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('select bucket Split slices');
|
||||
await PageObjects.visualize.clickBucket('Split slices');
|
||||
log.debug('Click aggregation Histogram');
|
||||
|
@ -85,7 +83,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickPieChart');
|
||||
await PageObjects.visualize.clickPieChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('select bucket Split slices');
|
||||
await PageObjects.visualize.clickBucket('Split slices');
|
||||
log.debug('Click aggregation Terms');
|
||||
|
@ -187,7 +185,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickPieChart');
|
||||
await PageObjects.visualize.clickPieChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('select bucket Split slices');
|
||||
await PageObjects.visualize.clickBucket('Split slices');
|
||||
log.debug('Click aggregation Filters');
|
||||
|
@ -199,8 +197,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('Set the 2nd filter value');
|
||||
await PageObjects.visualize.setFilterAggregationValue('geo.dest:"CN"', 1);
|
||||
await PageObjects.visualize.clickGo();
|
||||
const emptyFromTime = '2016-09-19 06:31:44.000';
|
||||
const emptyToTime = '2016-09-23 18:31:44.000';
|
||||
const emptyFromTime = 'Sep 19, 2016 @ 06:31:44.000';
|
||||
const emptyToTime = 'Sep 23, 2016 @ 18:31:44.000';
|
||||
log.debug('Switch to a different time range from \"' + emptyFromTime + '\" to \"' + emptyToTime + '\"');
|
||||
await PageObjects.timePicker.setAbsoluteRange(emptyFromTime, emptyToTime);
|
||||
await PageObjects.visualize.waitForVisualization();
|
||||
|
@ -214,8 +212,10 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickPieChart');
|
||||
await PageObjects.visualize.clickPieChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
log.debug('Set absolute time range from \"' + fromTime + '\" to \"' + toTime + '\"');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
log.debug('Set absolute time range from \"'
|
||||
+ PageObjects.timePicker.defaultStartTime + '\" to \"'
|
||||
+ PageObjects.timePicker.defaultEndTime + '\"');
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('select bucket Split slices');
|
||||
await PageObjects.visualize.clickBucket('Split slices');
|
||||
log.debug('Click aggregation Histogram');
|
||||
|
@ -275,7 +275,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickPieChart');
|
||||
await PageObjects.visualize.clickPieChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('select bucket Split slices');
|
||||
await PageObjects.visualize.clickBucket('Split slices');
|
||||
log.debug('Click aggregation Filters');
|
||||
|
@ -302,7 +302,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickPieChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('select bucket Split chart');
|
||||
await PageObjects.visualize.clickBucket('Split chart');
|
||||
await PageObjects.visualize.selectAggregation('Terms');
|
||||
|
|
|
@ -29,15 +29,13 @@ export default function ({ getService, getPageObjects }) {
|
|||
const inspector = getService('inspector');
|
||||
|
||||
async function initChart() {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
log.debug('navigateToApp visualize');
|
||||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
log.debug('clickLineChart');
|
||||
await PageObjects.visualize.clickLineChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('Bucket = X-axis');
|
||||
await PageObjects.visualize.clickBucket('X-axis');
|
||||
log.debug('Aggregation = Date Histogram');
|
||||
|
@ -208,8 +206,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should show different labels in different timezone', async function () {
|
||||
const fromTime = '2015-09-22 09:05:47.415';
|
||||
const toTime = '2015-09-22 16:08:34.554';
|
||||
const fromTime = 'Sep 22, 2015 @ 09:05:47.415';
|
||||
const toTime = 'Sep 22, 2015 @ 16:08:34.554';
|
||||
// note that we're setting the absolute time range while we're in 'America/Phoenix' tz
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.visualize.waitForRenderingCount();
|
||||
|
|
|
@ -23,8 +23,6 @@ import expect from '@kbn/expect';
|
|||
export default function ({ getService, getPageObjects }) {
|
||||
|
||||
describe('vector map', function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
const inspector = getService('inspector');
|
||||
const log = getService('log');
|
||||
|
@ -38,7 +36,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickRegionMap');
|
||||
await PageObjects.visualize.clickRegionMap();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('Bucket = Shape field');
|
||||
await PageObjects.visualize.clickBucket('Shape field');
|
||||
log.debug('Aggregation = Terms');
|
||||
|
|
|
@ -30,8 +30,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
describe('tag cloud chart', function () {
|
||||
const vizName1 = 'Visualization tagCloud';
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
const termsField = 'machine.ram';
|
||||
|
||||
before(async function () {
|
||||
|
@ -40,7 +38,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickTagCloud');
|
||||
await PageObjects.visualize.clickTagCloud();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('select Tags');
|
||||
await PageObjects.visualize.clickBucket('Tags');
|
||||
log.debug('Click aggregation Terms');
|
||||
|
@ -140,7 +138,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.common.navigateToApp('visualize');
|
||||
await PageObjects.visualize.loadSavedVisualization(vizName1, { navigateToVisualize: false });
|
||||
await PageObjects.header.waitUntilLoadingHasFinished();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.waitForVisualization();
|
||||
});
|
||||
|
||||
|
|
|
@ -37,15 +37,12 @@ export default function ({ getService, getPageObjects }) {
|
|||
before(async function () {
|
||||
await browser.setWindowSize(1280, 1000);
|
||||
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
log.debug('navigateToApp visualize');
|
||||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
log.debug('clickTileMap');
|
||||
await PageObjects.visualize.clickTileMap();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
//do not configure aggs
|
||||
});
|
||||
|
||||
|
@ -62,15 +59,12 @@ export default function ({ getService, getPageObjects }) {
|
|||
before(async function () {
|
||||
await browser.setWindowSize(1280, 1000);
|
||||
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
log.debug('navigateToApp visualize');
|
||||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
log.debug('clickTileMap');
|
||||
await PageObjects.visualize.clickTileMap();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('select bucket Geo Coordinates');
|
||||
await PageObjects.visualize.clickBucket('Geo coordinates');
|
||||
log.debug('Click aggregation Geohash');
|
||||
|
|
|
@ -120,8 +120,8 @@ export default function({ getService, getPageObjects }: FtrProviderContext) {
|
|||
const value = await PageObjects.visualBuilder.getMetricValue();
|
||||
expect(value).to.eql('156');
|
||||
await PageObjects.visualBuilder.clickPanelOptions('metric');
|
||||
const fromTime = '2018-10-22 00:00:00.000';
|
||||
const toTime = '2018-10-28 23:59:59.999';
|
||||
const fromTime = 'Oct 22, 2018 @ 00:00:00.000';
|
||||
const toTime = 'Oct 28, 2018 @ 23:59:59.999';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.visualBuilder.setIndexPatternValue('kibana_sample_data_flights');
|
||||
await PageObjects.visualBuilder.selectIndexPatternTimeField('timestamp');
|
||||
|
|
|
@ -43,7 +43,10 @@ export default function({ getPageObjects, getService }: FtrProviderContext) {
|
|||
before(async () => {
|
||||
await visualBuilder.resetPage();
|
||||
await visualBuilder.clickMarkdown();
|
||||
await timePicker.setAbsoluteRange('2015-09-22 06:00:00.000', '2015-09-22 11:00:00.000');
|
||||
await timePicker.setAbsoluteRange(
|
||||
'Sep 22, 2015 @ 06:00:00.000',
|
||||
'Sep 22, 2015 @ 11:00:00.000'
|
||||
);
|
||||
});
|
||||
|
||||
it('should render subtabs and table variables markdown components', async () => {
|
||||
|
|
|
@ -27,7 +27,7 @@ export default function({ getPageObjects }: FtrProviderContext) {
|
|||
describe('visual builder', function describeIndexTests() {
|
||||
describe('table', () => {
|
||||
beforeEach(async () => {
|
||||
await visualBuilder.resetPage('2015-09-22 06:00:00.000', '2015-09-22 11:00:00.000');
|
||||
await visualBuilder.resetPage('Sep 22, 2015 @ 06:00:00.000', 'Sep 22, 2015 @ 11:00:00.000');
|
||||
await visualBuilder.clickTable();
|
||||
|
||||
await visualBuilder.checkTableTabIsPresent();
|
||||
|
|
|
@ -25,9 +25,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const inspector = getService('inspector');
|
||||
const log = getService('log');
|
||||
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
describe('visualize app', () => {
|
||||
before(async () => {
|
||||
log.debug('navigateToApp visualize');
|
||||
|
@ -64,7 +61,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
describe('with filters', () => {
|
||||
before(async () => {
|
||||
log.debug('setAbsoluteRange');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
afterEach(async () => {
|
||||
|
|
|
@ -27,8 +27,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
const PageObjects = getPageObjects(['common', 'visualize', 'header', 'timePicker']);
|
||||
|
||||
describe('vertical bar chart', function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
const vizName1 = 'Visualization VerticalBarChart';
|
||||
|
||||
const initBarChart = async () => {
|
||||
|
@ -37,7 +35,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickVerticalBarChart');
|
||||
await PageObjects.visualize.clickVerticalBarChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
log.debug('Bucket = X-Axis');
|
||||
await PageObjects.visualize.clickBucket('X-axis');
|
||||
log.debug('Aggregation = Date Histogram');
|
||||
|
@ -109,8 +107,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should have `drop partial buckets` option', async () => {
|
||||
const fromTime = '2015-09-20 06:31:44.000';
|
||||
const toTime = '2015-09-22 18:31:44.000';
|
||||
const fromTime = 'Sep 20, 2015 @ 06:31:44.000';
|
||||
const toTime = 'Sep 22, 2015 @ 18:31:44.000';
|
||||
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
|
||||
|
|
|
@ -35,7 +35,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await PageObjects.visualize.navigateToNewVisualization();
|
||||
await PageObjects.visualize.clickInputControlVis();
|
||||
// set time range to time with no documents - input controls do not use time filter be default
|
||||
await PageObjects.timePicker.setAbsoluteRange('2017-01-01 00:00:00.000', '2017-01-02 00:00:00.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Jan 1, 2017 @ 00:00:00.000', 'Jan 1, 2017 @ 00:00:00.000');
|
||||
await PageObjects.visualize.clickVisEditorTab('controls');
|
||||
await PageObjects.visualize.addInputControl();
|
||||
await comboBox.set('indexPatternSelect-0', 'logstash- ');
|
||||
|
@ -176,7 +176,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should re-create control when global time filter is updated', async () => {
|
||||
await PageObjects.timePicker.setAbsoluteRange('2015-01-01 00:00:00.000', '2016-01-01 00:00:00.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Jan 1, 2015 @ 00:00:00.000', 'Jan 1, 2016 @ 00:00:00.000');
|
||||
|
||||
// Expect control to have values for selected time filter
|
||||
const menu = await comboBox.getOptionsList('listControlSelect0');
|
||||
|
|
|
@ -527,20 +527,18 @@ export function DashboardPageProvider({ getService, getPageObjects }) {
|
|||
}
|
||||
|
||||
async setTimepickerInHistoricalDataRange() {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
}
|
||||
|
||||
async setTimepickerInDataRange() {
|
||||
const fromTime = '2018-01-01 00:00:00.000';
|
||||
const toTime = '2018-04-13 00:00:00.000';
|
||||
const fromTime = 'Jan 1, 2018 @ 00:00:00.000';
|
||||
const toTime = 'Apr 13, 2018 @ 00:00:00.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
}
|
||||
|
||||
async setTimepickerInLogstashDataRange() {
|
||||
const fromTime = '2018-04-09 00:00:00.000';
|
||||
const toTime = '2018-04-13 00:00:00.000';
|
||||
const fromTime = 'Apr 9, 2018 @ 00:00:00.000';
|
||||
const toTime = 'Apr 13, 2018 @ 00:00:00.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
}
|
||||
|
||||
|
|
|
@ -36,8 +36,8 @@ export function TimePickerPageProvider({ getService, getPageObjects }) {
|
|||
formatDateToAbsoluteTimeString(date) {
|
||||
// toISOString returns dates in format 'YYYY-MM-DDTHH:mm:ss.sssZ'
|
||||
// Need to replace T with space and remove timezone
|
||||
const dateString = date.toISOString().replace('T', ' ');
|
||||
return dateString.substring(0, 23);
|
||||
const DEFAULT_DATE_FORMAT = 'MMM D, YYYY @ HH:mm:ss.SSS';
|
||||
return moment(date).format(DEFAULT_DATE_FORMAT);
|
||||
}
|
||||
|
||||
async getTimePickerPanel() {
|
||||
|
@ -74,8 +74,8 @@ export function TimePickerPageProvider({ getService, getPageObjects }) {
|
|||
}
|
||||
|
||||
/**
|
||||
* @param {String} fromTime YYYY-MM-DD HH:mm:ss.SSS
|
||||
* @param {String} fromTime YYYY-MM-DD HH:mm:ss.SSS
|
||||
* @param {String} fromTime MMM D, YYYY @ HH:mm:ss.SSS
|
||||
* @param {String} toTime MMM D, YYYY @ HH:mm:ss.SSS
|
||||
*/
|
||||
async setAbsoluteRange(fromTime, toTime) {
|
||||
log.debug(`Setting absolute range to ${fromTime} to ${toTime}`);
|
||||
|
@ -112,6 +112,13 @@ export function TimePickerPageProvider({ getService, getPageObjects }) {
|
|||
await PageObjects.header.awaitGlobalLoadingIndicatorHidden();
|
||||
}
|
||||
|
||||
get defaultStartTime() { return 'Sep 19, 2015 @ 06:31:44.000'; }
|
||||
get defaultEndTime() { return 'Sep 23, 2015 @ 18:31:44.000'; }
|
||||
|
||||
async setDefaultAbsoluteRange() {
|
||||
await this.setAbsoluteRange(this.defaultStartTime, this.defaultEndTime);
|
||||
}
|
||||
|
||||
async isQuickSelectMenuOpen() {
|
||||
return await testSubjects.exists('superDatePickerQuickMenu');
|
||||
}
|
||||
|
@ -214,7 +221,7 @@ export function TimePickerPageProvider({ getService, getPageObjects }) {
|
|||
}
|
||||
|
||||
async getTimeDurationInHours() {
|
||||
const DEFAULT_DATE_FORMAT = 'YYYY-MM-DD HH:mm:ss.SSS';
|
||||
const DEFAULT_DATE_FORMAT = 'MMM D, YYYY @ HH:mm:ss.SSS';
|
||||
const { start, end } = await this.getTimeConfigAsAbsoluteTimes();
|
||||
|
||||
const startMoment = moment(start, DEFAULT_DATE_FORMAT);
|
||||
|
|
|
@ -43,8 +43,8 @@ export function VisualBuilderPageProvider({ getService, getPageObjects }: FtrPro
|
|||
|
||||
class VisualBuilderPage {
|
||||
public async resetPage(
|
||||
fromTime = '2015-09-19 06:31:44.000',
|
||||
toTime = '2015-09-22 18:31:44.000'
|
||||
fromTime = 'Sep 19, 2015 @ 06:31:44.000',
|
||||
toTime = 'Sep 22, 2015 @ 18:31:44.000'
|
||||
) {
|
||||
await PageObjects.common.navigateToUrl('visualize', 'create?type=metrics');
|
||||
log.debug('Set absolute time range from "' + fromTime + '" to "' + toTime + '"');
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
},
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@elastic/eui": "14.9.0",
|
||||
"@elastic/eui": "16.0.0",
|
||||
"react": "^16.8.0",
|
||||
"react-dom": "^16.8.0"
|
||||
}
|
||||
|
|
|
@ -7,7 +7,7 @@
|
|||
},
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@elastic/eui": "14.9.0",
|
||||
"@elastic/eui": "16.0.0",
|
||||
"react": "^16.8.0"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
},
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@elastic/eui": "14.9.0",
|
||||
"@elastic/eui": "16.0.0",
|
||||
"react": "^16.8.0"
|
||||
},
|
||||
"scripts": {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
},
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@elastic/eui": "14.9.0",
|
||||
"@elastic/eui": "16.0.0",
|
||||
"react": "^16.8.0"
|
||||
},
|
||||
"scripts": {
|
||||
|
|
|
@ -33,8 +33,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
};
|
||||
|
||||
describe('discover', function describeIndexTests() {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
|
||||
before(async function () {
|
||||
log.debug('load kibana index with default index pattern');
|
||||
|
@ -45,7 +43,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await kibanaServer.uiSettings.replace(defaultSettings);
|
||||
log.debug('discover');
|
||||
await PageObjects.common.navigateToApp('discover');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
});
|
||||
|
||||
describe('query', function () {
|
||||
|
@ -132,7 +130,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
await kibanaServer.uiSettings.replace({ 'dateFormat:tz': 'America/Phoenix' });
|
||||
await browser.refresh();
|
||||
await PageObjects.header.awaitKibanaChrome();
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.header.awaitGlobalLoadingIndicatorHidden();
|
||||
await PageObjects.discover.waitUntilSearchingHasFinished();
|
||||
await visualTesting.snapshot({
|
||||
|
|
|
@ -122,7 +122,7 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
|
|||
<caption
|
||||
aria-live="polite"
|
||||
aria-relevant="text"
|
||||
className="euiScreenReaderOnly"
|
||||
className="euiScreenReaderOnly euiTableCaption"
|
||||
role="status"
|
||||
/>
|
||||
<thead>
|
||||
|
@ -501,7 +501,7 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
|
|||
<caption
|
||||
aria-live="polite"
|
||||
aria-relevant="text"
|
||||
className="euiScreenReaderOnly"
|
||||
className="euiScreenReaderOnly euiTableCaption"
|
||||
role="status"
|
||||
/>
|
||||
<thead>
|
||||
|
|
|
@ -246,8 +246,9 @@ Array [
|
|||
/>
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<svg
|
||||
|
@ -259,12 +260,12 @@ Array [
|
|||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
|
||||
|
@ -277,8 +278,8 @@ Array [
|
|||
best element ever
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</div>
|
||||
|
@ -599,8 +600,9 @@ Array [
|
|||
/>
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -608,12 +610,12 @@ Array [
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
|
||||
|
@ -626,8 +628,8 @@ Array [
|
|||
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</div>
|
||||
|
@ -949,8 +951,9 @@ Array [
|
|||
/>
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<svg
|
||||
|
@ -962,12 +965,12 @@ Array [
|
|||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
My Chart
|
||||
|
@ -980,8 +983,8 @@ Array [
|
|||
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</div>
|
||||
|
@ -1301,8 +1304,9 @@ Array [
|
|||
/>
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<svg
|
||||
|
@ -1314,12 +1318,12 @@ Array [
|
|||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
|
||||
|
@ -1332,8 +1336,8 @@ Array [
|
|||
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</div>
|
||||
|
|
|
@ -8,11 +8,11 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
|
|||
}
|
||||
}
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<svg
|
||||
|
@ -24,15 +24,21 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
|
|||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Element 1
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Element 1
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -42,11 +48,11 @@ exports[`Storyshots components/Elements/ElementCard with click handler 1`] = `
|
|||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis.
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
@ -60,8 +66,9 @@ exports[`Storyshots components/Elements/ElementCard with image 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -69,12 +76,12 @@ exports[`Storyshots components/Elements/ElementCard with image 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Element 1
|
||||
|
@ -87,8 +94,8 @@ exports[`Storyshots components/Elements/ElementCard with image 1`] = `
|
|||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis.
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</div>
|
||||
|
@ -103,11 +110,11 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
}
|
||||
}
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<svg
|
||||
|
@ -119,15 +126,21 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Element 1
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Element 1
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -137,8 +150,8 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis.
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
>
|
||||
<span
|
||||
|
@ -255,8 +268,8 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
||||
|
@ -270,8 +283,9 @@ exports[`Storyshots components/Elements/ElementCard with title and description 1
|
|||
>
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--hasIcon canvasElementCard canvasElementCard--hasIcon"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<svg
|
||||
|
@ -283,12 +297,12 @@ exports[`Storyshots components/Elements/ElementCard with title and description 1
|
|||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Element 1
|
||||
|
@ -301,8 +315,8 @@ exports[`Storyshots components/Elements/ElementCard with title and description 1
|
|||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis.
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</div>
|
||||
|
|
|
@ -14,11 +14,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -26,15 +26,21 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Custom Element 1
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Custom Element 1
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -44,11 +50,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
sample description
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls"
|
||||
>
|
||||
|
@ -115,11 +121,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -127,15 +133,21 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Custom Element 2
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Custom Element 2
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -145,11 +157,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
Aenean eu justo auctor, placerat felis non, scelerisque dolor.
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls"
|
||||
>
|
||||
|
@ -216,11 +228,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -228,15 +240,21 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Custom Element 3
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Custom Element 3
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -246,11 +264,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls 1`] = `
|
|||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis.
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls"
|
||||
>
|
||||
|
@ -332,11 +350,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls and filter 1`]
|
|||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -344,15 +362,21 @@ exports[`Storyshots components/Elements/ElementGrid with controls and filter 1`]
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Custom Element 3
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Custom Element 3
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -362,11 +386,11 @@ exports[`Storyshots components/Elements/ElementGrid with controls and filter 1`]
|
|||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce lobortis aliquet arcu ut turpis duis.
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
<div
|
||||
className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive canvasElementCard__controls"
|
||||
>
|
||||
|
@ -448,11 +472,11 @@ exports[`Storyshots components/Elements/ElementGrid with tags filter 1`] = `
|
|||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -460,15 +484,21 @@ exports[`Storyshots components/Elements/ElementGrid with tags filter 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Image
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Image
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -478,8 +508,8 @@ exports[`Storyshots components/Elements/ElementGrid with tags filter 1`] = `
|
|||
A static image
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
>
|
||||
<span
|
||||
|
@ -501,8 +531,8 @@ exports[`Storyshots components/Elements/ElementGrid with tags filter 1`] = `
|
|||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -522,11 +552,11 @@ exports[`Storyshots components/Elements/ElementGrid with text filter 1`] = `
|
|||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -534,15 +564,21 @@ exports[`Storyshots components/Elements/ElementGrid with text filter 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Data table
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Data table
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -552,8 +588,8 @@ exports[`Storyshots components/Elements/ElementGrid with text filter 1`] = `
|
|||
A scrollable grid for displaying data in a tabular format
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
>
|
||||
<span
|
||||
|
@ -575,8 +611,8 @@ exports[`Storyshots components/Elements/ElementGrid with text filter 1`] = `
|
|||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -596,11 +632,11 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -608,15 +644,21 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Area chart
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Area chart
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -626,8 +668,8 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
A line chart with a filled body
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
>
|
||||
<span
|
||||
|
@ -649,17 +691,17 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -667,15 +709,21 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Image
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Image
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -685,8 +733,8 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
A static image
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
>
|
||||
<span
|
||||
|
@ -708,17 +756,17 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
className="euiFlexItem canvasElementCard__wrapper"
|
||||
>
|
||||
<button
|
||||
<div
|
||||
className="euiCard euiCard--leftAligned euiCard--isClickable canvasElementCard"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<span
|
||||
<div
|
||||
className="euiCard__top"
|
||||
>
|
||||
<img
|
||||
|
@ -726,15 +774,21 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
className="euiCard__image"
|
||||
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmlld0JveD0iMCAwIDI3MC42MDAwMSAyNjkuNTQ2NjYiCiAgIGhlaWdodD0iMjY5LjU0NjY2IgogICB3aWR0aD0iMjcwLjYwMDAxIgogICB4bWw6c3BhY2U9InByZXNlcnZlIgogICBpZD0ic3ZnMiIKICAgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4Ij48cmRmOlJERj48Y2M6V29yawogICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUKICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPjwvY2M6V29yaz48L3JkZjpSREY+PC9tZXRhZGF0YT48ZGVmcwogICAgIGlkPSJkZWZzNiIgLz48ZwogICAgIHRyYW5zZm9ybT0ibWF0cml4KDEuMzMzMzMzMywwLDAsLTEuMzMzMzMzMywwLDI2OS41NDY2NykiCiAgICAgaWQ9ImcxMCI+PGcKICAgICAgIHRyYW5zZm9ybT0ic2NhbGUoMC4xKSIKICAgICAgIGlkPSJnMTIiPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMTQiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMjAyOS40OCw5NjIuNDQxIGMgMCwxNzAuMDk5IC0xMDUuNDYsMzE4Ljc5OSAtMjY0LjE3LDM3Ni42NTkgNi45OCwzNS44NiAxMC42Miw3MS43MSAxMC42MiwxMDkuMDUgMCwzMTYuMTkgLTI1Ny4yNCw1NzMuNDMgLTU3My40Nyw1NzMuNDMgLTE4NC43MiwwIC0zNTYuNTU4LC04OC41OSAtNDY0LjUzLC0yMzcuODUgLTUzLjA5LDQxLjE4IC0xMTguMjg1LDYzLjc1IC0xODYuMzA1LDYzLjc1IC0xNjcuODM2LDAgLTMwNC4zODMsLTEzNi41NCAtMzA0LjM4MywtMzA0LjM4IDAsLTM3LjA4IDYuNjE3LC03Mi41OCAxOS4wMzEsLTEwNi4wOCBDIDEwOC40ODgsMTM4MC4wOSAwLDEyMjcuODkgMCwxMDU4Ljg4IDAsODg3LjkxIDEwNS45NzcsNzM4LjUzOSAyNjUuMzk4LDY4MS4wOSBjIC02Ljc2OSwtMzUuNDQyIC0xMC40NiwtNzIuMDIgLTEwLjQ2LC0xMDkgQyAyNTQuOTM4LDI1Ni42MjEgNTExLjU2NiwwIDgyNy4wMjcsMCAxMDEyLjIsMCAxMTgzLjk0LDg4Ljk0MTQgMTI5MS4zLDIzOC44MzIgYyA1My40NSwtNDEuOTYxIDExOC44LC02NC45OTIgMTg2LjU2LC02NC45OTIgMTY3LjgzLDAgMzA0LjM4LDEzNi40OTIgMzA0LjM4LDMwNC4zMzIgMCwzNy4wNzggLTYuNjIsNzIuNjI5IC0xOS4wMywxMDYuMTI5IDE1Ny43OCw1Ni44NzkgMjY2LjI3LDIwOS4xMjkgMjY2LjI3LDM3OC4xNCIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDE2IgogICAgICAgICBzdHlsZT0iZmlsbDojZmFjZjA5O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDc5Ny44OTgsMTE1MC45MyA0NDQuMDcyLC0yMDIuNDUgNDQ4LjA1LDM5Mi41OCBjIDYuNDksMzIuMzkgOS42Niw2NC42NyA5LjY2LDk4LjQ2IDAsMjc2LjIzIC0yMjQuNjgsNTAwLjk1IC01MDAuOSw1MDAuOTUgLTE2NS4yNCwwIC0zMTkuMzcsLTgxLjM2IC00MTMuMDUzLC0yMTcuNzkgbCAtNzQuNTI0LC0zODYuNjQgODYuNjk1LC0xODUuMTEiIC8+PHBhdGgKICAgICAgICAgaWQ9InBhdGgxOCIKICAgICAgICAgc3R5bGU9ImZpbGw6IzQ5YzFhZTtmaWxsLW9wYWNpdHk6MTtmaWxsLXJ1bGU6bm9uemVybztzdHJva2U6bm9uZSIKICAgICAgICAgZD0ibSAzMzguMjIzLDY4MC42NzIgYyAtNi40ODksLTMyLjM4MyAtOS44MDksLTY1Ljk4MSAtOS44MDksLTk5Ljk3MyAwLC0yNzYuOTI5IDIyNS4zMzYsLTUwMi4yNTc2IDUwMi4zMTMsLTUwMi4yNTc2IDE2Ni41OTMsMCAzMjEuNDczLDgyLjExNzYgNDE1LjAxMywyMTkuOTQ5NiBsIDczLjk3LDM4NS4zNDcgLTk4LjcyLDE4OC42MjEgTCA3NzUuMTU2LDEwNzUuNTcgMzM4LjIyMyw2ODAuNjcyIiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjAiCiAgICAgICAgIHN0eWxlPSJmaWxsOiNlZjI5OWI7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMzM1LjQxLDE0NDkuMTggMzA0LjMzMiwtNzEuODYgNjYuNjgsMzQ2LjAyIGMgLTQxLjU4NiwzMS43OCAtOTIuOTMsNDkuMTggLTE0NS43MzEsNDkuMTggLTEzMi4yNSwwIC0yMzkuODEyLC0xMDcuNjEgLTIzOS44MTIsLTIzOS44NyAwLC0yOS4yMSA0Ljg3OSwtNTcuMjIgMTQuNTMxLC04My40NyIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDIyIgogICAgICAgICBzdHlsZT0iZmlsbDojNGNhYmU0O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJNIDMwOC45OTIsMTM3Ni43IEMgMTczLjAyLDEzMzEuNjQgNzguNDgwNSwxMjAxLjMgNzguNDgwNSwxMDU3LjkzIDc4LjQ4MDUsOTE4LjM0IDE2NC44Miw3OTMuNjggMjk0LjQwNiw3NDQuMzUyIGwgNDI2Ljk4MSwzODUuOTM4IC03OC4zOTUsMTY3LjUxIC0zMzQsNzguOSIgLz48cGF0aAogICAgICAgICBpZD0icGF0aDI0IgogICAgICAgICBzdHlsZT0iZmlsbDojODVjZTI2O2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpub256ZXJvO3N0cm9rZTpub25lIgogICAgICAgICBkPSJtIDEzMjMuOCwyOTguNDEgYyA0MS43NCwtMzIuMDkgOTIuODMsLTQ5LjU5IDE0NC45OCwtNDkuNTkgMTMyLjI1LDAgMjM5LjgxLDEwNy41NTkgMjM5LjgxLDIzOS44MjEgMCwyOS4xNiAtNC44OCw1Ny4xNjggLTE0LjUzLDgzLjQxOCBsIC0zMDQuMDgsNzEuMTYgLTY2LjE4LC0zNDQuODA5IiAvPjxwYXRoCiAgICAgICAgIGlkPSJwYXRoMjYiCiAgICAgICAgIHN0eWxlPSJmaWxsOiMzMTc3YTc7ZmlsbC1vcGFjaXR5OjE7ZmlsbC1ydWxlOm5vbnplcm87c3Ryb2tlOm5vbmUiCiAgICAgICAgIGQ9Im0gMTM4NS42Nyw3MjIuOTMgMzM0Ljc2LC03OC4zMDEgYyAxMzYuMDIsNDQuOTYxIDIzMC41NiwxNzUuMzUxIDIzMC41NiwzMTguNzYyIDAsMTM5LjMzOSAtODYuNTQsMjYzLjg1OSAtMjE2LjM4LDMxMy4wMzkgbCAtNDM3Ljg0LC0zODMuNTkgODguOSwtMTY5LjkxIiAvPjwvZz48L2c+PC9zdmc+"
|
||||
/>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__content"
|
||||
>
|
||||
<span
|
||||
className="euiTitle euiTitle--medium euiCard__title"
|
||||
className="euiTitle euiTitle--small euiCard__title"
|
||||
id="generated-idTitle"
|
||||
>
|
||||
Data table
|
||||
<button
|
||||
aria-describedby=" generated-idDescription"
|
||||
className="euiCard__titleButton"
|
||||
onClick={[Function]}
|
||||
>
|
||||
Data table
|
||||
</button>
|
||||
</span>
|
||||
<div
|
||||
className="euiText euiText--small euiCard__description"
|
||||
|
@ -744,8 +798,8 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
A scrollable grid for displaying data in a tabular format
|
||||
</p>
|
||||
</div>
|
||||
</span>
|
||||
<span
|
||||
</div>
|
||||
<div
|
||||
className="euiCard__footer"
|
||||
>
|
||||
<span
|
||||
|
@ -767,8 +821,8 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
File diff suppressed because it is too large
Load diff
|
@ -27,7 +27,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off,
|
|||
>
|
||||
<button
|
||||
aria-checked={false}
|
||||
aria-describedby="generated-id"
|
||||
aria-labelledby="generated-id"
|
||||
className="euiSwitch__button"
|
||||
id="cycle"
|
||||
onClick={[Function]}
|
||||
|
@ -195,7 +195,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5
|
|||
>
|
||||
<button
|
||||
aria-checked={true}
|
||||
aria-describedby="generated-id"
|
||||
aria-labelledby="generated-id"
|
||||
className="euiSwitch__button"
|
||||
id="cycle"
|
||||
onClick={[Function]}
|
||||
|
@ -363,7 +363,7 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] =
|
|||
>
|
||||
<button
|
||||
aria-checked={false}
|
||||
aria-describedby="generated-id"
|
||||
aria-labelledby="generated-id"
|
||||
className="euiSwitch__button"
|
||||
id="cycle"
|
||||
onClick={[Function]}
|
||||
|
|
|
@ -34,6 +34,7 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: off 1`
|
|||
<button
|
||||
aria-checked={false}
|
||||
aria-describedby="generated-id-help"
|
||||
aria-labelledby="generated-id"
|
||||
className="euiSwitch__button"
|
||||
data-test-subj="hideToolbarSwitch"
|
||||
id="generated-id"
|
||||
|
@ -127,6 +128,7 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings component: on 1`]
|
|||
<button
|
||||
aria-checked={true}
|
||||
aria-describedby="generated-id-help"
|
||||
aria-labelledby="generated-id"
|
||||
className="euiSwitch__button"
|
||||
data-test-subj="hideToolbarSwitch"
|
||||
id="generated-id"
|
||||
|
@ -220,6 +222,7 @@ exports[`Storyshots shareables/Footer/Settings/ToolbarSettings contextual 1`] =
|
|||
<button
|
||||
aria-checked={false}
|
||||
aria-describedby="generated-id-help"
|
||||
aria-labelledby="generated-id"
|
||||
className="euiSwitch__button"
|
||||
data-test-subj="hideToolbarSwitch"
|
||||
id="generated-id"
|
||||
|
|
File diff suppressed because one or more lines are too long
4
x-pack/legacy/plugins/infra/types/eui.d.ts
vendored
4
x-pack/legacy/plugins/infra/types/eui.d.ts
vendored
|
@ -53,10 +53,6 @@ declare module '@elastic/eui' {
|
|||
sizes: EuiSizesResponsive[];
|
||||
};
|
||||
|
||||
export const EuiHideFor: React.SFC<EuiResponsiveProps>;
|
||||
|
||||
export const EuiShowFor: React.SFC<EuiResponsiveProps>;
|
||||
|
||||
type EuiInMemoryTableProps = CommonProps & {
|
||||
items?: any;
|
||||
columns?: any;
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`AddLicense component when license is active should display correct verbiage 1`] = `"<div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Update your license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p>If you already have a new license, upload it now.</p></div></span><span class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"#/management/elasticsearch/license_management/upload_license\\" rel=\\"noreferrer\\" data-test-subj=\\"updateLicenseButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Update license</span></span></a></span></div>"`;
|
||||
exports[`AddLicense component when license is active should display correct verbiage 1`] = `"<div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Update your license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p>If you already have a new license, upload it now.</p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"#/management/elasticsearch/license_management/upload_license\\" rel=\\"noreferrer\\" data-test-subj=\\"updateLicenseButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Update license</span></span></a></div></div>"`;
|
||||
|
||||
exports[`AddLicense component when license is expired should display with correct verbiage 1`] = `"<div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Update your license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p>If you already have a new license, upload it now.</p></div></span><span class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"#/management/elasticsearch/license_management/upload_license\\" rel=\\"noreferrer\\" data-test-subj=\\"updateLicenseButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Update license</span></span></a></span></div>"`;
|
||||
exports[`AddLicense component when license is expired should display with correct verbiage 1`] = `"<div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Update your license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p>If you already have a new license, upload it now.</p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"#/management/elasticsearch/license_management/upload_license\\" rel=\\"noreferrer\\" data-test-subj=\\"updateLicenseButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Update license</span></span></a></div></div>"`;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`RequestTrialExtension component should display when license is active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>, request an extension now.</span></p></div></span><span class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" target=\\"_blank\\" rel=\\"noopener\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></span></div></div>"`;
|
||||
exports[`RequestTrialExtension component should display when license is active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>, request an extension now.</span></p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" target=\\"_blank\\" rel=\\"noopener\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></div></div></div>"`;
|
||||
|
||||
exports[`RequestTrialExtension component should display when license is not active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>, request an extension now.</span></p></div></span><span class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" target=\\"_blank\\" rel=\\"noopener\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></span></div></div>"`;
|
||||
exports[`RequestTrialExtension component should display when license is not active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>, request an extension now.</span></p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" target=\\"_blank\\" rel=\\"noopener\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></div></div></div>"`;
|
||||
|
||||
exports[`RequestTrialExtension component should display when platinum license is not active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>, request an extension now.</span></p></div></span><span class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" target=\\"_blank\\" rel=\\"noopener\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></span></div></div>"`;
|
||||
exports[`RequestTrialExtension component should display when platinum license is not active and trial has been used 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Extend your trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>If you’d like to continue using machine learning, advanced security, and our other awesome <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>, request an extension now.</span></p></div></div><div class=\\"euiCard__footer\\"><a class=\\"euiButton euiButton--primary\\" href=\\"https://www.elastic.co/trialextension\\" target=\\"_blank\\" rel=\\"noopener\\" data-test-subj=\\"extendTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Extend trial</span></span></a></div></div></div>"`;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`RevertToBasic component should display when license is about to expire 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Revert to Basic license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>You’ll revert to our free features and lose access to machine learning, advanced security, and other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>.</span></p></div></span><span class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"revertToBasicButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Revert to Basic</span></span></button></span></div></div>"`;
|
||||
exports[`RevertToBasic component should display when license is about to expire 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Revert to Basic license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>You’ll revert to our free features and lose access to machine learning, advanced security, and other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>.</span></p></div></div><div class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"revertToBasicButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Revert to Basic</span></span></button></div></div></div>"`;
|
||||
|
||||
exports[`RevertToBasic component should display when license is expired 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Revert to Basic license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>You’ll revert to our free features and lose access to machine learning, advanced security, and other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>.</span></p></div></span><span class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"revertToBasicButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Revert to Basic</span></span></button></span></div></div>"`;
|
||||
exports[`RevertToBasic component should display when license is expired 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Revert to Basic license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>You’ll revert to our free features and lose access to machine learning, advanced security, and other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>.</span></p></div></div><div class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"revertToBasicButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Revert to Basic</span></span></button></div></div></div>"`;
|
||||
|
||||
exports[`RevertToBasic component should display when trial is active 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Revert to Basic license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>You’ll revert to our free features and lose access to machine learning, advanced security, and other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>.</span></p></div></span><span class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"revertToBasicButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Revert to Basic</span></span></button></span></div></div>"`;
|
||||
exports[`RevertToBasic component should display when trial is active 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Revert to Basic license</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>You’ll revert to our free features and lose access to machine learning, advanced security, and other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a>.</span></p></div></div><div class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"revertToBasicButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Revert to Basic</span></span></button></div></div></div>"`;
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`StartTrial component when trial is allowed display for basic license 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Start a 30-day trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>Experience what machine learning, advanced security, and all our other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a> have to offer.</span></p></div></span><span class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"startTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Start trial</span></span></button></span></div></div>"`;
|
||||
exports[`StartTrial component when trial is allowed display for basic license 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Start a 30-day trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>Experience what machine learning, advanced security, and all our other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a> have to offer.</span></p></div></div><div class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"startTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Start trial</span></span></button></div></div></div>"`;
|
||||
|
||||
exports[`StartTrial component when trial is allowed should display for expired platinum license 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Start a 30-day trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>Experience what machine learning, advanced security, and all our other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a> have to offer.</span></p></div></span><span class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"startTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Start trial</span></span></button></span></div></div>"`;
|
||||
exports[`StartTrial component when trial is allowed should display for expired platinum license 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Start a 30-day trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>Experience what machine learning, advanced security, and all our other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a> have to offer.</span></p></div></div><div class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"startTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Start trial</span></span></button></div></div></div>"`;
|
||||
|
||||
exports[`StartTrial component when trial is allowed should display for gold license 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><span class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--medium euiCard__title\\" id=\\"generated-idTitle\\">Start a 30-day trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>Experience what machine learning, advanced security, and all our other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a> have to offer.</span></p></div></span><span class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"startTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Start trial</span></span></button></span></div></div>"`;
|
||||
exports[`StartTrial component when trial is allowed should display for gold license 1`] = `"<div class=\\"euiFlexItem\\"><div class=\\"euiCard euiCard--centerAligned\\"><div class=\\"euiCard__content\\"><span class=\\"euiTitle euiTitle--small euiCard__title\\" id=\\"generated-idTitle\\">Start a 30-day trial</span><div class=\\"euiText euiText--small euiCard__description\\" id=\\"generated-idDescription\\"><p><span>Experience what machine learning, advanced security, and all our other <a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co/subscriptions\\" target=\\"_blank\\" rel=\\"noopener\\">Platinum features</a> have to offer.</span></p></div></div><div class=\\"euiCard__footer\\"><button class=\\"euiButton euiButton--primary\\" type=\\"button\\" data-test-subj=\\"startTrialButton\\"><span class=\\"euiButton__content\\"><span class=\\"euiButton__text\\">Start trial</span></span></button></div></div></div>"`;
|
||||
|
|
|
@ -69,6 +69,7 @@ exports[`Navigation Menu: <TopNav /> Minimal initialization. 1`] = `
|
|||
refreshInterval={0}
|
||||
showUpdateButton={true}
|
||||
start="Thu Aug 29 2019 02:04:19 GMT+0200"
|
||||
timeFormat="HH:mm"
|
||||
/>
|
||||
</div>
|
||||
</Fragment>
|
||||
|
|
|
@ -249,7 +249,7 @@ Array [
|
|||
>
|
||||
<button
|
||||
aria-checked="false"
|
||||
aria-describedby="mockId"
|
||||
aria-labelledby="mockId"
|
||||
class="euiSwitch__button"
|
||||
data-test-subj="remoteClusterFormSkipUnavailableFormToggle"
|
||||
id="mockId"
|
||||
|
@ -508,7 +508,7 @@ Array [
|
|||
>
|
||||
<button
|
||||
aria-checked="false"
|
||||
aria-describedby="mockId"
|
||||
aria-labelledby="mockId"
|
||||
class="euiSwitch__button"
|
||||
data-test-subj="remoteClusterFormSkipUnavailableFormToggle"
|
||||
id="mockId"
|
||||
|
|
|
@ -47,93 +47,152 @@ Array [
|
|||
ownFocus={true}
|
||||
size="s"
|
||||
>
|
||||
<span>
|
||||
<EuiWindowEvent
|
||||
event="keydown"
|
||||
handler={[Function]}
|
||||
<EuiWindowEvent
|
||||
event="keydown"
|
||||
handler={[Function]}
|
||||
/>
|
||||
<EuiOverlayMask
|
||||
onClick={[Function]}
|
||||
>
|
||||
<Portal
|
||||
containerInfo={
|
||||
<div
|
||||
class="euiOverlayMask"
|
||||
/>
|
||||
}
|
||||
/>
|
||||
<EuiOverlayMask
|
||||
onClick={[Function]}
|
||||
</EuiOverlayMask>
|
||||
<EuiFocusTrap
|
||||
clickOutsideDisables={true}
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={false}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<Portal
|
||||
containerInfo={
|
||||
<div
|
||||
class="euiOverlayMask"
|
||||
/>
|
||||
}
|
||||
/>
|
||||
</EuiOverlayMask>
|
||||
<EuiFocusTrap
|
||||
clickOutsideDisables={true}
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={false}
|
||||
onOutsideClick={[Function]}
|
||||
<OutsideEventDetector
|
||||
handleEvent={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<OutsideEventDetector
|
||||
handleEvent={[Function]}
|
||||
<div
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
<FocusLock
|
||||
as="div"
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
lockProps={
|
||||
Object {
|
||||
"style": undefined,
|
||||
}
|
||||
}
|
||||
noFocusGuards={false}
|
||||
persistentFocus={false}
|
||||
returnFocus={true}
|
||||
>
|
||||
<FocusLock
|
||||
as="div"
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
lockProps={
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
key="guard-first"
|
||||
style={
|
||||
Object {
|
||||
"style": undefined,
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
}
|
||||
noFocusGuards={false}
|
||||
persistentFocus={false}
|
||||
returnFocus={true}
|
||||
tabIndex={0}
|
||||
/>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
key="guard-nearest"
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
}
|
||||
tabIndex={1}
|
||||
/>
|
||||
<div
|
||||
data-focus-lock-disabled={false}
|
||||
onBlur={[Function]}
|
||||
onFocus={[Function]}
|
||||
>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
key="guard-first"
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
<SideEffect(FocusWatcher)
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
observed={
|
||||
<div
|
||||
data-focus-lock-disabled="false"
|
||||
>
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
class="euiFlyout euiFlyout--small"
|
||||
data-test-subj="reportInfoFlyout"
|
||||
role="dialog"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this dialog"
|
||||
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
|
||||
>
|
||||
<h2
|
||||
class="euiTitle euiTitle--medium"
|
||||
id="flyoutTitle"
|
||||
>
|
||||
Unable to fetch report info
|
||||
</h2>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
class="euiFlyoutBody__overflow"
|
||||
>
|
||||
<div
|
||||
class="euiText euiText--medium"
|
||||
>
|
||||
Could not fetch the job info
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
tabIndex={0}
|
||||
/>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
key="guard-nearest"
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
}
|
||||
tabIndex={1}
|
||||
/>
|
||||
<div
|
||||
data-focus-lock-disabled={false}
|
||||
onBlur={[Function]}
|
||||
onFocus={[Function]}
|
||||
onActivation={[Function]}
|
||||
onDeactivation={[Function]}
|
||||
persistentFocus={false}
|
||||
>
|
||||
<SideEffect(FocusWatcher)
|
||||
<FocusWatcher
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
observed={
|
||||
|
@ -192,174 +251,113 @@ Array [
|
|||
onActivation={[Function]}
|
||||
onDeactivation={[Function]}
|
||||
persistentFocus={false}
|
||||
/>
|
||||
</SideEffect(FocusWatcher)>
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
className="euiFlyout euiFlyout--small"
|
||||
data-test-subj="reportInfoFlyout"
|
||||
role="dialog"
|
||||
tabIndex={0}
|
||||
>
|
||||
<EuiButtonIcon
|
||||
aria-label="Closes this dialog"
|
||||
className="euiFlyout__closeButton"
|
||||
color="text"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<FocusWatcher
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
observed={
|
||||
<div
|
||||
data-focus-lock-disabled="false"
|
||||
>
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
class="euiFlyout euiFlyout--small"
|
||||
data-test-subj="reportInfoFlyout"
|
||||
role="dialog"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this dialog"
|
||||
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
|
||||
>
|
||||
<h2
|
||||
class="euiTitle euiTitle--medium"
|
||||
id="flyoutTitle"
|
||||
>
|
||||
Unable to fetch report info
|
||||
</h2>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
class="euiFlyoutBody__overflow"
|
||||
>
|
||||
<div
|
||||
class="euiText euiText--medium"
|
||||
>
|
||||
Could not fetch the job info
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
onActivation={[Function]}
|
||||
onDeactivation={[Function]}
|
||||
persistentFocus={false}
|
||||
/>
|
||||
</SideEffect(FocusWatcher)>
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
className="euiFlyout euiFlyout--small"
|
||||
data-test-subj="reportInfoFlyout"
|
||||
role="dialog"
|
||||
tabIndex={0}
|
||||
>
|
||||
<EuiButtonIcon
|
||||
<button
|
||||
aria-label="Closes this dialog"
|
||||
className="euiFlyout__closeButton"
|
||||
color="text"
|
||||
className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this dialog"
|
||||
className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
<EuiIcon
|
||||
aria-hidden="true"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
>
|
||||
<EuiIcon
|
||||
<EuiIconEmpty
|
||||
aria-hidden="true"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
style={null}
|
||||
>
|
||||
<EuiIconEmpty
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
style={null}
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
style={null}
|
||||
viewBox="0 0 16 16"
|
||||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</EuiIconEmpty>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
<EuiFlyoutHeader
|
||||
hasBorder={true}
|
||||
viewBox="0 0 16 16"
|
||||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</EuiIconEmpty>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
<EuiFlyoutHeader
|
||||
hasBorder={true}
|
||||
>
|
||||
<div
|
||||
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
|
||||
>
|
||||
<EuiTitle
|
||||
size="m"
|
||||
>
|
||||
<h2
|
||||
className="euiTitle euiTitle--medium"
|
||||
id="flyoutTitle"
|
||||
>
|
||||
Unable to fetch report info
|
||||
</h2>
|
||||
</EuiTitle>
|
||||
</div>
|
||||
</EuiFlyoutHeader>
|
||||
<EuiFlyoutBody>
|
||||
<div
|
||||
className="euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
|
||||
className="euiFlyoutBody__overflow"
|
||||
>
|
||||
<EuiTitle
|
||||
size="m"
|
||||
>
|
||||
<h2
|
||||
className="euiTitle euiTitle--medium"
|
||||
id="flyoutTitle"
|
||||
<EuiText>
|
||||
<div
|
||||
className="euiText euiText--medium"
|
||||
>
|
||||
Unable to fetch report info
|
||||
</h2>
|
||||
</EuiTitle>
|
||||
Could not fetch the job info
|
||||
</div>
|
||||
</EuiText>
|
||||
</div>
|
||||
</EuiFlyoutHeader>
|
||||
<EuiFlyoutBody>
|
||||
<div
|
||||
className="euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
className="euiFlyoutBody__overflow"
|
||||
>
|
||||
<EuiText>
|
||||
<div
|
||||
className="euiText euiText--medium"
|
||||
>
|
||||
Could not fetch the job info
|
||||
</div>
|
||||
</EuiText>
|
||||
</div>
|
||||
</div>
|
||||
</EuiFlyoutBody>
|
||||
</div>
|
||||
</div>
|
||||
</EuiFlyoutBody>
|
||||
</div>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
</div>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
tabIndex={0}
|
||||
/>
|
||||
</FocusLock>
|
||||
</div>
|
||||
</OutsideEventDetector>
|
||||
</EuiOutsideClickDetector>
|
||||
</EuiFocusTrap>
|
||||
</span>
|
||||
}
|
||||
tabIndex={0}
|
||||
/>
|
||||
</FocusLock>
|
||||
</div>
|
||||
</OutsideEventDetector>
|
||||
</EuiOutsideClickDetector>
|
||||
</EuiFocusTrap>
|
||||
</EuiFlyout>,
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
|
@ -460,93 +458,150 @@ Array [
|
|||
ownFocus={true}
|
||||
size="s"
|
||||
>
|
||||
<span>
|
||||
<EuiWindowEvent
|
||||
event="keydown"
|
||||
handler={[Function]}
|
||||
<EuiWindowEvent
|
||||
event="keydown"
|
||||
handler={[Function]}
|
||||
/>
|
||||
<EuiOverlayMask
|
||||
onClick={[Function]}
|
||||
>
|
||||
<Portal
|
||||
containerInfo={
|
||||
<div
|
||||
class="euiOverlayMask"
|
||||
/>
|
||||
}
|
||||
/>
|
||||
<EuiOverlayMask
|
||||
onClick={[Function]}
|
||||
</EuiOverlayMask>
|
||||
<EuiFocusTrap
|
||||
clickOutsideDisables={true}
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={false}
|
||||
onOutsideClick={[Function]}
|
||||
>
|
||||
<Portal
|
||||
containerInfo={
|
||||
<div
|
||||
class="euiOverlayMask"
|
||||
/>
|
||||
}
|
||||
/>
|
||||
</EuiOverlayMask>
|
||||
<EuiFocusTrap
|
||||
clickOutsideDisables={true}
|
||||
>
|
||||
<EuiOutsideClickDetector
|
||||
isDisabled={false}
|
||||
onOutsideClick={[Function]}
|
||||
<OutsideEventDetector
|
||||
handleEvent={[Function]}
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<OutsideEventDetector
|
||||
handleEvent={[Function]}
|
||||
<div
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
>
|
||||
<div
|
||||
onMouseDown={[Function]}
|
||||
onMouseUp={[Function]}
|
||||
onTouchEnd={[Function]}
|
||||
onTouchStart={[Function]}
|
||||
<FocusLock
|
||||
as="div"
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
lockProps={
|
||||
Object {
|
||||
"style": undefined,
|
||||
}
|
||||
}
|
||||
noFocusGuards={false}
|
||||
persistentFocus={false}
|
||||
returnFocus={true}
|
||||
>
|
||||
<FocusLock
|
||||
as="div"
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
lockProps={
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
key="guard-first"
|
||||
style={
|
||||
Object {
|
||||
"style": undefined,
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
}
|
||||
noFocusGuards={false}
|
||||
persistentFocus={false}
|
||||
returnFocus={true}
|
||||
tabIndex={0}
|
||||
/>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
key="guard-nearest"
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
}
|
||||
tabIndex={1}
|
||||
/>
|
||||
<div
|
||||
data-focus-lock-disabled={false}
|
||||
onBlur={[Function]}
|
||||
onFocus={[Function]}
|
||||
>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
key="guard-first"
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
<SideEffect(FocusWatcher)
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
observed={
|
||||
<div
|
||||
data-focus-lock-disabled="false"
|
||||
>
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
class="euiFlyout euiFlyout--small"
|
||||
data-test-subj="reportInfoFlyout"
|
||||
role="dialog"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this dialog"
|
||||
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
|
||||
>
|
||||
<h2
|
||||
class="euiTitle euiTitle--medium"
|
||||
id="flyoutTitle"
|
||||
>
|
||||
Job Info
|
||||
</h2>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
class="euiFlyoutBody__overflow"
|
||||
>
|
||||
<div
|
||||
class="euiText euiText--medium"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
tabIndex={0}
|
||||
/>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
key="guard-nearest"
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
}
|
||||
tabIndex={1}
|
||||
/>
|
||||
<div
|
||||
data-focus-lock-disabled={false}
|
||||
onBlur={[Function]}
|
||||
onFocus={[Function]}
|
||||
onActivation={[Function]}
|
||||
onDeactivation={[Function]}
|
||||
persistentFocus={false}
|
||||
>
|
||||
<SideEffect(FocusWatcher)
|
||||
<FocusWatcher
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
observed={
|
||||
|
@ -603,170 +658,111 @@ Array [
|
|||
onActivation={[Function]}
|
||||
onDeactivation={[Function]}
|
||||
persistentFocus={false}
|
||||
/>
|
||||
</SideEffect(FocusWatcher)>
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
className="euiFlyout euiFlyout--small"
|
||||
data-test-subj="reportInfoFlyout"
|
||||
role="dialog"
|
||||
tabIndex={0}
|
||||
>
|
||||
<EuiButtonIcon
|
||||
aria-label="Closes this dialog"
|
||||
className="euiFlyout__closeButton"
|
||||
color="text"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
>
|
||||
<FocusWatcher
|
||||
autoFocus={true}
|
||||
disabled={false}
|
||||
observed={
|
||||
<div
|
||||
data-focus-lock-disabled="false"
|
||||
>
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
class="euiFlyout euiFlyout--small"
|
||||
data-test-subj="reportInfoFlyout"
|
||||
role="dialog"
|
||||
tabindex="0"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this dialog"
|
||||
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
type="button"
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
class="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
width="16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</button>
|
||||
<div
|
||||
class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
|
||||
>
|
||||
<h2
|
||||
class="euiTitle euiTitle--medium"
|
||||
id="flyoutTitle"
|
||||
>
|
||||
Job Info
|
||||
</h2>
|
||||
</div>
|
||||
<div
|
||||
class="euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
class="euiFlyoutBody__overflow"
|
||||
>
|
||||
<div
|
||||
class="euiText euiText--medium"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
onActivation={[Function]}
|
||||
onDeactivation={[Function]}
|
||||
persistentFocus={false}
|
||||
/>
|
||||
</SideEffect(FocusWatcher)>
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
className="euiFlyout euiFlyout--small"
|
||||
data-test-subj="reportInfoFlyout"
|
||||
role="dialog"
|
||||
tabIndex={0}
|
||||
>
|
||||
<EuiButtonIcon
|
||||
<button
|
||||
aria-label="Closes this dialog"
|
||||
className="euiFlyout__closeButton"
|
||||
color="text"
|
||||
className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
iconType="cross"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
>
|
||||
<button
|
||||
aria-label="Closes this dialog"
|
||||
className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
|
||||
data-test-subj="euiFlyoutCloseButton"
|
||||
onClick={[Function]}
|
||||
type="button"
|
||||
<EuiIcon
|
||||
aria-hidden="true"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
>
|
||||
<EuiIcon
|
||||
<EuiIconEmpty
|
||||
aria-hidden="true"
|
||||
className="euiButtonIcon__icon"
|
||||
size="m"
|
||||
type="cross"
|
||||
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
style={null}
|
||||
>
|
||||
<EuiIconEmpty
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
style={null}
|
||||
>
|
||||
<svg
|
||||
aria-hidden="true"
|
||||
className="euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon"
|
||||
focusable="false"
|
||||
height={16}
|
||||
style={null}
|
||||
viewBox="0 0 16 16"
|
||||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</EuiIconEmpty>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
<EuiFlyoutHeader
|
||||
hasBorder={true}
|
||||
viewBox="0 0 16 16"
|
||||
width={16}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
/>
|
||||
</EuiIconEmpty>
|
||||
</EuiIcon>
|
||||
</button>
|
||||
</EuiButtonIcon>
|
||||
<EuiFlyoutHeader
|
||||
hasBorder={true}
|
||||
>
|
||||
<div
|
||||
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
|
||||
>
|
||||
<EuiTitle
|
||||
size="m"
|
||||
>
|
||||
<h2
|
||||
className="euiTitle euiTitle--medium"
|
||||
id="flyoutTitle"
|
||||
>
|
||||
Job Info
|
||||
</h2>
|
||||
</EuiTitle>
|
||||
</div>
|
||||
</EuiFlyoutHeader>
|
||||
<EuiFlyoutBody>
|
||||
<div
|
||||
className="euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
|
||||
className="euiFlyoutBody__overflow"
|
||||
>
|
||||
<EuiTitle
|
||||
size="m"
|
||||
>
|
||||
<h2
|
||||
className="euiTitle euiTitle--medium"
|
||||
id="flyoutTitle"
|
||||
>
|
||||
Job Info
|
||||
</h2>
|
||||
</EuiTitle>
|
||||
<EuiText>
|
||||
<div
|
||||
className="euiText euiText--medium"
|
||||
/>
|
||||
</EuiText>
|
||||
</div>
|
||||
</EuiFlyoutHeader>
|
||||
<EuiFlyoutBody>
|
||||
<div
|
||||
className="euiFlyoutBody"
|
||||
>
|
||||
<div
|
||||
className="euiFlyoutBody__overflow"
|
||||
>
|
||||
<EuiText>
|
||||
<div
|
||||
className="euiText euiText--medium"
|
||||
/>
|
||||
</EuiText>
|
||||
</div>
|
||||
</div>
|
||||
</EuiFlyoutBody>
|
||||
</div>
|
||||
</div>
|
||||
</EuiFlyoutBody>
|
||||
</div>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
</div>
|
||||
<div
|
||||
data-focus-guard={true}
|
||||
style={
|
||||
Object {
|
||||
"height": "0px",
|
||||
"left": "1px",
|
||||
"overflow": "hidden",
|
||||
"padding": 0,
|
||||
"position": "fixed",
|
||||
"top": "1px",
|
||||
"width": "1px",
|
||||
}
|
||||
tabIndex={0}
|
||||
/>
|
||||
</FocusLock>
|
||||
</div>
|
||||
</OutsideEventDetector>
|
||||
</EuiOutsideClickDetector>
|
||||
</EuiFocusTrap>
|
||||
</span>
|
||||
}
|
||||
tabIndex={0}
|
||||
/>
|
||||
</FocusLock>
|
||||
</div>
|
||||
</OutsideEventDetector>
|
||||
</EuiOutsideClickDetector>
|
||||
</EuiFocusTrap>
|
||||
</EuiFlyout>,
|
||||
<div
|
||||
aria-labelledby="flyoutTitle"
|
||||
|
|
|
@ -91,7 +91,7 @@ Array [
|
|||
<caption
|
||||
aria-live="polite"
|
||||
aria-relevant="text"
|
||||
className="euiScreenReaderOnly"
|
||||
className="euiScreenReaderOnly euiTableCaption"
|
||||
role="status"
|
||||
>
|
||||
<EuiDelayRender
|
||||
|
@ -366,7 +366,7 @@ Array [
|
|||
<caption
|
||||
aria-live="polite"
|
||||
aria-relevant="text"
|
||||
className="euiScreenReaderOnly"
|
||||
className="euiScreenReaderOnly euiTableCaption"
|
||||
role="status"
|
||||
>
|
||||
<EuiDelayRender
|
||||
|
|
|
@ -30,7 +30,7 @@ test('it is clickable', () => {
|
|||
const clickHandler = jest.fn();
|
||||
|
||||
const wrapper = mount(<SpaceCard space={space} onClick={clickHandler} />);
|
||||
wrapper.simulate('click');
|
||||
wrapper.find('button').simulate('click');
|
||||
|
||||
expect(clickHandler).toHaveBeenCalledTimes(1);
|
||||
});
|
||||
|
|
|
@ -177,7 +177,7 @@
|
|||
"@babel/runtime": "^7.5.5",
|
||||
"@elastic/datemath": "5.0.2",
|
||||
"@elastic/ems-client": "1.0.5",
|
||||
"@elastic/eui": "14.9.0",
|
||||
"@elastic/eui": "16.0.0",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/javascript-typescript-langserver": "^0.3.3",
|
||||
"@elastic/lsp-extension": "^0.1.2",
|
||||
|
|
|
@ -25,9 +25,7 @@ export default function({ getPageObjects, getService }: FtrProviderContext) {
|
|||
const savedQueryManagementComponent = getService('savedQueryManagementComponent');
|
||||
|
||||
async function setDiscoverTimeRange() {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
}
|
||||
|
||||
describe('security', () => {
|
||||
|
|
|
@ -21,9 +21,7 @@ export default function({ getPageObjects, getService }: FtrProviderContext) {
|
|||
const appsMenu = getService('appsMenu');
|
||||
|
||||
async function setDiscoverTimeRange() {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
}
|
||||
|
||||
describe('spaces', () => {
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/beats', {
|
||||
from: '2017-12-19 17:14:09.000',
|
||||
to: '2017-12-19 18:15:09.000',
|
||||
from: 'Dec 19, 2017 @ 17:14:09.000',
|
||||
to: 'Dec 19, 2017 @ 18:15:09.000',
|
||||
});
|
||||
|
||||
// go to beats detail
|
||||
|
|
|
@ -15,8 +15,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/beats', {
|
||||
from: '2017-12-19 17:14:09.000',
|
||||
to: '2017-12-19 18:15:09.000',
|
||||
from: 'Dec 19, 2017 @ 17:14:09.000',
|
||||
to: 'Dec 19, 2017 @ 18:15:09.000',
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/beats', {
|
||||
from: '2017-12-19 17:14:09.000',
|
||||
to: '2017-12-19 18:15:09.000',
|
||||
from: 'Dec 19, 2017 @ 17:14:09.000',
|
||||
to: 'Dec 19, 2017 @ 18:15:09.000',
|
||||
});
|
||||
|
||||
// go to beats listing
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/beats', {
|
||||
from: '2017-12-19 17:14:09.000',
|
||||
to: '2017-12-19 18:15:09.000',
|
||||
from: 'Dec 19, 2017 @ 17:14:09.000',
|
||||
to: 'Dec 19, 2017 @ 18:15:09.000',
|
||||
});
|
||||
|
||||
// go to beats overview
|
||||
|
|
|
@ -23,8 +23,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-yellow-platinum', {
|
||||
from: '2017-08-29 17:23:47.528',
|
||||
to: '2017-08-29 17:25:50.701',
|
||||
from: 'Aug 29, 2017 @ 17:23:47.528',
|
||||
to: 'Aug 29, 2017 @ 17:25:50.701',
|
||||
});
|
||||
|
||||
// ensure cluster alerts are shown on overview
|
||||
|
@ -51,8 +51,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-yellow-platinum--with-10-alerts', {
|
||||
from: '2017-08-29 17:23:47.528',
|
||||
to: '2017-08-29 17:25:50.701',
|
||||
from: 'Aug 29, 2017 @ 17:23:47.528',
|
||||
to: 'Aug 29, 2017 @ 17:25:50.701',
|
||||
});
|
||||
|
||||
// ensure cluster alerts are shown on overview
|
||||
|
@ -166,8 +166,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-yellow-platinum', {
|
||||
from: '2017-08-29 17:23:47.528',
|
||||
to: '2017-08-29 17:25:50.701',
|
||||
from: 'Aug 29, 2017 @ 17:23:47.528',
|
||||
to: 'Aug 29, 2017 @ 17:25:50.701',
|
||||
});
|
||||
|
||||
// ensure cluster alerts are shown on overview
|
||||
|
|
|
@ -21,8 +21,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/multicluster', {
|
||||
from: '2017-08-15 21:00:00.000',
|
||||
to: '2017-08-16 00:00:00.000',
|
||||
from: 'Aug 15, 2017 @ 21:00:00.000',
|
||||
to: 'Aug 16, 2017 @ 00:00:00.000',
|
||||
});
|
||||
|
||||
await clusterList.assertDefaults();
|
||||
|
@ -76,8 +76,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/multi-basic', {
|
||||
from: '2017-09-07 20:12:04.011',
|
||||
to: '2017-09-07 20:18:55.733',
|
||||
from: 'Sep 7, 2017 @ 20:12:04.011',
|
||||
to: 'Sep 7, 2017 @ 20:18:55.733',
|
||||
});
|
||||
|
||||
await clusterList.assertDefaults();
|
||||
|
|
|
@ -16,8 +16,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-green-gold', {
|
||||
from: '2017-08-23 21:29:35.267',
|
||||
to: '2017-08-23 21:47:25.556',
|
||||
from: 'Aug 23, 2017 @ 21:29:35.267',
|
||||
to: 'Aug 23, 2017 @ 21:47:25.556',
|
||||
});
|
||||
});
|
||||
|
||||
|
@ -71,8 +71,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-yellow-platinum', {
|
||||
from: '2017-08-29 17:23:47.528',
|
||||
to: '2017-08-29 17:25:50.701',
|
||||
from: 'Aug 29, 2017 @ 17:23:47.528',
|
||||
to: 'Aug 29, 2017 @ 17:25:50.701',
|
||||
});
|
||||
});
|
||||
|
||||
|
@ -121,8 +121,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-yellow-basic', {
|
||||
from: '2017-08-29 17:55:43.879',
|
||||
to: '2017-08-29 18:01:34.958',
|
||||
from: 'Aug 29, 2017 @ 17:55:43.879',
|
||||
to: 'Aug 29, 2017 @ 18:01:34.958',
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
@ -25,8 +25,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-three-nodes-shard-relocation', {
|
||||
from: '2017-10-05 20:31:48.354',
|
||||
to: '2017-10-05 20:35:12.176'
|
||||
from: 'Oct 5, 2017 @ 20:31:48.354',
|
||||
to: 'Oct 5, 2017 @ 20:35:12.176'
|
||||
});
|
||||
|
||||
// go to indices listing
|
||||
|
@ -83,8 +83,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-red-platinum', {
|
||||
from: '2017-10-06 19:53:06.748',
|
||||
to: '2017-10-06 20:15:30.212'
|
||||
from: 'Oct 6, 2017 @ 19:53:06.748',
|
||||
to: 'Oct 6, 2017 @ 20:15:30.212'
|
||||
});
|
||||
|
||||
// go to indices listing
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-red-platinum', {
|
||||
from: '2017-10-06 19:53:06.748',
|
||||
to: '2017-10-06 20:15:30.212',
|
||||
from: 'Oct 6, 2017 @ 19:53:06.748',
|
||||
to: 'Oct 6, 2017 @ 20:15:30.212',
|
||||
});
|
||||
|
||||
// go to indices listing
|
||||
|
|
|
@ -19,8 +19,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-three-nodes-shard-relocation', {
|
||||
from: '2017-10-05 20:31:48.354',
|
||||
to: '2017-10-05 20:35:12.176'
|
||||
from: 'Oct 5, 2017 @ 20:31:48.354',
|
||||
to: 'Oct 5, 2017 @ 20:35:12.176'
|
||||
});
|
||||
|
||||
// go to nodes listing
|
||||
|
@ -74,8 +74,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-red-platinum', {
|
||||
from: '2017-10-06 19:53:06.748',
|
||||
to: '2017-10-06 20:15:30.212'
|
||||
from: 'Oct 6, 2017 @ 19:53:06.748',
|
||||
to: 'Oct 6, 2017 @ 20:15:30.212'
|
||||
});
|
||||
|
||||
// go to nodes listing
|
||||
|
|
|
@ -21,8 +21,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-three-nodes-shard-relocation', {
|
||||
from: '2017-10-05 20:28:28.475',
|
||||
to: '2017-10-05 20:34:38.341',
|
||||
from: 'Oct 5, 2017 @ 20:28:28.475',
|
||||
to: 'Oct 5, 2017 @ 20:34:38.341',
|
||||
});
|
||||
|
||||
// go to nodes listing
|
||||
|
@ -196,8 +196,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-three-nodes-shard-relocation', {
|
||||
from: '2017-10-05 20:31:48.354',
|
||||
to: '2017-10-05 20:35:12.176',
|
||||
from: 'Oct 5, 2017 @ 20:31:48.354',
|
||||
to: 'Oct 5, 2017 @ 20:35:12.176',
|
||||
});
|
||||
|
||||
// go to nodes listing
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-three-nodes-shard-relocation', {
|
||||
from: '2017-10-05 20:31:48.354',
|
||||
to: '2017-10-05 20:35:12.176'
|
||||
from: 'Oct 5, 2017 @ 20:31:48.354',
|
||||
to: 'Oct 5, 2017 @ 20:35:12.176'
|
||||
});
|
||||
|
||||
// go to overview
|
||||
|
|
|
@ -20,8 +20,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-three-nodes-shard-relocation', {
|
||||
from: '2017-10-05 19:34:48.000',
|
||||
to: '2017-10-05 20:35:12.000',
|
||||
from: 'Oct 5, 2017 @ 19:34:48.000',
|
||||
to: 'Oct 5, 2017 @ 20:35:12.000',
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-yellow-platinum', {
|
||||
from: '2017-08-29 17:24:14.254',
|
||||
to: '2017-08-29 17:25:44.142',
|
||||
from: 'Aug 29, 2017 @ 17:24:14.254',
|
||||
to: 'Aug 29, 2017 @ 17:25:44.142',
|
||||
});
|
||||
|
||||
// go to kibana instance
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-yellow-platinum', {
|
||||
from: '2017-08-29 17:24:14.254',
|
||||
to: '2017-08-29 17:25:44.142',
|
||||
from: 'Aug 29, 2017 @ 17:24:14.254',
|
||||
to: 'Aug 29, 2017 @ 17:25:44.142',
|
||||
});
|
||||
|
||||
// go to kibana instances
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/singlecluster-yellow-platinum', {
|
||||
from: '2017-08-29 17:24:14.254',
|
||||
to: '2017-08-29 17:25:44.142',
|
||||
from: 'Aug 29, 2017 @ 17:24:14.254',
|
||||
to: 'Aug 29, 2017 @ 17:25:44.142',
|
||||
});
|
||||
|
||||
// go to kibana overview
|
||||
|
|
|
@ -19,8 +19,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/logstash-pipelines', {
|
||||
from: '2018-01-22 09:10:00.000',
|
||||
to: '2018-01-22 09:41:00.000',
|
||||
from: 'Jan 22, 2018 @ 09:10:00.000',
|
||||
to: 'Jan 22, 2018 @ 09:41:00.000',
|
||||
});
|
||||
|
||||
// go to pipelines listing
|
||||
|
|
|
@ -17,8 +17,8 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
before(async () => {
|
||||
await setup('monitoring/multicluster', {
|
||||
from: '2017-08-15 21:00:00.000',
|
||||
to: '2017-08-16 00:00:00.000',
|
||||
from: 'Aug 15, 2017 @ 21:00:00.000',
|
||||
to: 'Aug 16, 2017 @ 00:00:00.000',
|
||||
});
|
||||
await clusterList.assertDefaults();
|
||||
});
|
||||
|
@ -35,7 +35,7 @@ export default function ({ getService, getPageObjects }) {
|
|||
});
|
||||
|
||||
it('should send another request when changing the time picker', async () => {
|
||||
await PageObjects.timePicker.setAbsoluteRange('2016-08-15 21:00:00.000', '2016-08-16 00:00:00.000');
|
||||
await PageObjects.timePicker.setAbsoluteRange('Aug 15, 2016 @ 21:00:00.000', 'Aug 16, 2016 @ 00:00:00.000');
|
||||
await clusterList.assertNoData();
|
||||
});
|
||||
});
|
||||
|
|
|
@ -85,8 +85,6 @@ export default function ({ getService, getPageObjects }) {
|
|||
|
||||
// this is to acertain that all role assigned to the user can perform actions like creating a Visualization
|
||||
it('rbac all role can save a visualization', async function () {
|
||||
const fromTime = '2015-09-19 06:31:44.000';
|
||||
const toTime = '2015-09-23 18:31:44.000';
|
||||
const vizName1 = 'Visualization VerticalBarChart';
|
||||
|
||||
log.debug('log in as kibanauser with rbac_all role');
|
||||
|
@ -96,8 +94,10 @@ export default function ({ getService, getPageObjects }) {
|
|||
log.debug('clickVerticalBarChart');
|
||||
await PageObjects.visualize.clickVerticalBarChart();
|
||||
await PageObjects.visualize.clickNewSearch();
|
||||
log.debug('Set absolute time range from \"' + fromTime + '\" to \"' + toTime + '\"');
|
||||
await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
|
||||
log.debug('Set absolute time range from \"' +
|
||||
PageObjects.timePicker.defaultStartTime + '\" to \"' +
|
||||
PageObjects.timePicker.defaultEndTime + '\"');
|
||||
await PageObjects.timePicker.setDefaultAbsoluteRange();
|
||||
await PageObjects.visualize.waitForVisualization();
|
||||
await PageObjects.visualize.saveVisualizationExpectSuccess(vizName1);
|
||||
await PageObjects.security.logout();
|
||||
|
|
|
@ -18,8 +18,8 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
|
|||
after(async () => await esArchiver.unload(archive));
|
||||
it('loads and displays uptime data based on date range', async () => {
|
||||
await pageObjects.uptime.loadDataAndGoToMonitorPage(
|
||||
'2019-09-10 12:40:08.078',
|
||||
'2019-09-11 19:40:08.078',
|
||||
'Sep 10, 2019 @ 12:40:08.078',
|
||||
'Sep 11, 2019 @ 19:40:08.078',
|
||||
'0000-intermittent',
|
||||
'0000-intermittent'
|
||||
);
|
||||
|
|
|
@ -12,8 +12,8 @@ export default ({ getPageObjects }: FtrProviderContext) => {
|
|||
const pageObjects = getPageObjects(['uptime']);
|
||||
|
||||
describe('overview page', function() {
|
||||
const DEFAULT_DATE_START = '2019-09-10 12:40:08.078';
|
||||
const DEFAULT_DATE_END = '2019-09-11 19:40:08.078';
|
||||
const DEFAULT_DATE_START = 'Sep 10, 2019 @ 12:40:08.078';
|
||||
const DEFAULT_DATE_END = 'Sep 11, 2019 @ 19:40:08.078';
|
||||
it('loads and displays uptime data based on date range', async () => {
|
||||
await pageObjects.uptime.goToUptimeOverviewAndLoadData(
|
||||
DEFAULT_DATE_START,
|
||||
|
|
|
@ -75,8 +75,8 @@ export default function({ getPageObjects, getService }: FtrProviderContext) {
|
|||
['2019-08-22 00:00', 'php', '11'],
|
||||
['2019-08-22 16:00', 'jpg', '3'],
|
||||
];
|
||||
const fromTime = '2019-08-19 01:55:07.240';
|
||||
const toTime = '2019-08-22 23:09:36.205';
|
||||
const fromTime = 'Aug 19, 2019 @ 01:55:07.240';
|
||||
const toTime = 'Aug 22, 2019 @ 23:09:36.205';
|
||||
|
||||
await PageObjects.common.navigateToApp('visualize');
|
||||
await PageObjects.visualize.clickVisualizationByName('hybrid_histogram_line_chart');
|
||||
|
|
Some files were not shown because too many files have changed in this diff Show more
Loading…
Reference in a new issue