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

convert bargauge test to RTL (#49701)

Browse Source
This commit is contained in:
Ashley Harrison 2022-05-26 14:58:01 +01:00 committed by GitHub
parent c8094b33cd
commit 43249464bb
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 98 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.betterer.results
View File

@ -5,9 +5,6 @@
//
exports[`no enzyme tests`] = {
value: `{
"packages/grafana-ui/src/components/BarGauge/BarGauge.test.tsx:4199795290": [
[0, 19, 13, "RegExp match", "2409514259"]
],
"packages/grafana-ui/src/components/Forms/Legacy/Input/Input.test.tsx:3129955645": [
[0, 19, 13, "RegExp match", "2409514259"]
],

17
packages/grafana-ui/src/components/BarGauge/BarGauge.test.tsx
View File

@ -1,4 +1,4 @@
import { shallow } from 'enzyme';
import { render } from '@testing-library/react';
import React from 'react';
import {
@ -62,17 +62,6 @@ function getProps(propOverrides?: Partial<Props>): Props {
return props;
}
const setup = (propOverrides?: object) => {
const props = getProps(propOverrides);
const wrapper = shallow(<BarGauge {...props} />);
const instance = wrapper.instance() as BarGauge;
return {
instance,
wrapper,
};
};
function getValue(value: number, title?: string): DisplayValue {
return { numeric: value, text: value.toString(), title: title };
}
@ -315,8 +304,8 @@ describe('BarGauge', () => {
describe('Render with basic options', () => {
it('should render', () => {
const { wrapper } = setup();
expect(wrapper).toMatchSnapshot();
const props = getProps();
expect(() => render(<BarGauge {...props} />)).not.toThrow();
});
});

81
packages/grafana-ui/src/components/BarGauge/__snapshots__/BarGauge.test.tsx.snap
View File

@ -1,81 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`BarGauge Render with basic options should render 1`] = `
<div
style={
Object {
"display": "flex",
"flexDirection": "column",
"overflow": "hidden",
"width": "100%",
}
}
>
<div
style={
Object {
"alignItems": "stretch",
"display": "flex",
"flexDirection": "row-reverse",
"flexGrow": 1,
"justifyContent": "flex-end",
}
}
>
<FormattedDisplayValue
data-testid="data-testid Bar gauge value"
style={
Object {
"alignItems": "center",
"color": "#73BF69",
"display": "flex",
"fontSize": 140,
"height": "300px",
"justifyContent": "flex-end",
"lineHeight": 1,
"paddingLeft": "10px",
"paddingRight": "10px",
"width": "60px",
}
}
value={
Object {
"color": "#73BF69",
"numeric": 25,
"percent": 0.25,
"prefix": undefined,
"suffix": undefined,
"text": "25",
}
}
/>
<div
style={
Object {
"background": "rgba(255,255,255, 0.07)",
"borderRadius": "3px",
"display": "flex",
"flexGrow": 1,
"height": "300px",
"left": "-3px",
"position": "relative",
}
}
/>
<div
style={
Object {
"background": "rgba(115, 191, 105, 0.35)",
"borderRadius": "3px",
"borderRight": "2px solid #73BF69",
"height": "300px",
"position": "relative",
"transition": "width 1s",
"width": "60px",
"zIndex": 1,
}
}
/>
</div>
</div>
`;