115 lines
3.6 KiB
TypeScript
115 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 { ErrorLevel, ErrorSource, ErrorTypeEnum } from '@superset-ui/core';
|
|
import { render, screen, userEvent } from 'spec/helpers/testing-library';
|
|
import DatabaseErrorMessage from './DatabaseErrorMessage';
|
|
|
|
jest.mock(
|
|
'src/components/Icons/Icon',
|
|
() =>
|
|
({ fileName }: { fileName: string }) => (
|
|
<span role="img" aria-label={fileName.replace('_', '-')} />
|
|
),
|
|
);
|
|
|
|
const mockedProps = {
|
|
error: {
|
|
error_type: ErrorTypeEnum.DATABASE_SECURITY_ACCESS_ERROR,
|
|
extra: {
|
|
engine_name: 'Engine name',
|
|
issue_codes: [
|
|
{
|
|
code: 1,
|
|
message: 'Issue code message A',
|
|
},
|
|
{
|
|
code: 2,
|
|
message: 'Issue code message B',
|
|
},
|
|
],
|
|
owners: ['Owner A', 'Owner B'],
|
|
},
|
|
level: 'error' as ErrorLevel,
|
|
message: 'Error message',
|
|
},
|
|
source: 'dashboard' as ErrorSource,
|
|
subtitle: 'Error message',
|
|
};
|
|
|
|
test('should render', () => {
|
|
const nullExtraProps = {
|
|
...mockedProps,
|
|
error: {
|
|
...mockedProps.error,
|
|
extra: null,
|
|
},
|
|
};
|
|
const { container } = render(<DatabaseErrorMessage {...nullExtraProps} />);
|
|
expect(container).toBeInTheDocument();
|
|
});
|
|
|
|
test('should render the error message', () => {
|
|
render(<DatabaseErrorMessage {...mockedProps} />, { useRedux: true });
|
|
const button = screen.getByText('See more');
|
|
userEvent.click(button);
|
|
expect(screen.getByText('Error message')).toBeInTheDocument();
|
|
});
|
|
|
|
test('should render the issue codes', () => {
|
|
render(<DatabaseErrorMessage {...mockedProps} />, { useRedux: true });
|
|
const button = screen.getByText('See more');
|
|
userEvent.click(button);
|
|
expect(screen.getByText(/This may be triggered by:/)).toBeInTheDocument();
|
|
expect(screen.getByText(/Issue code message A/)).toBeInTheDocument();
|
|
expect(screen.getByText(/Issue code message B/)).toBeInTheDocument();
|
|
});
|
|
|
|
test('should render the engine name', () => {
|
|
render(<DatabaseErrorMessage {...mockedProps} />);
|
|
expect(screen.getByText(/Engine name/)).toBeInTheDocument();
|
|
});
|
|
|
|
test('should render the owners', () => {
|
|
render(<DatabaseErrorMessage {...mockedProps} />, { useRedux: true });
|
|
const button = screen.getByText('See more');
|
|
userEvent.click(button);
|
|
expect(
|
|
screen.getByText('Please reach out to the Chart Owners for assistance.'),
|
|
).toBeInTheDocument();
|
|
expect(
|
|
screen.getByText('Chart Owners: Owner A, Owner B'),
|
|
).toBeInTheDocument();
|
|
});
|
|
|
|
test('should NOT render the owners', () => {
|
|
const noVisualizationProps = {
|
|
...mockedProps,
|
|
source: 'sqllab' as ErrorSource,
|
|
};
|
|
render(<DatabaseErrorMessage {...noVisualizationProps} />, {
|
|
useRedux: true,
|
|
});
|
|
const button = screen.getByText('See more');
|
|
userEvent.click(button);
|
|
expect(
|
|
screen.queryByText('Chart Owners: Owner A, Owner B'),
|
|
).not.toBeInTheDocument();
|
|
});
|