fixes #282 fixes #297 fixes #333 Not only adds icons (as svgs) but also removes the assets folder which adds some side effects: - move fonts to it's own component (currently only exposing libre-franlin) - Base.global requires fonts and injects them - update webpack and babelrc to ignore/include that new folder Having to deal with those side effects, I took the opportunity to add some improvements: - rename "regular" to "normal" which conforms to the font-weight rule options - apply family and weight to buttons (which default to system-ui) - replace all font-weight to use the typography composer - only use "Libra Franklin" as the family name, using weight to vary between files
134 lines
4.1 KiB
JavaScript
134 lines
4.1 KiB
JavaScript
const test = require('ava');
|
|
const enzyme = require('enzyme');
|
|
const React = require('react');
|
|
|
|
const {
|
|
shallow
|
|
} = enzyme;
|
|
|
|
test('renders <Avatar> without exploding', (t) => {
|
|
const Avatar = require('../src/components/avatar').default;
|
|
const wrapper = shallow(<Avatar />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Base> without exploding', (t) => {
|
|
const Base = require('../src/components/base').default;
|
|
const wrapper = shallow(<Base />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Button> without exploding', (t) => {
|
|
const Button = require('../src/components/button').default;
|
|
const wrapper = shallow(<Button />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Close> without exploding', (t) => {
|
|
const Close = require('../src/components/icons/close').default;
|
|
const wrapper = shallow(<Close />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Checkbox> without exploding', (t) => {
|
|
const Checkbox = require('../src/components/form/checkbox').default;
|
|
const wrapper = shallow(<Checkbox />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Column> without exploding', (t) => {
|
|
const Column = require('../src/components/column').default;
|
|
const wrapper = shallow(<Column />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Container> without exploding', (t) => {
|
|
const Container = require('../src/components/container').default;
|
|
const wrapper = shallow(<Container />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
// test('renders <Icon> without exploding', (t) => {
|
|
// const Icon = require('../src/components/icon');
|
|
// const wrapper = shallow(<Icon />);
|
|
// t.deepEqual(wrapper.length, 1);
|
|
// });
|
|
|
|
test('renders <Radio> without exploding', (t) => {
|
|
const Radio = require('../src/components/form/radio').default;
|
|
const wrapper = shallow(<Radio />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
// test('renders <RadioGroup> without exploding', (t) => {
|
|
// const RadioGroup = require('../src/components/radio-group');
|
|
// const wrapper = shallow(<RadioGroup />);
|
|
// t.deepEqual(wrapper.length, 1);
|
|
// });
|
|
|
|
test('renders <Row> without exploding', (t) => {
|
|
const Row = require('../src/components/row').default;
|
|
const wrapper = shallow(<Row />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Toggle> without exploding', (t) => {
|
|
const Toggle = require('../src/components/toggle').default;
|
|
const wrapper = shallow(<Toggle />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Widget> without exploding', (t) => {
|
|
const Widget = require('../src/components/widget').default;
|
|
const wrapper = shallow(<Widget />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Input> without exploding', (t) => {
|
|
const Input = require('../src/components/form/input').default;
|
|
const wrapper = shallow(<Input />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <RangeSlider> without exploding', (t) => {
|
|
const RangeSlider = require('../src/components/range-slider').default;
|
|
const wrapper = shallow(<RangeSlider />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Select> without exploding', (t) => {
|
|
const Select = require('../src/components/form/select').default;
|
|
const wrapper = shallow(<Select />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Pagination> without exploding', (t) => {
|
|
const Pagination = require('../src/components/pagination').default;
|
|
const wrapper = shallow(<Pagination />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Notification> without exploding', (t) => {
|
|
const Pagination = require('../src/components/notification').default;
|
|
const wrapper = shallow(<Pagination />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <Tooltip> without exploding', (t) => {
|
|
const Tooltip = require('../src/components/tooltip').default;
|
|
const wrapper = shallow(<Tooltip />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <H1> without exploding', (t) => {
|
|
const H1 = require('../src/components/base-elements').H1;
|
|
const wrapper = shallow(<H1 />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|
|
|
|
test('renders <H2> without exploding', (t) => {
|
|
const H2 = require('../src/components/base-elements').H2;
|
|
const wrapper = shallow(<H2 />);
|
|
t.deepEqual(wrapper.length, 1);
|
|
});
|