Skip to content

Commit

Permalink
[Cypress Updates] Event explorer updates (#2275)
Browse files Browse the repository at this point in the history 
* update event analytics cypress tests

Signed-off-by: Ritvi Bhatt <[email protected]>

* add sample logs data

Signed-off-by: Ritvi Bhatt <[email protected]>

* fix adding sample data button click

Signed-off-by: Ritvi Bhatt <[email protected]>

* update snapshots

Signed-off-by: Ritvi Bhatt <[email protected]>

* check for visualization type in dropdown

Signed-off-by: Ritvi Bhatt <[email protected]>

* wait for search to load

Signed-off-by: Ritvi Bhatt <[email protected]>

* remove forgetten only

Signed-off-by: Ritvi Bhatt <[email protected]>

---------

Signed-off-by: Ritvi Bhatt <[email protected]>
Co-authored-by: Ritvi Bhatt <[email protected]>
  • Loading branch information
@ritvibhatt
ritvibhatt and Ritvi Bhatt authored Dec 9, 2024
1 parent d0f0012 commit 97382aa
Show file tree
Hide file tree
Showing 7 changed files with 146 additions and 82 deletions.
54 changes: 18 additions & 36 deletions .cypress/integration/event_analytics_test/event_analytics.spec.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,11 +37,15 @@ import {
} from '../../utils/event_analytics/helpers';

describe('Adding sample data and visualization', () => {
it('Adds sample flights data for event analytics', () => {
it('Adds sample flights and logs data for event analytics', () => {
cy.visit(`${Cypress.env('opensearchDashboards')}/app/home#/tutorial_directory/sampleData`);
cy.get('div[data-test-subj="sampleDataSetCardflights"]')
.contains(/(Add|View) data/)
.click();
cy.visit(`${Cypress.env('opensearchDashboards')}/app/home#/tutorial_directory/sampleData`);
cy.get('div[data-test-subj="sampleDataSetCardlogs"]')
.contains(/(Add|View) data/)
.click();
});
});

Expand All @@ -53,28 +57,6 @@ describe('Has working breadcrumbs', () => {
});
});

describe('Search a query on event home', () => {
it('Search a query and redirect to explorer to display query output', () => {
landOnEventHome();

cy.get('[data-test-subj="searchAutocompleteTextArea"]').type(TEST_QUERIES[0].query);
cy.get('[data-test-subj="superDatePickerToggleQuickMenuButton"]').click();
cy.get('[data-test-subj="superDatePickerCommonlyUsed_Year_to date"]').click();
cy.get('[data-test-subj="superDatePickerApplyTimeButton"]').contains('Refresh').click();
cy.window()
.its('store')
.invoke('getState')
.then((state) => {
expect(Object.values(state.queries)[0]['rawQuery'].trim()).equal(TEST_QUERIES[0].query);
expect(Object.values(state.queries)[0]['selectedDateRange'][0]).equal('now/y');
expect(Object.values(state.queries)[0]['selectedDateRange'][1]).equal('now');
});

cy.url().should('contain', '#/explorer');
cy.get('[data-test-subj="searchAutocompleteTextArea"]').contains(TEST_QUERIES[0].query);
});
});

describe('Open flyout for a data row to see details', () => {
beforeEach(() => {
landOnEventExplorer();
Expand All @@ -83,7 +65,7 @@ describe('Open flyout for a data row to see details', () => {
});

it('Should be able to open flyout and see data, json and traces', () => {
cy.get('[data-test-subj="eventExplorer__flyoutArrow"]').first().click();
cy.get('[data-test-subj="eventExplorer__flyout"]').first().click();
cy.get('.observability-flyout').should('exist');
cy.get('.observability-flyout .osdDocViewer .euiTabs span.euiTab__content')
.contains('Table')
Expand All @@ -97,7 +79,7 @@ describe('Open flyout for a data row to see details', () => {
});

it('Should be able to see surrounding docs', () => {
cy.get('[data-test-subj="eventExplorer__flyoutArrow"]').first().click();
cy.get('[data-test-subj="eventExplorer__flyout"]').first().click();
cy.get('.observability-flyout span.euiButton__text')
.contains('View surrounding events')
.should('be.visible')
Expand Down Expand Up @@ -190,14 +172,12 @@ describe('Click actions test', () => {
});

it('Actions - click event explorer', () => {
cy.get('[data-test-subj="eventHomeAction"]').click();
cy.get('[data-test-subj="eventHomeAction__explorer"]').click();
cy.url().should('contain', '#/explorer');
});

it('Actions - add sample data', () => {
cy.get('[data-test-subj="eventHomeAction"]').click();
cy.get('[data-test-subj="eventHomeAction__addSamples"]').click();
cy.get('[data-test-subj="actionAddSamples"]').click();
cy.get('[data-test-subj="confirmModalConfirmButton"]').click();
cy.get('.euiToastHeader__title').should('contain', 'successfully');
});
Expand All @@ -218,6 +198,7 @@ describe('Saves a query on explorer page', () => {
querySearch(TEST_QUERIES[1].query, TEST_QUERIES[1].dateRangeDOM);
cy.get('button[id="main-content-vis"]').contains('Visualizations').click();
cy.get('[data-test-subj="eventExplorer__saveManagementPopover"]').click();
cy.get('[data-test-subj="comboBoxToggleListButton"]').eq(2).click();
cy.get('[data-test-subj="eventExplorer__querySaveName"]')
.focus()
.type(SAVE_QUERY2, { force: true });
Expand Down Expand Up @@ -299,7 +280,7 @@ describe('Override timestamp for an index', () => {
landOnEventExplorer();
clearQuerySearchBoxText('searchAutocompleteTextArea');
cy.get('[data-test-subj="searchAutocompleteTextArea"]').type(TEST_QUERIES[2].query);
cy.get('[data-test-subj="superDatePickerApplyTimeButton"]').contains('Refresh').click();
cy.get('[data-test-subj="superDatePickerApplyTimeButton"]').click();
cy.get('.tab-title').contains('Events').click();
cy.get('[data-test-subj="eventExplorer__overrideDefaultTimestamp"]').click({ force: true });

Expand All @@ -318,10 +299,10 @@ describe('Toggle the sidebar fields', () => {
querySearch(TEST_QUERIES[0].query, YEAR_TO_DATE_DOM_ID);
cy.get('[data-test-subj="fieldToggle-AvgTicketPrice"]').click();
cy.get('[data-test-subj="field-AvgTicketPrice"]').should('exist');
cy.get('[data-test-subj="docTable"]').find('th').contains('_source').should('not.exist');
cy.get('[data-test-subj="docTable"]').find('.euiDataGridHeaderCell').contains('Source').should('not.exist');
cy.get('[data-test-subj="fieldToggle-AvgTicketPrice"]').click();
cy.get('[data-test-subj="field-AvgTicketPrice"]').should('exist');
cy.get('[data-test-subj="docTable"]').find('th').contains('_source').should('exist');
cy.get('[data-test-subj="docTable"]').find('.euiDataGridHeaderCell').contains('Source').should('exist');
});
});

Expand Down Expand Up @@ -473,7 +454,8 @@ describe('Visualizing data', () => {
});

it('Visualize pie chart', () => {
cy.get('[data-test-subj="comboBoxInput"]').click();
cy.get('[data-test-subj="globalLoadingIndicator"]').should('not.exist');
cy.get('[data-test-subj="comboBoxInput"]').eq(1).click();
cy.get('[data-test-subj="comboBoxOptionsList "] span').contains(VIS_TYPE_PIE).click();
cy.get('[data-test-subj="vizConfigSection-series"]')
.find('[data-test-subj="viz-config-add-btn"]')
Expand All @@ -482,7 +464,7 @@ describe('Visualizing data', () => {
cy.get('[data-test-subj="vizConfigSection-dimensions"]')
.find('[data-test-subj="viz-config-add-btn"]')
.click();
cy.get('[data-test-subj="explorer__vizDataConfig-panel"]')
cy.get('.logExplorerVisConfig__section')
.find('[data-test-subj="comboBoxInput"]')
.click()
.type(FIELD_HOST);
Expand All @@ -497,7 +479,7 @@ describe('Visualizing data', () => {
});

it('Visualize vertical bar chart', () => {
cy.get('[data-test-subj="comboBoxInput"]').click();
cy.get('[data-test-subj="comboBoxInput"]').eq(1).click();
cy.get('[data-test-subj="comboBoxOptionsList "] span').contains(VIS_TYPE_VBAR).click();
cy.get('[data-test-subj="vizConfigSection-series"]')
.find('[data-test-subj="viz-config-add-btn"]')
Expand All @@ -506,7 +488,7 @@ describe('Visualizing data', () => {
cy.get('[data-test-subj="vizConfigSection-dimensions"]')
.find('[data-test-subj="viz-config-add-btn"]')
.click();
cy.get('[data-test-subj="explorer__vizDataConfig-panel"]')
cy.get('.logExplorerVisConfig__section')
.find('[data-test-subj="comboBoxInput"]')
.click()
.type(FIELD_HOST);
Expand All @@ -515,7 +497,7 @@ describe('Visualizing data', () => {
cy.get('[data-test-subj="vizConfigSection-breakdowns"]')
.find('[data-test-subj="viz-config-add-btn"]')
.click();
cy.get('[data-test-subj="explorer__vizDataConfig-panel"]')
cy.get('.logExplorerVisConfig__section')
.find('[data-test-subj="comboBoxInput"]')
.click()
.type(FIELD_AGENT);
Expand Down
3 changes: 3 additions & 0 deletions ...event_analytics/explorer/events_views/__tests__/__snapshots__/flyout_button.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,18 +19,21 @@ exports[`Datagrid Doc viewer row component Renders Doc viewer row component 1`]
>
<EuiSmallButtonIcon
aria-label="inspect document details"
data-test-subj="eventExplorer__flyout"
iconType="inspect"
onClick={[Function]}
>
<EuiButtonIcon
aria-label="inspect document details"
data-test-subj="eventExplorer__flyout"
iconType="inspect"
onClick={[Function]}
size="s"
>
<button
aria-label="inspect document details"
className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--small"
data-test-subj="eventExplorer__flyout"
disabled={false}
onClick={[Function]}
type="button"
Expand Down
5 changes: 1 addition & 4 deletions public/components/event_analytics/explorer/events_views/docViewRow.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -200,10 +200,6 @@ export const FlyoutButton = forwardRef((props: FlyoutButtonProps, ref) => {
return cols;
};

const memorizedTds = useMemo(() => {
return getTds(doc, selectedCols, false);
}, [doc, selectedCols, detailsOpen, surroundingEventsOpen]);

const memorizedDocFlyout = useMemo(() => {
return (
<DocFlyout
Expand Down Expand Up @@ -296,6 +292,7 @@ export const FlyoutButton = forwardRef((props: FlyoutButtonProps, ref) => {
onClick={() => toggleDetailOpen()}
iconType={detailsOpen || surroundingEventsOpen ? 'minimize' : 'inspect'}
aria-label="inspect document details"
data-test-subj="eventExplorer__flyout"
/>
{flyout}
</>
Expand Down
3 changes: 3 additions & 0 deletions ...c/components/event_analytics/explorer/sidebar/__tests__/__snapshots__/field.test.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -225,6 +225,7 @@ exports[`Field component Renders a sidebar field 1`] = `
<EuiButtonIcon
aria-label="inspect"
className="dscSidebarField__actionButton"
data-test-subj="field-agent-showDetails"
iconType="inspect"
isDisabled={true}
onClick={[Function]}
Expand Down Expand Up @@ -252,6 +253,7 @@ exports[`Field component Renders a sidebar field 1`] = `
<EuiButtonIcon
aria-label="inspect"
className="dscSidebarField__actionButton"
data-test-subj="field-agent-showDetails"
iconType="inspect"
isDisabled={true}
onClick={[Function]}
Expand All @@ -260,6 +262,7 @@ exports[`Field component Renders a sidebar field 1`] = `
<button
aria-label="inspect"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall dscSidebarField__actionButton"
data-test-subj="field-agent-showDetails"
disabled={true}
onClick={[Function]}
type="button"
Expand Down
Loading

0 comments on commit 97382aa

Please sign in to comment.