@@ -46,4 +46,22 @@ describe('CardHeader', () => {
|
||||
|
||||
expect(mockTheme.getPageTheme).toHaveBeenCalledWith({ themeId: 'service' });
|
||||
});
|
||||
|
||||
it('should render the type', () => {
|
||||
const { getByText } = render(
|
||||
<CardHeader
|
||||
template={{
|
||||
apiVersion: 'scaffolder.backstage.io/v1beta3',
|
||||
kind: 'Template',
|
||||
metadata: { name: 'bob' },
|
||||
spec: {
|
||||
steps: [],
|
||||
type: 'service',
|
||||
},
|
||||
}}
|
||||
/>,
|
||||
);
|
||||
|
||||
expect(getByText('Service')).toBeInTheDocument();
|
||||
});
|
||||
});
|
||||
|
||||
@@ -52,6 +52,7 @@ export const CardHeader = (props: CardHeaderProps) => {
|
||||
} = props;
|
||||
const { getPageTheme } = useTheme<BackstageTheme>();
|
||||
const themeForType = getPageTheme({ themeId: type });
|
||||
|
||||
const styles = useStyles({
|
||||
cardBackgroundImage: themeForType.backgroundImage,
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user