mirror of https://github.com/grafana/grafana.git
56 lines
1.7 KiB
TypeScript
56 lines
1.7 KiB
TypeScript
import { render, screen } from '@testing-library/react';
|
|
import React from 'react';
|
|
import { Provider } from 'react-redux';
|
|
import { Router } from 'react-router-dom';
|
|
|
|
import { locationService } from '@grafana/runtime';
|
|
import { configureStore } from 'app/store/configureStore';
|
|
|
|
import { getMockDataSources } from '../__mocks__';
|
|
|
|
import { DataSourcesListView } from './DataSourcesList';
|
|
|
|
const setup = () => {
|
|
const store = configureStore();
|
|
|
|
return render(
|
|
<Provider store={store}>
|
|
<Router history={locationService.getHistory()}>
|
|
<DataSourcesListView
|
|
dataSources={getMockDataSources(3)}
|
|
dataSourcesCount={3}
|
|
isLoading={false}
|
|
hasCreateRights={true}
|
|
hasWriteRights={true}
|
|
hasExploreRights={true}
|
|
/>
|
|
</Router>
|
|
</Provider>
|
|
);
|
|
};
|
|
|
|
describe('<DataSourcesList>', () => {
|
|
it('should render action bar', async () => {
|
|
setup();
|
|
|
|
expect(await screen.findByPlaceholderText('Search by name or type')).toBeInTheDocument();
|
|
expect(await screen.findByRole('combobox', { name: 'Sort' })).toBeInTheDocument();
|
|
});
|
|
|
|
it('should render list of datasources', async () => {
|
|
setup();
|
|
|
|
expect(await screen.findAllByRole('listitem')).toHaveLength(3);
|
|
expect(await screen.findAllByRole('heading')).toHaveLength(3);
|
|
expect(await screen.findAllByRole('link', { name: /Build a dashboard/i })).toHaveLength(3);
|
|
expect(await screen.findAllByRole('link', { name: 'Explore' })).toHaveLength(3);
|
|
});
|
|
|
|
it('should render all elements in the list item', async () => {
|
|
setup();
|
|
|
|
expect(await screen.findByRole('heading', { name: 'dataSource-0' })).toBeInTheDocument();
|
|
expect(await screen.findByRole('link', { name: 'dataSource-0' })).toBeInTheDocument();
|
|
});
|
|
});
|