mirror of https://github.com/apache/superset.git
127 lines
3.6 KiB
TypeScript
127 lines
3.6 KiB
TypeScript
/**
|
|
* 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.
|
|
*/
|
|
import '@testing-library/jest-dom/extend-expect';
|
|
import { ReactNode, ReactElement } from 'react';
|
|
import {
|
|
render,
|
|
RenderOptions,
|
|
screen,
|
|
waitFor,
|
|
within,
|
|
} from '@testing-library/react';
|
|
import { ThemeProvider, supersetTheme } from '@superset-ui/core';
|
|
import { BrowserRouter } from 'react-router-dom';
|
|
import { Provider } from 'react-redux';
|
|
import { DndProvider } from 'react-dnd';
|
|
import { HTML5Backend } from 'react-dnd-html5-backend';
|
|
import reducerIndex from 'spec/helpers/reducerIndex';
|
|
import { QueryParamProvider } from 'use-query-params';
|
|
import { configureStore, Store } from '@reduxjs/toolkit';
|
|
import { api } from 'src/hooks/apiResources/queryApi';
|
|
import userEvent from '@testing-library/user-event';
|
|
|
|
type Options = Omit<RenderOptions, 'queries'> & {
|
|
useRedux?: boolean;
|
|
useDnd?: boolean;
|
|
useQueryParams?: boolean;
|
|
useRouter?: boolean;
|
|
initialState?: {};
|
|
reducers?: {};
|
|
store?: Store;
|
|
};
|
|
|
|
export const createStore = (initialState: object = {}, reducers: object = {}) =>
|
|
configureStore({
|
|
preloadedState: initialState,
|
|
reducer: {
|
|
...reducers,
|
|
[api.reducerPath]: api.reducer,
|
|
},
|
|
middleware: getDefaultMiddleware =>
|
|
getDefaultMiddleware().concat(api.middleware),
|
|
devTools: false,
|
|
});
|
|
|
|
export const defaultStore = createStore();
|
|
|
|
export function createWrapper(options?: Options) {
|
|
const {
|
|
useDnd,
|
|
useRedux,
|
|
useQueryParams,
|
|
useRouter,
|
|
initialState,
|
|
reducers,
|
|
store,
|
|
} = options || {};
|
|
|
|
return ({ children }: { children?: ReactNode }) => {
|
|
let result = (
|
|
<ThemeProvider theme={supersetTheme}>{children}</ThemeProvider>
|
|
);
|
|
|
|
if (useDnd) {
|
|
result = <DndProvider backend={HTML5Backend}>{result}</DndProvider>;
|
|
}
|
|
|
|
if (useRedux || store) {
|
|
const mockStore =
|
|
store ?? createStore(initialState, reducers || reducerIndex);
|
|
result = <Provider store={mockStore}>{result}</Provider>;
|
|
}
|
|
|
|
if (useQueryParams) {
|
|
result = <QueryParamProvider>{result}</QueryParamProvider>;
|
|
}
|
|
|
|
if (useRouter) {
|
|
result = <BrowserRouter>{result}</BrowserRouter>;
|
|
}
|
|
|
|
return result;
|
|
};
|
|
}
|
|
|
|
const customRender = (ui: ReactElement, options?: Options) =>
|
|
render(ui, { wrapper: createWrapper(options), ...options });
|
|
|
|
export function sleep(time: number) {
|
|
return new Promise(resolve => {
|
|
setTimeout(resolve, time);
|
|
});
|
|
}
|
|
|
|
export * from '@testing-library/react';
|
|
export { customRender as render };
|
|
|
|
export async function selectOption(option: string, selectName?: string) {
|
|
const select = screen.getByRole(
|
|
'combobox',
|
|
selectName ? { name: selectName } : {},
|
|
);
|
|
await userEvent.click(select);
|
|
const item = await waitFor(() =>
|
|
within(
|
|
// eslint-disable-next-line testing-library/no-node-access
|
|
document.querySelector('.rc-virtual-list')!,
|
|
).getByText(option),
|
|
);
|
|
await userEvent.click(item);
|
|
}
|