|
1 | | -import _ from 'lodash'; |
2 | 1 | import React from 'react'; |
3 | | -import faker from 'faker'; |
4 | 2 | import {Modal, ModalHeader, ModalContent, ModalFooter} from 'stardust'; |
5 | 3 |
|
6 | 4 | describe('Modal', () => { |
7 | 5 | it('should default ref to be "modal"', () => { |
8 | | - const modal = render(<Modal />).first(); |
9 | | - modal.props.ref.should.equal('modal'); |
| 6 | + Modal.defaultProps.ref.should.equal('modal'); |
10 | 7 | }); |
11 | 8 | it('should initially have a state where `isShown` is false', () => { |
12 | 9 | render(<Modal />).first().state.isShown.should.equal(false); |
13 | 10 | }); |
14 | 11 | it('should render children', () => { |
15 | | - render(<Modal>Hello</Modal>).findText('Hello'); |
16 | | - }); |
17 | | - it('inherits classes', () => { |
18 | | - // generate crap classes like "system firewall protocol" |
19 | | - const classes = _.times(_.random(3), faker.hacker.noun).join(' '); |
20 | | - const renderedGridClasses = render(<Modal className={classes} />).findClass('sd-modal'); |
21 | | - renderedGridClasses.props.className.should.contain(classes); |
| 12 | + render(<Modal>Hello</Modal>).assertText('Hello'); |
22 | 13 | }); |
23 | 14 | it('sets isShown true', () => { |
24 | | - const renderedModal = render(<Modal />).first(); |
25 | | - renderedModal.showModal(); |
26 | | - renderedModal.state.isShown.should.equal(true); |
| 15 | + const modal = render(<Modal />).first(); |
| 16 | + modal.showModal(); |
| 17 | + modal.state.isShown.should.equal(true); |
27 | 18 | }); |
28 | 19 | it('sets isShown false', () => { |
29 | | - const renderedModal = render(<Modal />).first(); |
30 | | - renderedModal.hideModal(); |
31 | | - renderedModal.state.isShown.should.equal(false); |
| 20 | + const modal = render(<Modal />).first(); |
| 21 | + modal.hideModal(); |
| 22 | + modal.state.isShown.should.equal(false); |
32 | 23 | }); |
33 | 24 | describe('ModalHeader', () => { |
34 | 25 | it('should render children', () => { |
35 | | - render(<Modal><ModalHeader>Hello</ModalHeader></Modal>).findText('Hello'); |
36 | | - }); |
37 | | - it('inherits classes', () => { |
38 | | - const classes = _.times(_.random(3), faker.hacker.noun).join(' '); |
39 | | - const renderedGridClasses = render(<ModalHeader className={classes} />).findClass('sd-modal-header'); |
40 | | - renderedGridClasses.props.className.should.contain(classes); |
| 26 | + render(<ModalHeader>Hello</ModalHeader>).assertText('Hello'); |
41 | 27 | }); |
42 | 28 | }); |
43 | 29 | describe('ModalContent', () => { |
44 | 30 | it('should render children', () => { |
45 | | - render(<Modal><ModalContent>Hello</ModalContent></Modal>).findText('Hello'); |
46 | | - }); |
47 | | - it('inherits classes', () => { |
48 | | - const classes = _.times(_.random(3), faker.hacker.noun).join(' '); |
49 | | - const renderedGridClasses = render(<ModalContent className={classes} />).findClass('sd-modal-content'); |
50 | | - renderedGridClasses.props.className.should.contain(classes); |
| 31 | + render(<ModalContent>Hello</ModalContent>).assertText('Hello'); |
51 | 32 | }); |
52 | 33 | }); |
53 | 34 | describe('ModalFooter', () => { |
54 | 35 | it('should render children', () => { |
55 | | - render(<Modal><ModalFooter>Hey You</ModalFooter></Modal>).findText('Hey You'); |
56 | | - }); |
57 | | - it('inherits classes', () => { |
58 | | - const classes = _.times(_.random(3), faker.hacker.noun).join(' '); |
59 | | - const renderedGridClasses = render(<ModalFooter className={classes} />).findClass('sd-modal-footer'); |
60 | | - renderedGridClasses.props.className.should.contain(classes); |
| 36 | + render(<ModalFooter>Hey You</ModalFooter>).assertText('Hey You'); |
61 | 37 | }); |
62 | 38 | }); |
63 | 39 | }); |
0 commit comments