Upgrade EUI to v59.0.1 (#133927)

* eui to v59.0.0

* i18n tokens

* update theme var tokens

* mock mouseevent for euiselectable

* mock mouseevent for euiselectable

* update theme var tokens

* [CI] Auto-commit changed files from 'node scripts/precommit_hook.js --ref HEAD~1..HEAD --fix'

* mock mouseevent for euiselectable

* update theme var tokens

* update theme var tokens mocks

* WIP: forwardRef type

* update snapshots

* euiTextColor

* snapshot updates

* jest test updates

* euiTextColor updates

* jest test updates

* update getVisualizeError selector

* euiPaddingSizes

* snapshot update

* WIP: accordion cy.react

* DetailPanelMetadataTab test updates

* eui to v59.0.1

* snapshot updates

* WIP: osquery cypress

* WIP: osquery cypress

* use data-test-subj

* log standard console errors

* snapshot

* paddingSizes update

* euiaccordion class type comment

* snapshots

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Greg Thompson 2022-06-21 17:08:15 -05:00 committed by GitHub
parent ee1bbf2f41
commit 2336f33632
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
290 changed files with 1420 additions and 2508 deletions

View file

@ -92,7 +92,7 @@ describe('IndexSelectPopover', () => {
expect(wrapper.find('[data-test-subj="thresholdIndexesComboBox"]').exists()).toBeFalsy();
expect(wrapper.find('[data-test-subj="thresholdAlertTimeFieldSelect"]').exists()).toBeFalsy();
wrapper.find('[data-test-subj="selectIndexExpression"]').first().simulate('click');
wrapper.find('[data-test-subj="selectIndexExpression"]').last().simulate('click');
await act(async () => {
await nextTick();
wrapper.update();
@ -106,7 +106,7 @@ describe('IndexSelectPopover', () => {
const wrapper = mountWithIntl(<IndexSelectPopover {...props} />);
expect(wrapper.find('[data-test-subj="selectIndexExpression"]').exists()).toBeTruthy();
wrapper.find('[data-test-subj="selectIndexExpression"]').first().simulate('click');
wrapper.find('[data-test-subj="selectIndexExpression"]').last().simulate('click');
await act(async () => {
await nextTick();
wrapper.update();
@ -166,7 +166,7 @@ describe('IndexSelectPopover', () => {
`index ${index}`
);
wrapper.find('[data-test-subj="selectIndexExpression"]').first().simulate('click');
wrapper.find('[data-test-subj="selectIndexExpression"]').last().simulate('click');
await act(async () => {
await nextTick();
wrapper.update();

View file

@ -1,171 +1,30 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render entity by expression with aggregatable field options for entity 1`] = `
<EntityByExpression
entity="FlightNum"
errors={
Object {
"actionConnectors": Array [],
"alertTypeId": Array [],
"boundaryGeoField": Array [],
"boundaryIndexId": Array [],
"boundaryIndexTitle": Array [],
"boundaryType": Array [],
"dateField": Array [],
"entity": Array [],
"geoField": Array [],
"index": Array [],
"indexId": Array [],
"interval": Array [],
"name": Array [
"Name is required.",
],
}
}
indexFields={
Array [
Object {
"aggregatable": true,
"count": 0,
"esTypes": Array [
"geo_point",
],
"name": "DestLocation",
"readFromDocValues": true,
"scripted": false,
"searchable": true,
"type": "geo_point",
},
Object {
"aggregatable": true,
"count": 0,
"esTypes": Array [
"keyword",
],
"name": "FlightNum",
"readFromDocValues": true,
"scripted": false,
"searchable": true,
"type": "string",
},
Object {
"aggregatable": true,
"count": 0,
"esTypes": Array [
"geo_point",
],
"name": "OriginLocation",
"readFromDocValues": true,
"scripted": false,
"searchable": true,
"type": "geo_point",
},
Object {
"aggregatable": true,
"count": 0,
"esTypes": Array [
"date",
],
"name": "timestamp",
"readFromDocValues": true,
"scripted": false,
"searchable": true,
"type": "date",
},
]
}
isInvalid={false}
setAlertParamsEntity={[Function]}
<div
class="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock"
id="popoverForExpression"
>
<ExpressionWithPopover
defaultValue="Select entity field"
expressionDescription="by"
isInvalid={false}
popoverContent={
<EuiFormRow
describedByIds={Array []}
display="row"
error={Array []}
fullWidth={true}
hasChildLabel={true}
hasEmptyLabelSpace={false}
id="entitySelect"
labelType="label"
>
<SingleFieldSelect
fields={Array []}
onChange={[Function]}
placeholder="Select entity field"
value="FlightNum"
/>
</EuiFormRow>
}
value="FlightNum"
<div
class="euiPopover__anchor"
>
<EuiPopover
anchorPosition="downLeft"
button={
<EuiExpression
data-test-subj="selectIndexExpression"
description="by"
display="columns"
isActive={false}
isInvalid={false}
onClick={[Function]}
value="FlightNum"
/>
}
closePopover={[Function]}
display="block"
hasArrow={true}
id="popoverForExpression"
isOpen={false}
ownFocus={true}
panelPaddingSize="m"
zIndex={8000}
<button
class="euiExpression css-c0byu8-euiExpression-isClickable-success-columns"
data-test-subj="selectIndexExpression"
>
<div
className="euiPopover euiPopover--anchorDownLeft euiPopover--displayBlock"
id="popoverForExpression"
<span
class="euiExpression__description css-s06x37-euiExpression__description-success-isUppercase-columns"
style="flex-basis: 20%;"
>
<div
className="euiPopover__anchor"
>
<EuiExpression
data-test-subj="selectIndexExpression"
description="by"
display="columns"
isActive={false}
isInvalid={false}
onClick={[Function]}
value="FlightNum"
>
<button
className="euiExpression euiExpression-isClickable euiExpression-isUppercase euiExpression--columns euiExpression--success"
data-test-subj="selectIndexExpression"
onClick={[Function]}
>
<span
className="euiExpression__description"
style={
Object {
"flexBasis": "20%",
}
}
>
by
</span>
<span
className="euiExpression__value"
>
FlightNum
</span>
</button>
</EuiExpression>
</div>
</div>
</EuiPopover>
</ExpressionWithPopover>
</EntityByExpression>
by
</span>
<span
class="euiExpression__value css-18wds23-euiExpression__value-columns"
>
FlightNum
</span>
</button>
</div>
</div>
`;

View file

@ -75,7 +75,7 @@ const defaultProps = {
test('should render entity by expression with aggregatable field options for entity', async () => {
const component = mount(<EntityByExpression {...defaultProps} />);
expect(component).toMatchSnapshot();
expect(component.render()).toMatchSnapshot();
});
//