import React from 'react';
import { mount } from 'enzyme';
import { enzymeFind } from 'styled-components/test-utils';
import renderer from 'react-test-renderer';
import 'jest-styled-components';
import Button from '../index';
import colors from '../../../assets/styles/colors';
describe('', () => {
describe(' attributes', () => {
it('should render an
} />).toJSON();
expect(tree).toMatchSnapshot();
});
it('should render the add trash', () => {
const tree = renderer.create().toJSON();
expect(tree).toMatchSnapshot();
});
it('should render the primary style', () => {
const tree = renderer.create().toJSON();
expect(tree).toHaveStyleRule('color', colors.white);
});
it('should render the secondary style', () => {
const tree = renderer.create().toJSON();
expect(tree).toHaveStyleRule('color', colors.blue);
});
it('should render the cancel style', () => {
const tree = renderer.create().toJSON();
expect(tree).toHaveStyleRule('color', colors.brightGrey);
});
it('should render the success style', () => {
const tree = renderer.create().toJSON();
expect(tree).toHaveStyleRule('color', colors.white);
});
it('should render the delete style', () => {
const tree = renderer.create().toJSON();
expect(tree).toHaveStyleRule('color', colors.white);
});
});
});