IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Chore: Replace enzyme with RTL (#45434)

Browse Source
This commit is contained in:
Hugo Häggmark
2022-02-16 09:49:06 +01:00
committed by GitHub
parent 5760a18da5
commit ae8c8a2910
3 changed files with 21 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.betterer.results
View File

@@ -11,9 +11,6 @@ exports[`no enzyme tests`] = {
"packages/grafana-ui/src/components/BigValue/BigValue.test.tsx:261212211": [ "packages/grafana-ui/src/components/BigValue/BigValue.test.tsx:261212211": [
[1, 19, 13, "RegExp match", "2409514259"] [1, 19, 13, "RegExp match", "2409514259"]
], ],
"packages/grafana-ui/src/components/CallToActionCard/CallToActionCard.test.tsx:2771878691": [
[1, 18, 13, "RegExp match", "2409514259"]
],
"packages/grafana-ui/src/components/ColorPicker/NamedColorsPalette.test.tsx:1355456933": [ "packages/grafana-ui/src/components/ColorPicker/NamedColorsPalette.test.tsx:1355456933": [
[1, 31, 13, "RegExp match", "2409514259"] [1, 31, 13, "RegExp match", "2409514259"]
], ],

36
packages/grafana-ui/src/components/CallToActionCard/CallToActionCard.test.tsx
View File

@@ -1,33 +1,39 @@
import React from 'react'; import React from 'react';
import { render } from 'enzyme'; import { render, screen } from '@testing-library/react';
import { CallToActionCard } from './CallToActionCard'; import { CallToActionCard } from './CallToActionCard';
import { expect } from '../../../../../public/test/lib/common';
describe('CallToActionCard', () => { describe('CallToActionCard', () => {
describe('rendering', () => { describe('rendering', () => {
it('when no message and footer provided', () => { it('should render callToActionElement', () => {
const tree = render(<CallToActionCard callToActionElement={<a href="http://dummy.link">Click me</a>} />); render(<CallToActionCard callToActionElement={<a href="http://dummy.link">Click me</a>} />);
expect(tree).toMatchSnapshot(); expect(screen.getByRole('link', { name: 'Click me' })).toBeInTheDocument();
}); });
it('when message and no footer provided', () => { it('should render message when provided', () => {
const tree = render( render(
<CallToActionCard <CallToActionCard message="Click button below" callToActionElement={<a href="http://dummy.link">Click me</a>} />
message="Click button bellow"
callToActionElement={<a href="http://dummy.link">Click me</a>}
/>
); );
expect(tree).toMatchSnapshot(); expect(screen.getByText('Click button below')).toBeInTheDocument();
}); });
it('when message and footer provided', () => { it('should render footer when provided', () => {
const tree = render( render(
<CallToActionCard footer="footer content" callToActionElement={<a href="http://dummy.link">Click me</a>} />
);
expect(screen.getByText('footer content')).toBeInTheDocument();
});
it('should render both message and footer when provided', () => {
render(
<CallToActionCard <CallToActionCard
message="Click button bellow" message="Click button below"
footer="footer content" footer="footer content"
callToActionElement={<a href="http://dummy.link">Click me</a>} callToActionElement={<a href="http://dummy.link">Click me</a>}
/> />
); );
expect(tree).toMatchSnapshot(); expect(screen.getByText('Click button below')).toBeInTheDocument();
expect(screen.getByText('footer content')).toBeInTheDocument();
}); });
}); });
}); });

52
packages/grafana-ui/src/components/CallToActionCard/__snapshots__/CallToActionCard.test.tsx.snap
View File

@@ -1,52 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`CallToActionCard rendering when message and footer provided 1`] = `
<div
class="css-xtd6ws-call-to-action-card"
>
<div
class="css-m2iibx"
>
Click button bellow
</div>
<a
href="http://dummy.link"
>
Click me
</a>
<div
class="css-11lqfaj"
>
footer content
</div>
</div>
`;
exports[`CallToActionCard rendering when message and no footer provided 1`] = `
<div
class="css-xtd6ws-call-to-action-card"
>
<div
class="css-m2iibx"
>
Click button bellow
</div>
<a
href="http://dummy.link"
>
Click me
</a>
</div>
`;
exports[`CallToActionCard rendering when no message and footer provided 1`] = `
<div
class="css-xtd6ws-call-to-action-card"
>
<a
href="http://dummy.link"
>
Click me
</a>
</div>
`;