2020-06-25 18:24:23 -04: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.
|
|
|
|
*/
|
2020-11-24 13:50:33 -05:00
|
|
|
import {
|
2021-03-26 12:20:13 -04:00
|
|
|
WORLD_HEALTH_CHARTS,
|
|
|
|
WORLD_HEALTH_DASHBOARD,
|
|
|
|
waitForChartLoad,
|
|
|
|
ChartSpec,
|
|
|
|
getChartAliasesBySpec,
|
|
|
|
} from './dashboard.helper';
|
|
|
|
import { isLegacyResponse } from '../../utils/vizPlugins';
|
2020-06-25 18:24:23 -04:00
|
|
|
|
|
|
|
describe('Dashboard top-level controls', () => {
|
|
|
|
beforeEach(() => {
|
|
|
|
cy.login();
|
|
|
|
cy.visit(WORLD_HEALTH_DASHBOARD);
|
|
|
|
});
|
|
|
|
|
2020-12-19 10:06:11 -05:00
|
|
|
// flaky test
|
|
|
|
xit('should allow chart level refresh', () => {
|
2021-03-26 12:20:13 -04:00
|
|
|
const mapSpec = WORLD_HEALTH_CHARTS.find(
|
|
|
|
({ viz }) => viz === 'world_map',
|
|
|
|
) as ChartSpec;
|
|
|
|
waitForChartLoad(mapSpec).then(gridComponent => {
|
|
|
|
const mapId = gridComponent.attr('data-test-chart-id');
|
|
|
|
cy.get('[data-test="grid-container"]').find('.world_map').should('exist');
|
|
|
|
cy.get(`#slice_${mapId}-controls`).click();
|
|
|
|
cy.get(`[data-test="slice_${mapId}-menu"]`)
|
|
|
|
.find('[data-test="refresh-chart-menu-item"]')
|
|
|
|
.click({ force: true });
|
|
|
|
// likely cause for flakiness:
|
|
|
|
// The query completes before this assertion happens.
|
|
|
|
// Solution: pause the network before clicking, assert, then unpause network.
|
|
|
|
cy.get('[data-test="refresh-chart-menu-item"]').should(
|
|
|
|
'have.class',
|
|
|
|
'ant-dropdown-menu-item-disabled',
|
|
|
|
);
|
|
|
|
waitForChartLoad(mapSpec);
|
|
|
|
cy.get('[data-test="refresh-chart-menu-item"]').should(
|
|
|
|
'not.have.class',
|
|
|
|
'ant-dropdown-menu-item-disabled',
|
|
|
|
);
|
|
|
|
});
|
2020-06-25 18:24:23 -04:00
|
|
|
});
|
|
|
|
|
2020-10-24 14:29:30 -04:00
|
|
|
it('should allow dashboard level force refresh', () => {
|
2020-06-25 18:24:23 -04:00
|
|
|
// when charts are not start loading, for example, under a secondary tab,
|
|
|
|
// should allow force refresh
|
2021-03-26 12:20:13 -04:00
|
|
|
WORLD_HEALTH_CHARTS.forEach(waitForChartLoad);
|
|
|
|
getChartAliasesBySpec(WORLD_HEALTH_CHARTS).then(aliases => {
|
2021-07-07 13:20:15 -04:00
|
|
|
cy.get('[aria-label="more-horiz"]').click();
|
2021-03-26 12:20:13 -04:00
|
|
|
cy.get('[data-test="refresh-dashboard-menu-item"]').should(
|
|
|
|
'not.have.class',
|
|
|
|
'ant-dropdown-menu-item-disabled',
|
|
|
|
);
|
2020-06-25 18:24:23 -04:00
|
|
|
|
2021-03-26 12:20:13 -04:00
|
|
|
cy.get('[data-test="refresh-dashboard-menu-item"]').click({
|
|
|
|
force: true,
|
|
|
|
});
|
|
|
|
cy.get('[data-test="refresh-dashboard-menu-item"]').should(
|
|
|
|
'have.class',
|
|
|
|
'ant-dropdown-menu-item-disabled',
|
|
|
|
);
|
|
|
|
|
|
|
|
// wait all charts force refreshed.
|
2020-06-25 18:24:23 -04:00
|
|
|
|
2021-03-26 12:20:13 -04:00
|
|
|
cy.wait(aliases).then(xhrs => {
|
|
|
|
xhrs.forEach(async ({ response, request }) => {
|
|
|
|
const responseBody = response?.body;
|
|
|
|
const isCached = isLegacyResponse(responseBody)
|
|
|
|
? responseBody.is_cached
|
|
|
|
: responseBody.result[0].is_cached;
|
|
|
|
// request url should indicate force-refresh operation
|
|
|
|
expect(request.url).to.have.string('force=true');
|
|
|
|
// is_cached in response should be false
|
|
|
|
expect(isCached).to.equal(false);
|
|
|
|
});
|
2020-06-25 18:24:23 -04:00
|
|
|
});
|
|
|
|
});
|
2021-07-07 13:20:15 -04:00
|
|
|
cy.get('[aria-label="more-horiz"]').click();
|
2020-11-24 13:50:33 -05:00
|
|
|
cy.get('[data-test="refresh-dashboard-menu-item"]').and(
|
2020-11-04 16:47:25 -05:00
|
|
|
'not.have.class',
|
2020-11-12 17:48:48 -05:00
|
|
|
'ant-dropdown-menu-item-disabled',
|
2020-11-04 16:47:25 -05:00
|
|
|
);
|
2020-06-25 18:24:23 -04:00
|
|
|
});
|
|
|
|
});
|