change test file to tsx
This commit is contained in:
committed by
Fredrik Adelöw
parent
c3b0483957
commit
0f95336c05
@@ -17,7 +17,12 @@
|
||||
import React from 'react';
|
||||
import { render } from '@testing-library/react';
|
||||
import { wrapInTestApp } from '@backstage/test-utils';
|
||||
<<<<<<< HEAD:packages/core/src/components/ProgressBars/Gauge.test.jsx
|
||||
import { Gauge, getProgressColor } from './Gauge';
|
||||
=======
|
||||
import { GaugeProgress, getProgressColor } from './GaugeProgress';
|
||||
import * as theme from '@backstage/theme';
|
||||
>>>>>>> change test file to tsx:packages/core/src/components/ProgressBars/GaugeProgress.test.tsx
|
||||
|
||||
describe('<Gauge />', () => {
|
||||
it('renders without exploding', () => {
|
||||
@@ -50,17 +55,20 @@ describe('<Gauge />', () => {
|
||||
const ok = '#111';
|
||||
const warning = '#222';
|
||||
const error = '#333';
|
||||
const palette = { status: { ok, warning, error } };
|
||||
const palette = {
|
||||
...theme.lightTheme.palette,
|
||||
status: { ...theme.lightTheme.palette.status, ok, warning, error },
|
||||
};
|
||||
|
||||
it('colors the progress correctly', () => {
|
||||
expect(getProgressColor(palette)).toBe('#ddd');
|
||||
expect(getProgressColor(palette, 'Not a Number')).toBe('#ddd');
|
||||
expect(getProgressColor(palette, 10)).toBe(error);
|
||||
expect(getProgressColor(palette, 50)).toBe(warning);
|
||||
expect(getProgressColor(palette, 90)).toBe(ok);
|
||||
});
|
||||
|
||||
it('colors the inverse progress correctly', () => {
|
||||
expect(getProgressColor(palette)).toBe('#ddd');
|
||||
expect(getProgressColor(palette, 'Not a Number')).toBe('#ddd');
|
||||
expect(getProgressColor(palette, 10, true)).toBe(ok);
|
||||
expect(getProgressColor(palette, 50, true)).toBe(warning);
|
||||
expect(getProgressColor(palette, 90, true)).toBe(error);
|
||||
|
||||
Reference in New Issue
Block a user