2019-01-15 18:53:27 -05:00
|
|
|
/**
|
|
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
|
|
* or more contributor license agreements. See the NOTICE file
|
|
|
|
* distributed with this work for additional information
|
|
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
|
|
* to you under the Apache License, Version 2.0 (the
|
|
|
|
* "License"); you may not use this file except in compliance
|
|
|
|
* with the License. You may obtain a copy of the License at
|
|
|
|
*
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
*
|
|
|
|
* Unless required by applicable law or agreed to in writing,
|
|
|
|
* software distributed under the License is distributed on an
|
|
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
|
|
* KIND, either express or implied. See the License for the
|
|
|
|
* specific language governing permissions and limitations
|
|
|
|
* under the License.
|
|
|
|
*/
|
2018-09-06 17:55:48 -04:00
|
|
|
// ***********************************************
|
|
|
|
// Tests for setting controls in the UI
|
|
|
|
// ***********************************************
|
2021-01-29 06:12:09 -05:00
|
|
|
import { interceptChart } from 'cypress/utils';
|
2018-11-19 14:29:46 -05:00
|
|
|
import { FORM_DATA_DEFAULTS, NUM_METRIC } from './visualizations/shared.helper';
|
2018-09-06 17:55:48 -04:00
|
|
|
|
2020-07-10 15:46:25 -04:00
|
|
|
describe('Datasource control', () => {
|
|
|
|
const newMetricName = `abc${Date.now()}`;
|
|
|
|
|
2020-12-17 17:13:37 -05:00
|
|
|
// TODO: uncomment when adding metrics from dataset is fixed
|
|
|
|
xit('should allow edit dataset', () => {
|
2020-09-15 17:12:06 -04:00
|
|
|
let numScripts = 0;
|
|
|
|
|
2020-09-23 01:19:41 -04:00
|
|
|
cy.login();
|
2021-01-29 06:12:09 -05:00
|
|
|
interceptChart({ legacy: false }).as('chartData');
|
|
|
|
|
2020-07-10 15:46:25 -04:00
|
|
|
cy.visitChartByName('Num Births Trend');
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@chartData' });
|
2020-09-23 01:19:41 -04:00
|
|
|
|
2020-12-18 04:49:05 -05:00
|
|
|
cy.get('[data-test="open-datasource-tab').click({ force: true });
|
2020-10-23 12:08:35 -04:00
|
|
|
cy.get('[data-test="datasource-menu-trigger"]').click();
|
2020-09-15 17:12:06 -04:00
|
|
|
|
|
|
|
cy.get('script').then(nodes => {
|
|
|
|
numScripts = nodes.length;
|
|
|
|
});
|
|
|
|
|
2020-10-23 12:08:35 -04:00
|
|
|
cy.get('[data-test="edit-dataset"]').click();
|
2020-09-15 17:12:06 -04:00
|
|
|
|
|
|
|
// should load additional scripts for the modal
|
|
|
|
cy.get('script').then(nodes => {
|
|
|
|
expect(nodes.length).to.greaterThan(numScripts);
|
|
|
|
});
|
2020-10-27 16:01:45 -04:00
|
|
|
cy.get('[data-test="edit-dataset-tabs"]').within(() => {
|
|
|
|
cy.contains('Metrics').click();
|
2020-10-19 23:42:33 -04:00
|
|
|
});
|
2020-10-27 16:01:45 -04:00
|
|
|
// create new metric
|
|
|
|
cy.get('[data-test="crud-add-table-item"]', { timeout: 10000 }).click();
|
|
|
|
cy.get('[data-test="table-content-rows"]')
|
|
|
|
.find('input[value="<new metric>"]')
|
|
|
|
.click();
|
|
|
|
cy.get('[data-test="table-content-rows"]')
|
|
|
|
.find('input[value="<new metric>"]')
|
2020-07-10 15:46:25 -04:00
|
|
|
.focus()
|
|
|
|
.clear()
|
|
|
|
.type(`${newMetricName}{enter}`);
|
2020-10-27 16:01:45 -04:00
|
|
|
cy.get('[data-test="datasource-modal-save"]').click();
|
2020-11-04 01:07:21 -05:00
|
|
|
cy.get('.ant-modal-confirm-btns button').contains('OK').click();
|
2020-07-10 15:46:25 -04:00
|
|
|
// select new metric
|
2020-07-29 21:49:32 -04:00
|
|
|
cy.get('[data-test=metrics]')
|
|
|
|
.find('.Select__control input')
|
2020-07-10 15:46:25 -04:00
|
|
|
.focus()
|
2020-07-29 21:49:32 -04:00
|
|
|
.type(newMetricName, { force: true });
|
2020-07-10 15:46:25 -04:00
|
|
|
// delete metric
|
2020-10-23 12:08:35 -04:00
|
|
|
cy.get('[data-test="datasource-menu-trigger"]').click();
|
|
|
|
cy.get('[data-test="edit-dataset"]').click();
|
2020-10-28 17:42:13 -04:00
|
|
|
cy.get('.ant-modal-content').within(() => {
|
2020-10-31 01:05:31 -04:00
|
|
|
cy.get('[data-test="collection-tab-Metrics"]')
|
|
|
|
.contains('Metrics')
|
|
|
|
.click();
|
2020-10-19 23:42:33 -04:00
|
|
|
});
|
2020-07-10 15:46:25 -04:00
|
|
|
cy.get(`input[value="${newMetricName}"]`)
|
|
|
|
.closest('tr')
|
2020-08-04 14:52:35 -04:00
|
|
|
.find('.fa-trash')
|
2020-07-10 15:46:25 -04:00
|
|
|
.click();
|
2020-10-27 16:01:45 -04:00
|
|
|
cy.get('[data-test="datasource-modal-save"]').click();
|
2020-11-04 01:07:21 -05:00
|
|
|
cy.get('.ant-modal-confirm-btns button').contains('OK').click();
|
2020-07-10 15:46:25 -04:00
|
|
|
cy.get('.Select__multi-value__label')
|
|
|
|
.contains(newMetricName)
|
|
|
|
.should('not.exist');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2020-09-15 17:12:06 -04:00
|
|
|
describe('VizType control', () => {
|
|
|
|
beforeEach(() => {
|
2020-07-10 15:46:25 -04:00
|
|
|
cy.login();
|
2021-01-29 06:12:09 -05:00
|
|
|
interceptChart({ legacy: false }).as('tableChartData');
|
|
|
|
interceptChart({ legacy: true }).as('lineChartData');
|
2020-09-15 17:12:06 -04:00
|
|
|
});
|
|
|
|
|
|
|
|
it('Can change vizType', () => {
|
|
|
|
cy.visitChartByName('Daily Totals');
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@tableChartData' });
|
2018-09-06 17:55:48 -04:00
|
|
|
|
2020-09-15 17:12:06 -04:00
|
|
|
let numScripts = 0;
|
|
|
|
cy.get('script').then(nodes => {
|
|
|
|
numScripts = nodes.length;
|
2018-09-06 17:55:48 -04:00
|
|
|
});
|
2020-09-15 17:12:06 -04:00
|
|
|
|
2021-02-02 01:15:07 -05:00
|
|
|
cy.get('[data-test="visualization-type"]').contains('Table').click();
|
2020-09-15 17:12:06 -04:00
|
|
|
|
|
|
|
cy.get('[role="button"]').contains('Line Chart').click();
|
|
|
|
|
|
|
|
// should load mathjs for line chart
|
|
|
|
cy.get('script[src*="mathjs"]').should('have.length', 1);
|
|
|
|
cy.get('script').then(nodes => {
|
2021-01-25 18:05:19 -05:00
|
|
|
expect(nodes.length).to.eq(numScripts);
|
2020-09-15 17:12:06 -04:00
|
|
|
});
|
|
|
|
|
style: Pass at propagating (and enhancing) Button component throughout Superset (#10649)
* getting rid of weird focus/active outline ring
* Buttons... buttons _everywhere_
* linting
* Nixing views/CRUD/dataset/Button component
* fixing 2 typing errors
* fixing more TS errors
* prefer src path for include
* one more real button, one less CSS class
* one more "button" to "Button"
* Published Status is now a proper clickable Label
* nixing the CRUD button again
* touching up stories, with SupersetButton story
* SIP-34 button colors
* adding polished package to mix colors
* updating button colors to match Superset theme
* abstracting away from bootstrap-specific props (might pivot libraries soon!)
* more abstraction from bsStyle/bsSize props
* exchanging styles for a prop
* linting
* restoring feature flag to stock
* using src alias
* last <button> replacement
* this classname would never be applied
* more linting action
* fixing unsupported bsSize 'medium', and cta typing error
* more cta action
* unnecessary styles
* errant bsSize prop
* cleanup
* tweaks to make new New button work
* Linting
* fixing a couple tests
* fixing theme based test failure
* margin tweak for NEW button
* another fixed test
* another fixed test
* fixing two more tests
* fixing last broken tests.
* always be linting
* Adding tertiary/dashed buttons
* cleaning up QueryAndSave buttons
* fixing "link" button styles
* fixing/updating link button styles
* cta buttons on Modal component
* linting.
* exporting button story knobs, making ALL knobs safe for export.
* capitalizing a file... no big whoop
* Basic button tests
* renaming button - temporarily
* renaming file to fix capitalization issue
* passing theme through to a difficult popover.
* fixin' a newly busted unit test
* lint fixin'
* oops, shouldn't have changed this prop!
* adding a dive() to themedShallow, and fixing a cypress/jest test
* addressing lint stuff
* touching up stories, with SupersetButton story
* SIP-34 button colors
* updating button colors to match Superset theme
* abstracting away from bootstrap-specific props (might pivot libraries soon!)
* linting
* restoring feature flag to stock
* cleanup
* Linting
* renaming button - temporarily
* renaming file to fix capitalization issue
* oops, shouldn't have changed this prop!
* adding a dive() to themedShallow, and fixing a cypress/jest test
* addressing lint stuff
* nixing new modal button
* Fixing another popover/button issue that should break cypress
* lint :sparkles:
* passing classNames through to new button (should fix some tests)
* cleaning unused classes, making cypress tests use data attrs
* fixin' the test
* fixing another class-based test with data-test attr
* no longer passing theme as prop to buttons in popovers... themeprovider is better
* outline/border tweaks!
2020-08-28 20:34:28 -04:00
|
|
|
cy.get('button[data-test="run-query-button"]').click();
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({
|
|
|
|
waitAlias: '@lineChartData',
|
|
|
|
chartSelector: 'svg',
|
|
|
|
});
|
2018-09-06 17:55:48 -04:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2018-11-19 14:29:46 -05:00
|
|
|
describe('Time range filter', () => {
|
|
|
|
beforeEach(() => {
|
|
|
|
cy.login();
|
2021-01-29 06:12:09 -05:00
|
|
|
interceptChart({ legacy: true }).as('chartData');
|
2018-11-19 14:29:46 -05:00
|
|
|
});
|
|
|
|
|
2021-01-04 21:29:17 -05:00
|
|
|
it('Advanced time_range params', () => {
|
2018-11-19 14:29:46 -05:00
|
|
|
const formData = {
|
|
|
|
...FORM_DATA_DEFAULTS,
|
|
|
|
viz_type: 'line',
|
|
|
|
time_range: '100 years ago : now',
|
2021-01-29 06:12:09 -05:00
|
|
|
metrics: [NUM_METRIC],
|
2018-11-19 14:29:46 -05:00
|
|
|
};
|
|
|
|
|
|
|
|
cy.visitChartByParams(JSON.stringify(formData));
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@chartData' });
|
2018-11-19 14:29:46 -05:00
|
|
|
|
2020-12-17 21:27:21 -05:00
|
|
|
cy.get('[data-test=time-range-trigger]')
|
|
|
|
.click()
|
|
|
|
.then(() => {
|
2021-01-04 21:29:17 -05:00
|
|
|
cy.get('.footer').find('button').its('length').should('eq', 2);
|
|
|
|
cy.get('.ant-popover-content').within(() => {
|
2018-11-19 14:29:46 -05:00
|
|
|
cy.get('input[value="100 years ago"]');
|
|
|
|
cy.get('input[value="now"]');
|
|
|
|
});
|
2021-01-04 21:29:17 -05:00
|
|
|
cy.get('[data-test=cancel-button]').click();
|
|
|
|
cy.get('.ant-popover').should('not.be.visible');
|
2018-11-19 14:29:46 -05:00
|
|
|
});
|
|
|
|
});
|
2021-01-04 21:29:17 -05:00
|
|
|
|
|
|
|
it('Common time_range params', () => {
|
|
|
|
const formData = {
|
|
|
|
...FORM_DATA_DEFAULTS,
|
|
|
|
viz_type: 'line',
|
2021-01-29 06:12:09 -05:00
|
|
|
metrics: [NUM_METRIC],
|
2021-01-04 21:29:17 -05:00
|
|
|
time_range: 'Last year',
|
|
|
|
};
|
|
|
|
|
|
|
|
cy.visitChartByParams(JSON.stringify(formData));
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@chartData' });
|
2021-01-04 21:29:17 -05:00
|
|
|
|
|
|
|
cy.get('[data-test=time-range-trigger]')
|
|
|
|
.click()
|
|
|
|
.then(() => {
|
|
|
|
cy.get('.ant-radio-group').children().its('length').should('eq', 5);
|
|
|
|
cy.get('.ant-radio-checked + span').contains('last year');
|
|
|
|
cy.get('[data-test=cancel-button]').click();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Previous time_range params', () => {
|
|
|
|
const formData = {
|
|
|
|
...FORM_DATA_DEFAULTS,
|
|
|
|
viz_type: 'line',
|
2021-01-29 06:12:09 -05:00
|
|
|
metrics: [NUM_METRIC],
|
2021-01-06 09:37:35 -05:00
|
|
|
time_range: 'previous calendar month',
|
2021-01-04 21:29:17 -05:00
|
|
|
};
|
|
|
|
|
|
|
|
cy.visitChartByParams(JSON.stringify(formData));
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@chartData' });
|
2021-01-04 21:29:17 -05:00
|
|
|
|
|
|
|
cy.get('[data-test=time-range-trigger]')
|
|
|
|
.click()
|
|
|
|
.then(() => {
|
|
|
|
cy.get('.ant-radio-group').children().its('length').should('eq', 3);
|
|
|
|
cy.get('.ant-radio-checked + span').contains('previous calendar month');
|
|
|
|
cy.get('[data-test=cancel-button]').click();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
it('Custom time_range params', () => {
|
|
|
|
const formData = {
|
|
|
|
...FORM_DATA_DEFAULTS,
|
|
|
|
viz_type: 'line',
|
2021-01-29 06:12:09 -05:00
|
|
|
metrics: [NUM_METRIC],
|
2021-01-04 21:29:17 -05:00
|
|
|
time_range: 'DATEADD(DATETIME("today"), -7, day) : today',
|
|
|
|
};
|
|
|
|
|
|
|
|
cy.visitChartByParams(JSON.stringify(formData));
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@chartData' });
|
2021-01-04 21:29:17 -05:00
|
|
|
|
|
|
|
cy.get('[data-test=time-range-trigger]')
|
|
|
|
.click()
|
|
|
|
.then(() => {
|
|
|
|
cy.get('[data-test=custom-frame]').then(() => {
|
|
|
|
cy.get('.ant-input-number-input-wrap > input')
|
|
|
|
.invoke('attr', 'value')
|
|
|
|
.should('eq', '7');
|
|
|
|
});
|
|
|
|
cy.get('[data-test=cancel-button]').click();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
it('No filter time_range params', () => {
|
|
|
|
const formData = {
|
|
|
|
...FORM_DATA_DEFAULTS,
|
|
|
|
viz_type: 'line',
|
2021-01-29 06:12:09 -05:00
|
|
|
metrics: [NUM_METRIC],
|
2021-01-04 21:29:17 -05:00
|
|
|
time_range: 'No filter',
|
|
|
|
};
|
|
|
|
|
|
|
|
cy.visitChartByParams(JSON.stringify(formData));
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@chartData' });
|
2021-01-04 21:29:17 -05:00
|
|
|
|
|
|
|
cy.get('[data-test=time-range-trigger]')
|
|
|
|
.click()
|
|
|
|
.then(() => {
|
|
|
|
cy.get('[data-test=no-filter]');
|
|
|
|
});
|
|
|
|
cy.get('[data-test=cancel-button]').click();
|
|
|
|
});
|
2018-11-19 14:29:46 -05:00
|
|
|
});
|
2020-09-15 17:12:06 -04:00
|
|
|
|
|
|
|
describe('Groupby control', () => {
|
|
|
|
it('Set groupby', () => {
|
|
|
|
cy.login();
|
2021-01-29 06:12:09 -05:00
|
|
|
interceptChart({ legacy: true }).as('chartData');
|
|
|
|
|
2020-09-15 17:12:06 -04:00
|
|
|
cy.visitChartByName('Num Births Trend');
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@chartData' });
|
2020-09-15 17:12:06 -04:00
|
|
|
|
|
|
|
cy.get('[data-test=groupby]').within(() => {
|
|
|
|
cy.get('.Select__control').click();
|
|
|
|
cy.get('input[type=text]').type('state{enter}');
|
|
|
|
});
|
|
|
|
cy.get('button[data-test="run-query-button"]').click();
|
2021-01-29 06:12:09 -05:00
|
|
|
cy.verifySliceSuccess({ waitAlias: '@chartData', chartSelector: 'svg' });
|
2020-09-15 17:12:06 -04:00
|
|
|
});
|
|
|
|
});
|