diff --git a/src/components/badge/__snapshots__/badge.test.js.snap b/src/components/badge/__snapshots__/badge.test.js.snap index 8c2a6a3d391..6e0220bb4b2 100644 --- a/src/components/badge/__snapshots__/badge.test.js.snap +++ b/src/components/badge/__snapshots__/badge.test.js.snap @@ -9,7 +9,189 @@ exports[`EuiBadge is rendered 1`] = ` - + + Content + + + +`; + +exports[`EuiBadge props color accent is rendered 1`] = ` +
+ + + Content + + +
+`; + +exports[`EuiBadge props color danger is rendered 1`] = ` +
+ + + Content + + +
+`; + +exports[`EuiBadge props color default is rendered 1`] = ` +
+ + + Content + + +
+`; + +exports[`EuiBadge props color primary is rendered 1`] = ` +
+ + + Content + + +
+`; + +exports[`EuiBadge props color secondary is rendered 1`] = ` +
+ + + Content + + +
+`; + +exports[`EuiBadge props color warning is rendered 1`] = ` +
+ + + Content + + +
+`; + +exports[`EuiBadge props iconSide left is rendered 1`] = ` +
+ + + + + + + + + Content + + +
+`; + +exports[`EuiBadge props iconSide right is rendered 1`] = ` +
+ + + + + + + + + Content + + +
+`; + +exports[`EuiBadge props iconType is rendered 1`] = ` +
+ + + + + + + + + Content +
`; diff --git a/src/components/badge/badge.test.js b/src/components/badge/badge.test.js index 480eba6bebe..2860c46c881 100644 --- a/src/components/badge/badge.test.js +++ b/src/components/badge/badge.test.js @@ -2,15 +2,62 @@ import React from 'react'; import { render } from 'enzyme'; import { requiredProps } from '../../test/required_props'; -import { EuiBadge } from './badge'; +import { EuiBadge, COLORS, ICON_SIDES } from './badge'; describe('EuiBadge', () => { test('is rendered', () => { const component = render( - + + Content + ); expect(component) .toMatchSnapshot(); }); + + describe('props', () => { + describe('iconType', () => { + it('is rendered', () => { + const component = render( + + Content + + ); + + expect(component) + .toMatchSnapshot(); + }); + }); + + describe('color', () => { + COLORS.forEach(color => { + it(`${color} is rendered`, () => { + const component = render( + + Content + + ); + + expect(component) + .toMatchSnapshot(); + }); + }); + }); + + describe('iconSide', () => { + ICON_SIDES.forEach(iconSide => { + it(`${iconSide} is rendered`, () => { + const component = render( + + Content + + ); + + expect(component) + .toMatchSnapshot(); + }); + }); + }); + }); });