Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[1.2] Backport lastest commits from main #240

Merged
merged 11 commits into from
Nov 17, 2021
Merged

[1.2] Backport lastest commits from main #240

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
ac27b1b
Run query with shift enter (#239)
eugenesk24 Nov 12, 2021
2579a26
Update notebooks url redirect to use plugin id (#242)
joshuali925 Nov 15, 2021
dbdf727
tab close issue (#243)
mengweieric Nov 16, 2021
dd9030c
switching tab tirgger unnecessary requests fix (#247)
mengweieric Nov 16, 2021
c8d49ae
Autocomplete for data values (#245)
eugenesk24 Nov 16, 2021
a315714
Bump ansi-regex to 5.0.1 (#241)
joshuali925 Nov 16, 2021
1e1ab64
Panels bug fix4 (#249)
ps48 Nov 16, 2021
a8e62bc
Fix undefined field error and where suggestions (#246)
eugenesk24 Nov 16, 2021
ae3236f
Add Correct Erroring in Event Analytics (#248)
eugenesk24 Nov 16, 2021
626bde7
changed error message (#257)
mengweieric Nov 16, 2021
3e68042
Panels cypress test (#256)
ps48 Nov 17, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
347 changes: 347 additions & 0 deletions dashboards-observability/.cypress/integration/panels.spec.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,347 @@
/*
* Copyright OpenSearch Contributors
* SPDX-License-Identifier: Apache-2.0
*/

/// <reference types="cypress" />

import {
delay,
TEST_PANEL,
PPL_VISUALIZATIONS,
PPL_VISUALIZATIONS_NAMES,
PPL_FILTER,
} from '../utils/panel_constants';

const moveToEventsHome = () => {
cy.visit(`${Cypress.env('opensearchDashboards')}/app/observability-dashboards#/event_analytics/`);
cy.wait(delay * 3);
};

const moveToPanelHome = () => {
cy.visit(
`${Cypress.env('opensearchDashboards')}/app/observability-dashboards#/operational_panels/`
);
cy.wait(delay * 3);
};

const moveToTestPanel = () => {
moveToPanelHome();
cy.get('.euiTableCellContent').contains(TEST_PANEL).click();
cy.wait(delay * 3);
cy.get('h1').contains(TEST_PANEL).should('exist');
cy.wait(delay);
};

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

describe('Creating visualizations', () => {
beforeEach(() => {
moveToEventsHome();
});

it('Create first visualization in event analytics', () => {
cy.get('[id^=autocomplete-textarea]').type(PPL_VISUALIZATIONS[0]);
cy.get('.euiButton__text').contains('Refresh').click();
cy.wait(delay);
cy.get('.tab-title').contains('Visualizations').click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Save').click();
cy.wait(delay);
cy.get('.euiFieldText').type(PPL_VISUALIZATIONS_NAMES[0]);
cy.get('.euiPopoverFooter>.euiFlexGroup>:nth-child(2)').contains('Save').click();
cy.wait(delay);
cy.get('.euiToastHeader__title').contains('successfully').should('exist');
});

it('Create second visualization in event analytics', () => {
cy.get('[id^=autocomplete-textarea]').type(PPL_VISUALIZATIONS[1]);
cy.get('.euiButton__text').contains('Refresh').click();
cy.wait(delay);
cy.get('.tab-title').contains('Visualizations').click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Save').click();
cy.wait(delay);
cy.get('.euiFieldText').type(PPL_VISUALIZATIONS_NAMES[1]);
cy.get('.euiPopoverFooter>.euiFlexGroup>:nth-child(2)').contains('Save').click();
cy.wait(delay);
cy.get('.euiToastHeader__title').contains('successfully').should('exist');
});
});

describe('Testing panels table', () => {
beforeEach(() => {
cy.visit(
`${Cypress.env('opensearchDashboards')}/app/observability-dashboards#/operational_panels/`
);
cy.wait(delay * 3);
});

it('Displays error toast for invalid notebook name', () => {
cy.get('.euiButton__text').contains('Create new panel').click();
cy.wait(delay);
cy.get('.euiButton__text')
.contains(/^Create$/)
.click();
cy.wait(delay);

cy.get('.euiToastHeader__title').contains('Invalid Operational Panel name').should('exist');
});

it('Creates a panel and redirects to the panel', () => {
cy.get('.euiButton__text').contains('Create new panel').click();
cy.wait(delay);
cy.get('input.euiFieldText').type(TEST_PANEL);
cy.get('.euiButton__text')
.contains(/^Create$/)
.click();
cy.wait(delay);

cy.contains(TEST_PANEL).should('exist');
});

it('Duplicates and renames a panel', () => {
cy.get('.euiCheckbox__input[title="Select this row"]').eq(0).click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Actions').click();
cy.wait(delay);
cy.get('.euiContextMenuItem__text').contains('Duplicate').click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Duplicate').click();
cy.wait(delay);

cy.get('.euiCheckbox__input[title="Select this row"]').eq(1).click();
cy.wait(delay);
cy.get('.euiCheckbox__input[title="Select this row"]').eq(0).click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Actions').click();
cy.wait(delay);
cy.get('.euiContextMenuItem__text').contains('Rename').click();
cy.wait(delay);
cy.get('input.euiFieldText').type(' (rename)');
cy.get('.euiButton__text').contains('Rename').click();
cy.wait(delay);
});

it('Searches existing panel', () => {
cy.get('input.euiFieldSearch').type('this panel should not exist');
cy.wait(delay);

cy.get('.euiTableCellContent__text').contains('No items found').should('exist');

cy.get('.euiFormControlLayoutClearButton').click();
cy.wait(delay);
cy.get('input.euiFieldSearch').type(TEST_PANEL + ' (copy) (rename)');
cy.wait(delay);

cy.get('a.euiLink')
.contains(TEST_PANEL + ' (copy) (rename)')
.should('exist');
});

it('Deletes panels', () => {
cy.get('.euiCheckbox__input[data-test-subj="checkboxSelectAll"]').click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Actions').click();
cy.wait(delay);
cy.get('.euiContextMenuItem__text').contains('Delete').click();
cy.wait(delay);

cy.get('button.euiButton--danger').should('be.disabled');

cy.get('input.euiFieldText[placeholder="delete"]').type('delete');
cy.get('button.euiButton--danger').should('not.be.disabled');
cy.get('.euiButton__text').contains('Delete').click();

cy.get('.euiTextAlign').contains('No Operational Panels').should('exist');

// keep a panel for testing
cy.get('.euiButton__text').contains('Create new panel').click();
cy.wait(delay);
cy.get('input.euiFieldText').type(TEST_PANEL);
cy.get('.euiButton__text')
.contains(/^Create$/)
.click();
cy.wait(delay * 2);
});
});

describe('Testing a panel', () => {
it('Move to test panel', () => {
moveToTestPanel();
});

it('Change date filter of the panel', () => {
cy.get('.euiButtonEmpty[data-test-subj="superDatePickerToggleQuickMenuButton"]').click();
cy.get('.euiLink').contains('This year').click();
cy.wait(delay * 2);
cy.get('.euiSuperDatePicker__prettyFormat[data-test-subj="superDatePickerShowDatesButton"]')
.contains('This year')
.should('exist');
cy.wait(delay);
});

it('Add existing visualization #1', () => {
cy.get('.euiButton__text').contains('Add Visualization').click();
cy.wait(delay);
cy.get('.euiContextMenuItem__text').contains('Select Existing Visualization').click();
cy.wait(delay);
cy.get('select').select(PPL_VISUALIZATIONS_NAMES[0]);
cy.get('button[aria-label="refreshPreview"]').click();
cy.wait(delay * 2);
cy.get('.plot-container').should('exist');
cy.get('.euiButton__text').contains(new RegExp('^Add$', 'g')).click();
cy.wait(delay);
cy.get('.euiToastHeader__title').contains('successfully').should('exist');
});

it('Add existing visualization #2', () => {
cy.get('.euiButton__text').contains('Add Visualization').click();
cy.wait(delay);
cy.get('.euiContextMenuItem__text').contains('Select Existing Visualization').click();
cy.wait(delay);
cy.get('select').select(PPL_VISUALIZATIONS_NAMES[1]);
cy.get('button[aria-label="refreshPreview"]').click();
cy.wait(delay * 2);
cy.get('.plot-container').should('exist');
cy.get('.euiButton__text').contains(new RegExp('^Add$', 'g')).click();
cy.wait(delay);
cy.get('.euiToastHeader__title').contains('successfully').should('exist');
});

it('Add ppl filter to panel', () => {
cy.get('.euiFieldText--fullWidth').invoke('attr', 'placeholder').should('contain', 'where');
cy.get('.euiFieldText--fullWidth').type(PPL_FILTER);
cy.get('.euiButton__text').contains('Refresh').click();
cy.wait(delay * 3);
cy.get('.xtick').should('contain', 'OpenSearch-Air');
cy.get('.xtick').should('contain', 'Munich Airport');
cy.get('.xtick').contains('Zurich Airport').should('not.exist');
cy.get('.xtick').contains('BeatsWest').should('not.exist');
cy.get('.xtick').contains('Logstash Airways').should('not.exist');
cy.get('.xtick').contains('OpenSearch Dashboards Airlines').should('not.exist');
cy.wait(delay);
});

it('Drag and drop a visualization', () => {
cy.get('.euiButton__text').contains('Edit').click();
cy.wait(delay);
cy.get('h5')
.contains(PPL_VISUALIZATIONS_NAMES[1])
.trigger('mousedown', { which: 1 })
.trigger('mousemove', { clientX: 900, clientY: 0 })
.trigger('mouseup', { force: true });
cy.wait(delay);
cy.get('.euiButton__text').contains('Save').click();
cy.wait(delay * 3);
cy.get('div.react-grid-layout>div')
.eq(1)
.invoke('attr', 'style')
.should('match', new RegExp('(.*)transform: translate((.*)10px)(.*)'));
cy.wait(delay);
});

it('Delete a visualization', () => {
cy.get('h5').contains(PPL_VISUALIZATIONS_NAMES[1]).should('exist');
cy.get('.euiButton__text').contains('Edit').click();
cy.wait(delay);
cy.get('.visualization-action-button').eq(1).click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Save').click();
cy.wait(delay * 3);
cy.get('h5').contains(PPL_VISUALIZATIONS_NAMES[1]).should('not.exist');
cy.wait(delay);
});

it('Duplicate a visualization', () => {
cy.get('h5').contains(PPL_VISUALIZATIONS_NAMES[0]).should('exist');
cy.get('button[aria-label="actionMenuButton"]').click();
cy.get('.euiContextMenu__itemLayout > .euiContextMenuItem__text').contains('Duplicate').click();
cy.wait(delay * 2);
cy.get('.euiToastHeader__title').contains('successfully').should('exist');
cy.wait(delay);
cy.get('h5').eq(0).contains(PPL_VISUALIZATIONS_NAMES[0]).should('exist');
cy.get('h5').eq(1).contains(PPL_VISUALIZATIONS_NAMES[0]).should('exist');
cy.wait(delay);
});

it('Replace a visualization', () => {
cy.get('.visualization-action-button').eq(1).click();
cy.get('.euiContextMenu__itemLayout > .euiContextMenuItem__text').contains('Replace').click();
cy.get('select').select(PPL_VISUALIZATIONS_NAMES[1]);
cy.get('button[aria-label="refreshPreview"]').click();
cy.wait(delay * 3);
cy.get('.plot-container').should('exist');
cy.get('.euiButton__text').contains(new RegExp('^Add$', 'g')).click();
cy.wait(delay);
cy.get('.euiToastHeader__title').contains('successfully').should('exist');
cy.wait(delay);
cy.get('h5').eq(0).contains(PPL_VISUALIZATIONS_NAMES[0]).should('exist');
cy.get('h5').eq(1).contains(PPL_VISUALIZATIONS_NAMES[1]).should('exist');
cy.wait(delay);
});

it('Move to explorer to create new visualization', () => {
cy.get('.euiButton__text').contains('Add Visualization').click();
cy.wait(delay);
cy.get('.euiContextMenuItem__text').contains('Create New Visualization').click();
cy.wait(delay * 3);
cy.url().should('match', new RegExp('(.*)#/event_analytics/explorer'));
});

it('Move to test panel and check visualization edit button', () => {
moveToTestPanel();
cy.get('h5').contains(PPL_VISUALIZATIONS_NAMES[0]).should('exist');
cy.get('button[aria-label="actionMenuButton"]').eq(0).click();
cy.get('.euiContextMenu__itemLayout > .euiContextMenuItem__text').contains('Edit').click();
cy.wait(delay * 3);
cy.url().should('match', new RegExp('(.*)#/event_analytics/explorer'));
cy.wait(delay);
});
});

describe('Clean up all test data', () => {
it('Delete visualizations from event analytics', () => {
moveToEventsHome();
cy.get('.euiCheckbox__input[data-test-subj="checkboxSelectAll"]').click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Actions').click();
cy.wait(delay);
cy.get('.euiContextMenuItem__text').contains('Delete').click();
cy.wait(delay);

cy.get('button.euiButton--danger').should('be.disabled');

cy.get('input.euiFieldText[placeholder="delete"]').type('delete');
cy.get('button.euiButton--danger').should('not.be.disabled');
cy.get('.euiButton__text').contains('Delete').click();

cy.get('.euiTextAlign').contains('No Queries or Visualizations').should('exist');
});

it('Deletes test panel', () => {
moveToPanelHome();
cy.get('.euiCheckbox__input[data-test-subj="checkboxSelectAll"]').click();
cy.wait(delay);
cy.get('.euiButton__text').contains('Actions').click();
cy.wait(delay);
cy.get('.euiContextMenuItem__text').contains('Delete').click();
cy.wait(delay);

cy.get('button.euiButton--danger').should('be.disabled');

cy.get('input.euiFieldText[placeholder="delete"]').type('delete');
cy.get('button.euiButton--danger').should('not.be.disabled');
cy.get('.euiButton__text').contains('Delete').click();

cy.get('.euiTextAlign').contains('No Operational Panels').should('exist');
});
});
20 changes: 20 additions & 0 deletions dashboards-observability/.cypress/utils/panel_constants.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
/*
* Copyright OpenSearch Contributors
* SPDX-License-Identifier: Apache-2.0
*/

export const delay = 1500;

export const TEST_PANEL = 'Test Panel';

export const PPL_VISUALIZATIONS = [
'source = opensearch_dashboards_sample_data_flights | stats count() by Dest',
'source = opensearch_dashboards_sample_data_flights | stats avg(FlightDelayMin) by Carrier',
];

export const PPL_VISUALIZATIONS_NAMES = [
'Flight count by destination',
'Average flight delay minutes',
];

export const PPL_FILTER = "where Carrier = 'OpenSearch-Air' | where Dest = 'Munich Airport'";
Loading