IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2024-11-24 09:50:29 -06:00
Code Issues Packages Projects Releases Wiki Activity

Chore: Convert AbstractList tests to RTL (#48284)

Browse Source
This commit is contained in:
Ashley Harrison 2022-04-28 10:30:19 +01:00 committed by GitHub
parent cc114e24ca
commit b9787db68e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.betterer.results
View File

@ -29,9 +29,6 @@ exports[`no enzyme tests`] = {
"packages/grafana-ui/src/components/Graph/GraphTooltip/MultiModeGraphTooltip.test.tsx:1865444105": [
[0, 17, 13, "RegExp match", "2409514259"]
],
"packages/grafana-ui/src/components/List/AbstractList.test.tsx:2972876749": [
[0, 19, 13, "RegExp match", "2409514259"]
],
"packages/grafana-ui/src/components/Logs/LogLabels.test.tsx:1029448019": [
[0, 19, 13, "RegExp match", "2409514259"]
],

34
packages/grafana-ui/src/components/List/AbstractList.test.tsx
View File

@ -1,4 +1,4 @@
import { shallow } from 'enzyme';
import { render, screen } from '@testing-library/react';
import React from 'react';
import { AbstractList } from './AbstractList';
@ -11,7 +11,7 @@ describe('AbstractList', () => {
{ name: 'Item 3', id: 'item3' },
];
const list = shallow(
render(
<AbstractList
items={items}
renderItem={(item) => (
@ -23,29 +23,11 @@ describe('AbstractList', () => {
/>
);
expect(list).toMatchSnapshot();
});
it('allows custom item key', () => {
const items = [
{ name: 'Item 1', id: 'item1' },
{ name: 'Item 2', id: 'item2' },
{ name: 'Item 3', id: 'item3' },
];
const list = shallow(
<AbstractList
items={items}
getItemKey={(item) => item.id}
renderItem={(item) => (
<div>
<h1>{item.name}</h1>
<small>{item.id}</small>
</div>
)}
/>
);
expect(list).toMatchSnapshot();
expect(screen.getByRole('heading', { name: 'Item 1' })).toBeInTheDocument();
expect(screen.getByText('item1')).toBeInTheDocument();
expect(screen.getByRole('heading', { name: 'Item 2' })).toBeInTheDocument();
expect(screen.getByText('item2')).toBeInTheDocument();
expect(screen.getByRole('heading', { name: 'Item 3' })).toBeInTheDocument();
expect(screen.getByText('item3')).toBeInTheDocument();
});
});

93
packages/grafana-ui/src/components/List/__snapshots__/AbstractList.test.tsx.snap
View File

@ -1,93 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`AbstractList allows custom item key 1`] = `
<ul
className="css-1ld8h5b"
>
<li
className="css-8qpjjf"
key="item1"
>
<div>
<h1>
Item 1
</h1>
<small>
item1
</small>
</div>
</li>
<li
className="css-8qpjjf"
key="item2"
>
<div>
<h1>
Item 2
</h1>
<small>
item2
</small>
</div>
</li>
<li
className="css-8qpjjf"
key="item3"
>
<div>
<h1>
Item 3
</h1>
<small>
item3
</small>
</div>
</li>
</ul>
`;
exports[`AbstractList renders items using renderItem prop function 1`] = `
<ul
className="css-1ld8h5b"
>
<li
className="css-8qpjjf"
key="0"
>
<div>
<h1>
Item 1
</h1>
<small>
item1
</small>
</div>
</li>
<li
className="css-8qpjjf"
key="1"
>
<div>
<h1>
Item 2
</h1>
<small>
item2
</small>
</div>
</li>
<li
className="css-8qpjjf"
key="2"
>
<div>
<h1>
Item 3
</h1>
<small>
item3
</small>
</div>
</li>
</ul>
`;