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-01-08 01:13:06 -05:00
|
|
|
import React from 'react';
|
|
|
|
import { mount } from 'enzyme';
|
2018-10-19 14:41:42 -04:00
|
|
|
import thunk from 'redux-thunk';
|
|
|
|
import configureStore from 'redux-mock-store';
|
|
|
|
import fetchMock from 'fetch-mock';
|
2018-01-08 01:13:06 -05:00
|
|
|
|
2020-01-16 00:48:55 -05:00
|
|
|
import ListView from 'src/components/ListView/ListView';
|
2020-01-27 13:23:41 -05:00
|
|
|
import DashboardTable from 'src/welcome/DashboardTable';
|
2018-01-08 01:13:06 -05:00
|
|
|
|
2020-01-16 00:48:55 -05:00
|
|
|
// store needed for withToasts(DashboardTable)
|
2018-10-19 14:41:42 -04:00
|
|
|
const mockStore = configureStore([thunk]);
|
|
|
|
const store = mockStore({});
|
2018-01-08 01:13:06 -05:00
|
|
|
|
2020-01-16 00:48:55 -05:00
|
|
|
const dashboardsEndpoint = 'glob:*/api/v1/dashboard/*';
|
2019-11-27 17:02:48 -05:00
|
|
|
const mockDashboards = [{ id: 1, url: 'url', dashboard_title: 'title' }];
|
2018-10-19 14:41:42 -04:00
|
|
|
|
|
|
|
fetchMock.get(dashboardsEndpoint, { result: mockDashboards });
|
|
|
|
|
|
|
|
function setup() {
|
|
|
|
// use mount because data fetching is triggered on mount
|
|
|
|
return mount(<DashboardTable />, { context: { store } });
|
|
|
|
}
|
2018-01-08 01:13:06 -05:00
|
|
|
|
|
|
|
describe('DashboardTable', () => {
|
2019-01-14 18:35:28 -05:00
|
|
|
beforeEach(fetchMock.resetHistory);
|
2018-01-08 01:13:06 -05:00
|
|
|
|
2020-01-16 00:48:55 -05:00
|
|
|
it('fetches dashboards and renders a ListView', done => {
|
2018-10-19 14:41:42 -04:00
|
|
|
const wrapper = setup();
|
|
|
|
|
|
|
|
setTimeout(() => {
|
|
|
|
expect(fetchMock.calls(dashboardsEndpoint)).toHaveLength(1);
|
|
|
|
// there's a delay between response and updating state, so manually set it
|
|
|
|
// rather than adding a timeout which could introduce flakiness
|
|
|
|
wrapper.setState({ dashaboards: mockDashboards });
|
2020-01-16 00:48:55 -05:00
|
|
|
expect(wrapper.find(ListView)).toHaveLength(1);
|
2018-10-19 14:41:42 -04:00
|
|
|
done();
|
|
|
|
});
|
2018-01-08 01:13:06 -05:00
|
|
|
});
|
|
|
|
});
|