mirror of
https://github.com/apache/superset.git
synced 2024-09-19 12:09:42 -04:00
f2be53dd53
Co-authored-by: hughhhh <hughmil3s@gmail.com>
97 lines
3.1 KiB
TypeScript
97 lines
3.1 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 React from 'react';
|
|
import { render, screen } from 'spec/helpers/testing-library';
|
|
import userEvent from '@testing-library/user-event';
|
|
import FaveStar from '.';
|
|
|
|
jest.mock('src/components/Tooltip', () => ({
|
|
Tooltip: (props: any) => <div data-test="tooltip" {...props} />,
|
|
}));
|
|
|
|
test('render right content', async () => {
|
|
const props = {
|
|
itemId: 3,
|
|
saveFaveStar: jest.fn(),
|
|
};
|
|
|
|
const { rerender, findByRole } = render(<FaveStar {...props} isStarred />);
|
|
expect(screen.getByRole('button')).toBeInTheDocument();
|
|
expect(
|
|
screen.getByRole('img', { name: 'favorite-selected' }),
|
|
).toBeInTheDocument();
|
|
|
|
expect(props.saveFaveStar).toBeCalledTimes(0);
|
|
userEvent.click(screen.getByRole('button'));
|
|
expect(props.saveFaveStar).toBeCalledTimes(1);
|
|
expect(props.saveFaveStar).toBeCalledWith(props.itemId, true);
|
|
|
|
rerender(<FaveStar {...props} />);
|
|
expect(
|
|
await findByRole('img', { name: 'favorite-unselected' }),
|
|
).toBeInTheDocument();
|
|
|
|
expect(props.saveFaveStar).toBeCalledTimes(1);
|
|
userEvent.click(screen.getByRole('button'));
|
|
expect(props.saveFaveStar).toBeCalledTimes(2);
|
|
expect(props.saveFaveStar).toBeCalledWith(props.itemId, false);
|
|
});
|
|
|
|
test('render content on tooltip', async () => {
|
|
const props = {
|
|
itemId: 3,
|
|
showTooltip: true,
|
|
saveFaveStar: jest.fn(),
|
|
};
|
|
|
|
render(<FaveStar {...props} />);
|
|
|
|
expect(await screen.findByTestId('tooltip')).toBeInTheDocument();
|
|
expect(screen.getByTestId('tooltip')).toHaveAttribute(
|
|
'id',
|
|
'fave-unfave-tooltip',
|
|
);
|
|
expect(screen.getByTestId('tooltip')).toHaveAttribute(
|
|
'title',
|
|
'Click to favorite/unfavorite',
|
|
);
|
|
expect(screen.getByRole('button')).toBeInTheDocument();
|
|
});
|
|
|
|
test('Call fetchFaveStar on first render and on itemId change', async () => {
|
|
const props = {
|
|
itemId: 3,
|
|
fetchFaveStar: jest.fn(),
|
|
saveFaveStar: jest.fn(),
|
|
isStarred: false,
|
|
showTooltip: false,
|
|
};
|
|
|
|
const { rerender, findByRole } = render(<FaveStar {...props} />);
|
|
expect(
|
|
await findByRole('img', { name: 'favorite-unselected' }),
|
|
).toBeInTheDocument();
|
|
expect(props.fetchFaveStar).toBeCalledTimes(1);
|
|
expect(props.fetchFaveStar).toBeCalledWith(props.itemId);
|
|
|
|
rerender(<FaveStar {...{ ...props, itemId: 2 }} />);
|
|
expect(props.fetchFaveStar).toBeCalledTimes(2);
|
|
});
|