@sb1/ffe-buttons-react 14.0.6 → 14.0.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/ExpandButton.js +1 -1
- package/package.json +9 -10
- package/es/ActionButton.spec.js +0 -31
- package/es/BackButton.spec.js +0 -25
- package/es/BaseButton.spec.js +0 -91
- package/es/ButtonGroup.spec.js +0 -43
- package/es/ExpandButton.spec.js +0 -87
- package/es/InlineBaseButton.spec.js +0 -59
- package/es/InlineExpandButton.spec.js +0 -50
- package/es/PrimaryButton.spec.js +0 -25
- package/es/SecondaryButton.spec.js +0 -25
- package/es/ShortcutButton.spec.js +0 -30
- package/es/TaskButton.spec.js +0 -33
- package/es/TertiaryButton.spec.js +0 -25
- package/lib/ActionButton.spec.js +0 -38
- package/lib/BackButton.spec.js +0 -32
- package/lib/BaseButton.spec.js +0 -98
- package/lib/ButtonGroup.spec.js +0 -50
- package/lib/ExpandButton.spec.js +0 -97
- package/lib/InlineBaseButton.spec.js +0 -66
- package/lib/InlineExpandButton.spec.js +0 -58
- package/lib/PrimaryButton.spec.js +0 -32
- package/lib/SecondaryButton.spec.js +0 -32
- package/lib/ShortcutButton.spec.js +0 -38
- package/lib/TaskButton.spec.js +0 -41
- package/lib/TertiaryButton.spec.js +0 -32
package/lib/ExpandButton.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof";
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sb1/ffe-buttons-react",
|
|
3
|
-
"version": "14.0.
|
|
3
|
+
"version": "14.0.10",
|
|
4
4
|
"description": "React implementation of ffe-buttons",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ffe"
|
|
@@ -21,11 +21,9 @@
|
|
|
21
21
|
"url": "ssh://git@github.com:SpareBank1/designsystem.git"
|
|
22
22
|
},
|
|
23
23
|
"scripts": {
|
|
24
|
-
"build": "
|
|
25
|
-
"
|
|
26
|
-
"
|
|
27
|
-
"build:types": "copyfiles -f src/index.d.ts types/",
|
|
28
|
-
"lint": "eslint src/.",
|
|
24
|
+
"build": "ffe-buildtool babel",
|
|
25
|
+
"watch": "ffe-buildtool babel-watch",
|
|
26
|
+
"lint": "eslint src",
|
|
29
27
|
"test": "jest",
|
|
30
28
|
"test:watch": "jest --watch"
|
|
31
29
|
},
|
|
@@ -33,11 +31,12 @@
|
|
|
33
31
|
"setupTestFrameworkScriptFile": "../../test-setup.js"
|
|
34
32
|
},
|
|
35
33
|
"dependencies": {
|
|
36
|
-
"@sb1/ffe-icons-react": "^7.2.
|
|
37
|
-
"classnames": "^2.
|
|
38
|
-
"prop-types": "^15.7.
|
|
34
|
+
"@sb1/ffe-icons-react": "^7.2.21",
|
|
35
|
+
"classnames": "^2.3.1",
|
|
36
|
+
"prop-types": "^15.7.2"
|
|
39
37
|
},
|
|
40
38
|
"devDependencies": {
|
|
39
|
+
"@sb1/ffe-buildtool": "^0.3.0",
|
|
41
40
|
"enzyme": "^3.7.0",
|
|
42
41
|
"enzyme-adapter-react-16": "^1.7.0",
|
|
43
42
|
"eslint": "^5.9.0",
|
|
@@ -53,5 +52,5 @@
|
|
|
53
52
|
"publishConfig": {
|
|
54
53
|
"access": "public"
|
|
55
54
|
},
|
|
56
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "1960685a8b6055efc0653aa1643138cf4a7054fc"
|
|
57
56
|
}
|
package/es/ActionButton.spec.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import ActionButton from './ActionButton';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
children: 'Click me'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
var getWrapper = function getWrapper(props) {
|
|
11
|
-
return shallow( /*#__PURE__*/React.createElement(ActionButton, _extends({}, defaultProps, props)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
describe('<ActionButton />', function () {
|
|
15
|
-
it('renders without exploding', function () {
|
|
16
|
-
var wrapper = getWrapper();
|
|
17
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'action');
|
|
18
|
-
});
|
|
19
|
-
it('passes on any prop', function () {
|
|
20
|
-
var wrapper = getWrapper({
|
|
21
|
-
'aria-label': 'some label'
|
|
22
|
-
});
|
|
23
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
24
|
-
});
|
|
25
|
-
it('sets correct class when ghost prop is true', function () {
|
|
26
|
-
var wrapper = getWrapper({
|
|
27
|
-
ghost: true
|
|
28
|
-
});
|
|
29
|
-
expect(wrapper.hasClass('ffe-button--ghost')).toBe(true);
|
|
30
|
-
});
|
|
31
|
-
});
|
package/es/BackButton.spec.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import BackButton from './BackButton';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
children: 'Click me'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
var getWrapper = function getWrapper(props) {
|
|
11
|
-
return shallow( /*#__PURE__*/React.createElement(BackButton, _extends({}, defaultProps, props)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
describe('<BackButton />', function () {
|
|
15
|
-
it('renders without exploding', function () {
|
|
16
|
-
var wrapper = getWrapper();
|
|
17
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'back');
|
|
18
|
-
});
|
|
19
|
-
it('passes on any prop', function () {
|
|
20
|
-
var wrapper = getWrapper({
|
|
21
|
-
'aria-label': 'some label'
|
|
22
|
-
});
|
|
23
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
24
|
-
});
|
|
25
|
-
});
|
package/es/BaseButton.spec.js
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import BaseButton from './BaseButton';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
children: 'Click me'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
var getWrapper = function getWrapper(props) {
|
|
11
|
-
return shallow( /*#__PURE__*/React.createElement(BaseButton, _extends({}, defaultProps, props)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
describe('<BaseButton />', function () {
|
|
15
|
-
it('renders without exploding', function () {
|
|
16
|
-
var wrapper = getWrapper();
|
|
17
|
-
expect(wrapper.exists()).toBe(true);
|
|
18
|
-
});
|
|
19
|
-
it('renders the correct classes', function () {
|
|
20
|
-
var wrapper = getWrapper();
|
|
21
|
-
expect(wrapper.hasClass('ffe-button')).toBe(true);
|
|
22
|
-
wrapper.setProps({
|
|
23
|
-
className: 'custom-class',
|
|
24
|
-
buttonType: 'action'
|
|
25
|
-
});
|
|
26
|
-
expect(wrapper.hasClass('ffe-button--action')).toBe(true);
|
|
27
|
-
expect(wrapper.hasClass('custom-class')).toBe(true);
|
|
28
|
-
});
|
|
29
|
-
it('renders the correct label', function () {
|
|
30
|
-
var wrapper = getWrapper();
|
|
31
|
-
expect(wrapper.text()).toBe('Click me');
|
|
32
|
-
wrapper.setProps({
|
|
33
|
-
children: 'Press me'
|
|
34
|
-
});
|
|
35
|
-
expect(wrapper.text()).toBe('Press me');
|
|
36
|
-
});
|
|
37
|
-
it('renders left icon if set', function () {
|
|
38
|
-
var wrapper = getWrapper();
|
|
39
|
-
expect(wrapper.find('.ffe-button__icon--left').exists()).toBe(false);
|
|
40
|
-
wrapper.setProps({
|
|
41
|
-
leftIcon: /*#__PURE__*/React.createElement("svg", null)
|
|
42
|
-
});
|
|
43
|
-
expect(wrapper.find('.ffe-button__icon--left').exists()).toBe(true);
|
|
44
|
-
});
|
|
45
|
-
it('renders right icon if set', function () {
|
|
46
|
-
var wrapper = getWrapper();
|
|
47
|
-
expect(wrapper.find('.ffe-button__icon--right').exists()).toBe(false);
|
|
48
|
-
wrapper.setProps({
|
|
49
|
-
rightIcon: /*#__PURE__*/React.createElement("svg", null)
|
|
50
|
-
});
|
|
51
|
-
expect(wrapper.find('.ffe-button__icon--right').exists()).toBe(true);
|
|
52
|
-
});
|
|
53
|
-
it('renders the specified dom node', function () {
|
|
54
|
-
var wrapper = getWrapper({
|
|
55
|
-
element: 'a'
|
|
56
|
-
});
|
|
57
|
-
expect(wrapper.is('a')).toBe(true);
|
|
58
|
-
});
|
|
59
|
-
describe('when loading', function () {
|
|
60
|
-
it('sets the correct class', function () {
|
|
61
|
-
var wrapper = getWrapper({
|
|
62
|
-
buttonType: 'primary',
|
|
63
|
-
isLoading: true
|
|
64
|
-
});
|
|
65
|
-
expect(wrapper.hasClass('ffe-button--loading')).toBe(true);
|
|
66
|
-
});
|
|
67
|
-
it('sets the correct aria tags', function () {
|
|
68
|
-
var wrapper = getWrapper({
|
|
69
|
-
buttonType: 'primary',
|
|
70
|
-
isLoading: true
|
|
71
|
-
});
|
|
72
|
-
expect(wrapper.prop('aria-busy')).toBe(true);
|
|
73
|
-
});
|
|
74
|
-
it('disables the button', function () {
|
|
75
|
-
var wrapper = getWrapper({
|
|
76
|
-
buttonType: 'primary',
|
|
77
|
-
isLoading: true
|
|
78
|
-
});
|
|
79
|
-
expect(wrapper.prop('aria-disabled')).toBe(true);
|
|
80
|
-
});
|
|
81
|
-
it('does nothing for unsupported button type', function () {
|
|
82
|
-
var wrapper = getWrapper({
|
|
83
|
-
buttonType: 'shortcut',
|
|
84
|
-
isLoading: true
|
|
85
|
-
});
|
|
86
|
-
expect(wrapper.hasClass('ffe-button--loading')).toBe(false);
|
|
87
|
-
expect(wrapper.prop('aria-busy')).toBe(false);
|
|
88
|
-
expect(wrapper.prop('aria-disabled')).toBe(false);
|
|
89
|
-
});
|
|
90
|
-
});
|
|
91
|
-
});
|
package/es/ButtonGroup.spec.js
DELETED
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import ButtonGroup from './ButtonGroup';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
thin: false
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
var getWrapper = function getWrapper(props) {
|
|
11
|
-
return shallow( /*#__PURE__*/React.createElement(ButtonGroup, _extends({}, defaultProps, props)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
describe('<ButtonGroup />', function () {
|
|
15
|
-
it('renders without exploding', function () {
|
|
16
|
-
var wrapper = getWrapper();
|
|
17
|
-
expect(wrapper.exists()).toBe(true);
|
|
18
|
-
});
|
|
19
|
-
it('renders without the the --thin modifier if thin is false', function () {
|
|
20
|
-
var wrapper = getWrapper({
|
|
21
|
-
thin: false
|
|
22
|
-
});
|
|
23
|
-
expect(wrapper.hasClass('ffe-button-group--thin')).toBe(false);
|
|
24
|
-
});
|
|
25
|
-
it('applies the --thin modifier if thin is true', function () {
|
|
26
|
-
var wrapper = getWrapper({
|
|
27
|
-
thin: true
|
|
28
|
-
});
|
|
29
|
-
expect(wrapper.hasClass('ffe-button-group--thin')).toBe(true);
|
|
30
|
-
});
|
|
31
|
-
it('applies the --inline modifier if inline is true', function () {
|
|
32
|
-
var wrapper = getWrapper({
|
|
33
|
-
inline: true
|
|
34
|
-
});
|
|
35
|
-
expect(wrapper.hasClass('ffe-button-group--inline')).toBe(true);
|
|
36
|
-
});
|
|
37
|
-
it('applies the given className prop', function () {
|
|
38
|
-
var wrapper = getWrapper({
|
|
39
|
-
className: 'my-class'
|
|
40
|
-
});
|
|
41
|
-
expect(wrapper.hasClass('my-class')).toBe(true);
|
|
42
|
-
});
|
|
43
|
-
});
|
package/es/ExpandButton.spec.js
DELETED
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import BamseIkon from '@sb1/ffe-icons-react/lib/bamse-ikon';
|
|
6
|
-
import BestikkIkon from '@sb1/ffe-icons-react/lib/bestikk-ikon';
|
|
7
|
-
import KryssIkon from '@sb1/ffe-icons-react/lib/kryss-ikon';
|
|
8
|
-
import ExpandButton from './ExpandButton';
|
|
9
|
-
var defaultProps = {
|
|
10
|
-
children: 'Click me',
|
|
11
|
-
isExpanded: false,
|
|
12
|
-
onClick: function onClick(f) {
|
|
13
|
-
return f;
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return shallow( /*#__PURE__*/React.createElement(ExpandButton, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('<ExpandButton />', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.hasClass('ffe-button')).toBe(true);
|
|
25
|
-
expect(wrapper.hasClass('ffe-button--expand')).toBe(true);
|
|
26
|
-
});
|
|
27
|
-
it('passes on any prop', function () {
|
|
28
|
-
var wrapper = getWrapper({
|
|
29
|
-
'aria-label': 'some label'
|
|
30
|
-
});
|
|
31
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
32
|
-
});
|
|
33
|
-
it('renders leftIcon and rightIcon', function () {
|
|
34
|
-
var wrapper = getWrapper({
|
|
35
|
-
leftIcon: /*#__PURE__*/React.createElement(BestikkIkon, null),
|
|
36
|
-
rightIcon: /*#__PURE__*/React.createElement(BamseIkon, null)
|
|
37
|
-
});
|
|
38
|
-
expect(wrapper.find(BestikkIkon).exists()).toBe(true);
|
|
39
|
-
expect(wrapper.find(BamseIkon).exists()).toBe(true);
|
|
40
|
-
});
|
|
41
|
-
it('does not use an aria-label since the button itself has a children acting as label', function () {
|
|
42
|
-
var wrapper = getWrapper();
|
|
43
|
-
expect(wrapper.prop('aria-label')).toBe(undefined);
|
|
44
|
-
});
|
|
45
|
-
describe('when expanded', function () {
|
|
46
|
-
it('does not render children', function () {
|
|
47
|
-
var wrapper = getWrapper({
|
|
48
|
-
isExpanded: true
|
|
49
|
-
});
|
|
50
|
-
expect(wrapper.text()).not.toContain('Click me');
|
|
51
|
-
});
|
|
52
|
-
it('does not render leftIcon and rightIcon', function () {
|
|
53
|
-
var wrapper = getWrapper({
|
|
54
|
-
leftIcon: /*#__PURE__*/React.createElement(BestikkIkon, null),
|
|
55
|
-
isExpanded: true,
|
|
56
|
-
rightIcon: /*#__PURE__*/React.createElement(BamseIkon, null)
|
|
57
|
-
});
|
|
58
|
-
expect(wrapper.find(BestikkIkon).exists()).toBe(false);
|
|
59
|
-
expect(wrapper.find(BamseIkon).exists()).toBe(false);
|
|
60
|
-
});
|
|
61
|
-
it('sets correct class', function () {
|
|
62
|
-
var wrapper = getWrapper({
|
|
63
|
-
isExpanded: true
|
|
64
|
-
});
|
|
65
|
-
expect(wrapper.hasClass('ffe-button--expanded')).toBe(true);
|
|
66
|
-
});
|
|
67
|
-
it('sets aria-expanded prop', function () {
|
|
68
|
-
var wrapper = getWrapper({
|
|
69
|
-
isExpanded: true
|
|
70
|
-
});
|
|
71
|
-
expect(wrapper.props()).toHaveProperty('aria-expanded', true);
|
|
72
|
-
});
|
|
73
|
-
it('renders a KryssIkon', function () {
|
|
74
|
-
var wrapper = getWrapper({
|
|
75
|
-
isExpanded: true
|
|
76
|
-
});
|
|
77
|
-
expect(wrapper.find(KryssIkon).exists()).toBe(true);
|
|
78
|
-
expect(wrapper.find(KryssIkon).hasClass('ffe-button__icon')).toBe(true);
|
|
79
|
-
});
|
|
80
|
-
it('uses the default aria-label property on the button', function () {
|
|
81
|
-
var wrapper = getWrapper({
|
|
82
|
-
isExpanded: true
|
|
83
|
-
});
|
|
84
|
-
expect(wrapper.prop('aria-label')).toBe(ExpandButton.defaultProps.closeLabel);
|
|
85
|
-
});
|
|
86
|
-
});
|
|
87
|
-
});
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import InlineBaseButton from './InlineBaseButton';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
children: 'Click me'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
var getWrapper = function getWrapper(props) {
|
|
11
|
-
return shallow( /*#__PURE__*/React.createElement(InlineBaseButton, _extends({}, defaultProps, props)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
describe('<InlineBaseButton />', function () {
|
|
15
|
-
it('renders without exploding', function () {
|
|
16
|
-
var wrapper = getWrapper();
|
|
17
|
-
expect(wrapper.exists()).toBe(true);
|
|
18
|
-
});
|
|
19
|
-
it('renders the correct classes', function () {
|
|
20
|
-
var wrapper = getWrapper();
|
|
21
|
-
expect(wrapper.hasClass('ffe-inline-button')).toBe(true);
|
|
22
|
-
wrapper.setProps({
|
|
23
|
-
className: 'custom-class',
|
|
24
|
-
buttonType: 'tertiary'
|
|
25
|
-
});
|
|
26
|
-
expect(wrapper.hasClass('ffe-inline-button--tertiary')).toBe(true);
|
|
27
|
-
expect(wrapper.hasClass('custom-class')).toBe(true);
|
|
28
|
-
});
|
|
29
|
-
it('renders the correct label', function () {
|
|
30
|
-
var wrapper = getWrapper();
|
|
31
|
-
expect(wrapper.text()).toBe('Click me');
|
|
32
|
-
wrapper.setProps({
|
|
33
|
-
children: 'Press me'
|
|
34
|
-
});
|
|
35
|
-
expect(wrapper.text()).toBe('Press me');
|
|
36
|
-
});
|
|
37
|
-
it('renders left icon if set', function () {
|
|
38
|
-
var wrapper = getWrapper();
|
|
39
|
-
expect(wrapper.find('.ffe-inline-button__icon--left').exists()).toBe(false);
|
|
40
|
-
wrapper.setProps({
|
|
41
|
-
leftIcon: /*#__PURE__*/React.createElement("svg", null)
|
|
42
|
-
});
|
|
43
|
-
expect(wrapper.find('.ffe-inline-button__icon--left').exists()).toBe(true);
|
|
44
|
-
});
|
|
45
|
-
it('renders right icon if set', function () {
|
|
46
|
-
var wrapper = getWrapper();
|
|
47
|
-
expect(wrapper.find('.ffe-inline-button__icon--right').exists()).toBe(false);
|
|
48
|
-
wrapper.setProps({
|
|
49
|
-
rightIcon: /*#__PURE__*/React.createElement("svg", null)
|
|
50
|
-
});
|
|
51
|
-
expect(wrapper.find('.ffe-inline-button__icon--right').exists()).toBe(true);
|
|
52
|
-
});
|
|
53
|
-
it('renders the specified dom node', function () {
|
|
54
|
-
var wrapper = getWrapper({
|
|
55
|
-
element: 'a'
|
|
56
|
-
});
|
|
57
|
-
expect(wrapper.is('a')).toBe(true);
|
|
58
|
-
});
|
|
59
|
-
});
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import ChevronIkon from '@sb1/ffe-icons-react/lib/chevron-ikon';
|
|
6
|
-
import InlineExpandButton from './InlineExpandButton';
|
|
7
|
-
var defaultProps = {
|
|
8
|
-
children: 'Click me',
|
|
9
|
-
isExpanded: false,
|
|
10
|
-
onClick: function onClick(f) {
|
|
11
|
-
return f;
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
var getWrapper = function getWrapper(props) {
|
|
16
|
-
return shallow( /*#__PURE__*/React.createElement(InlineExpandButton, _extends({}, defaultProps, props)));
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
describe('<InlineExpandButton />', function () {
|
|
20
|
-
it('renders without exploding', function () {
|
|
21
|
-
var wrapper = getWrapper();
|
|
22
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'expand');
|
|
23
|
-
});
|
|
24
|
-
it('passes on any prop', function () {
|
|
25
|
-
var wrapper = getWrapper({
|
|
26
|
-
'aria-label': 'some label'
|
|
27
|
-
});
|
|
28
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
29
|
-
});
|
|
30
|
-
it('sends a <ChevronIcon /> as a default rightIcon prop', function () {
|
|
31
|
-
var wrapper = getWrapper();
|
|
32
|
-
expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/React.createElement(ChevronIkon, {
|
|
33
|
-
style: {
|
|
34
|
-
marginLeft: '8px',
|
|
35
|
-
transform: 'none'
|
|
36
|
-
}
|
|
37
|
-
}));
|
|
38
|
-
});
|
|
39
|
-
it('sends an upside down <ChevronIcon /> as rightIcon if isExpanded prop is true', function () {
|
|
40
|
-
var wrapper = getWrapper({
|
|
41
|
-
isExpanded: true
|
|
42
|
-
});
|
|
43
|
-
expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/React.createElement(ChevronIkon, {
|
|
44
|
-
style: {
|
|
45
|
-
marginLeft: '8px',
|
|
46
|
-
transform: 'rotateZ(180deg)'
|
|
47
|
-
}
|
|
48
|
-
}));
|
|
49
|
-
});
|
|
50
|
-
});
|
package/es/PrimaryButton.spec.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import PrimaryButton from './PrimaryButton';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
children: 'Click me'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
var getWrapper = function getWrapper(props) {
|
|
11
|
-
return shallow( /*#__PURE__*/React.createElement(PrimaryButton, _extends({}, defaultProps, props)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
describe('<PrimaryButton />', function () {
|
|
15
|
-
it('renders without exploding', function () {
|
|
16
|
-
var wrapper = getWrapper();
|
|
17
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'primary');
|
|
18
|
-
});
|
|
19
|
-
it('passes on any prop', function () {
|
|
20
|
-
var wrapper = getWrapper({
|
|
21
|
-
'aria-label': 'some label'
|
|
22
|
-
});
|
|
23
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
24
|
-
});
|
|
25
|
-
});
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import SecondaryButton from './SecondaryButton';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
children: 'Click me'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
var getWrapper = function getWrapper(props) {
|
|
11
|
-
return shallow( /*#__PURE__*/React.createElement(SecondaryButton, _extends({}, defaultProps, props)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
describe('<SecondaryButton />', function () {
|
|
15
|
-
it('renders without exploding', function () {
|
|
16
|
-
var wrapper = getWrapper();
|
|
17
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'secondary');
|
|
18
|
-
});
|
|
19
|
-
it('passes on any prop', function () {
|
|
20
|
-
var wrapper = getWrapper({
|
|
21
|
-
'aria-label': 'some label'
|
|
22
|
-
});
|
|
23
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
24
|
-
});
|
|
25
|
-
});
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import ChevronIkon from '@sb1/ffe-icons-react/lib/chevron-ikon';
|
|
6
|
-
import ShortcutButton from './ShortcutButton';
|
|
7
|
-
var defaultProps = {
|
|
8
|
-
children: 'Click me'
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
var getWrapper = function getWrapper(props) {
|
|
12
|
-
return shallow( /*#__PURE__*/React.createElement(ShortcutButton, _extends({}, defaultProps, props)));
|
|
13
|
-
};
|
|
14
|
-
|
|
15
|
-
describe('<ShortcutButton />', function () {
|
|
16
|
-
it('renders without exploding', function () {
|
|
17
|
-
var wrapper = getWrapper();
|
|
18
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'shortcut');
|
|
19
|
-
});
|
|
20
|
-
it('passes on any prop', function () {
|
|
21
|
-
var wrapper = getWrapper({
|
|
22
|
-
'aria-label': 'some label'
|
|
23
|
-
});
|
|
24
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
25
|
-
});
|
|
26
|
-
it('sends a <ChevronIcon /> as a default rightIcon prop', function () {
|
|
27
|
-
var wrapper = getWrapper();
|
|
28
|
-
expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/React.createElement(ChevronIkon, null));
|
|
29
|
-
});
|
|
30
|
-
});
|
package/es/TaskButton.spec.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import ChevronIkon from '@sb1/ffe-icons-react/lib/chevron-ikon';
|
|
6
|
-
import TaskButton from './TaskButton';
|
|
7
|
-
var defaultProps = {
|
|
8
|
-
children: 'Click me',
|
|
9
|
-
icon: /*#__PURE__*/React.createElement("svg", null)
|
|
10
|
-
};
|
|
11
|
-
|
|
12
|
-
var getWrapper = function getWrapper(props) {
|
|
13
|
-
return shallow( /*#__PURE__*/React.createElement(TaskButton, _extends({}, defaultProps, props)));
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
describe('<TaskButton />', function () {
|
|
17
|
-
it('renders without exploding', function () {
|
|
18
|
-
var wrapper = getWrapper();
|
|
19
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'task');
|
|
20
|
-
});
|
|
21
|
-
it('passes on any prop', function () {
|
|
22
|
-
var wrapper = getWrapper({
|
|
23
|
-
'aria-label': 'some label'
|
|
24
|
-
});
|
|
25
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
26
|
-
});
|
|
27
|
-
it('sends icon prop on as leftIcon prop', function () {
|
|
28
|
-
var wrapper = getWrapper({
|
|
29
|
-
icon: /*#__PURE__*/React.createElement(ChevronIkon, null)
|
|
30
|
-
});
|
|
31
|
-
expect(wrapper.props()).toHaveProperty('leftIcon', /*#__PURE__*/React.createElement(ChevronIkon, null));
|
|
32
|
-
});
|
|
33
|
-
});
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
|
|
3
|
-
import React from 'react';
|
|
4
|
-
import { shallow } from 'enzyme';
|
|
5
|
-
import TertiaryButton from './TertiaryButton';
|
|
6
|
-
var defaultProps = {
|
|
7
|
-
children: 'Click me'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
var getWrapper = function getWrapper(props) {
|
|
11
|
-
return shallow( /*#__PURE__*/React.createElement(TertiaryButton, _extends({}, defaultProps, props)));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
describe('TertiaryButton', function () {
|
|
15
|
-
it('renders without exploding', function () {
|
|
16
|
-
var wrapper = getWrapper();
|
|
17
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'tertiary');
|
|
18
|
-
});
|
|
19
|
-
it('passes on any prop', function () {
|
|
20
|
-
var wrapper = getWrapper({
|
|
21
|
-
'aria-label': 'some label'
|
|
22
|
-
});
|
|
23
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
24
|
-
});
|
|
25
|
-
});
|
package/lib/ActionButton.spec.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _ActionButton = _interopRequireDefault(require("./ActionButton"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
13
|
-
var defaultProps = {
|
|
14
|
-
children: 'Click me'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ActionButton.default, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('<ActionButton />', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'action');
|
|
25
|
-
});
|
|
26
|
-
it('passes on any prop', function () {
|
|
27
|
-
var wrapper = getWrapper({
|
|
28
|
-
'aria-label': 'some label'
|
|
29
|
-
});
|
|
30
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
31
|
-
});
|
|
32
|
-
it('sets correct class when ghost prop is true', function () {
|
|
33
|
-
var wrapper = getWrapper({
|
|
34
|
-
ghost: true
|
|
35
|
-
});
|
|
36
|
-
expect(wrapper.hasClass('ffe-button--ghost')).toBe(true);
|
|
37
|
-
});
|
|
38
|
-
});
|
package/lib/BackButton.spec.js
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _BackButton = _interopRequireDefault(require("./BackButton"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
13
|
-
var defaultProps = {
|
|
14
|
-
children: 'Click me'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BackButton.default, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('<BackButton />', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'back');
|
|
25
|
-
});
|
|
26
|
-
it('passes on any prop', function () {
|
|
27
|
-
var wrapper = getWrapper({
|
|
28
|
-
'aria-label': 'some label'
|
|
29
|
-
});
|
|
30
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
31
|
-
});
|
|
32
|
-
});
|
package/lib/BaseButton.spec.js
DELETED
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _BaseButton = _interopRequireDefault(require("./BaseButton"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
13
|
-
var defaultProps = {
|
|
14
|
-
children: 'Click me'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_BaseButton.default, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('<BaseButton />', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.exists()).toBe(true);
|
|
25
|
-
});
|
|
26
|
-
it('renders the correct classes', function () {
|
|
27
|
-
var wrapper = getWrapper();
|
|
28
|
-
expect(wrapper.hasClass('ffe-button')).toBe(true);
|
|
29
|
-
wrapper.setProps({
|
|
30
|
-
className: 'custom-class',
|
|
31
|
-
buttonType: 'action'
|
|
32
|
-
});
|
|
33
|
-
expect(wrapper.hasClass('ffe-button--action')).toBe(true);
|
|
34
|
-
expect(wrapper.hasClass('custom-class')).toBe(true);
|
|
35
|
-
});
|
|
36
|
-
it('renders the correct label', function () {
|
|
37
|
-
var wrapper = getWrapper();
|
|
38
|
-
expect(wrapper.text()).toBe('Click me');
|
|
39
|
-
wrapper.setProps({
|
|
40
|
-
children: 'Press me'
|
|
41
|
-
});
|
|
42
|
-
expect(wrapper.text()).toBe('Press me');
|
|
43
|
-
});
|
|
44
|
-
it('renders left icon if set', function () {
|
|
45
|
-
var wrapper = getWrapper();
|
|
46
|
-
expect(wrapper.find('.ffe-button__icon--left').exists()).toBe(false);
|
|
47
|
-
wrapper.setProps({
|
|
48
|
-
leftIcon: /*#__PURE__*/_react.default.createElement("svg", null)
|
|
49
|
-
});
|
|
50
|
-
expect(wrapper.find('.ffe-button__icon--left').exists()).toBe(true);
|
|
51
|
-
});
|
|
52
|
-
it('renders right icon if set', function () {
|
|
53
|
-
var wrapper = getWrapper();
|
|
54
|
-
expect(wrapper.find('.ffe-button__icon--right').exists()).toBe(false);
|
|
55
|
-
wrapper.setProps({
|
|
56
|
-
rightIcon: /*#__PURE__*/_react.default.createElement("svg", null)
|
|
57
|
-
});
|
|
58
|
-
expect(wrapper.find('.ffe-button__icon--right').exists()).toBe(true);
|
|
59
|
-
});
|
|
60
|
-
it('renders the specified dom node', function () {
|
|
61
|
-
var wrapper = getWrapper({
|
|
62
|
-
element: 'a'
|
|
63
|
-
});
|
|
64
|
-
expect(wrapper.is('a')).toBe(true);
|
|
65
|
-
});
|
|
66
|
-
describe('when loading', function () {
|
|
67
|
-
it('sets the correct class', function () {
|
|
68
|
-
var wrapper = getWrapper({
|
|
69
|
-
buttonType: 'primary',
|
|
70
|
-
isLoading: true
|
|
71
|
-
});
|
|
72
|
-
expect(wrapper.hasClass('ffe-button--loading')).toBe(true);
|
|
73
|
-
});
|
|
74
|
-
it('sets the correct aria tags', function () {
|
|
75
|
-
var wrapper = getWrapper({
|
|
76
|
-
buttonType: 'primary',
|
|
77
|
-
isLoading: true
|
|
78
|
-
});
|
|
79
|
-
expect(wrapper.prop('aria-busy')).toBe(true);
|
|
80
|
-
});
|
|
81
|
-
it('disables the button', function () {
|
|
82
|
-
var wrapper = getWrapper({
|
|
83
|
-
buttonType: 'primary',
|
|
84
|
-
isLoading: true
|
|
85
|
-
});
|
|
86
|
-
expect(wrapper.prop('aria-disabled')).toBe(true);
|
|
87
|
-
});
|
|
88
|
-
it('does nothing for unsupported button type', function () {
|
|
89
|
-
var wrapper = getWrapper({
|
|
90
|
-
buttonType: 'shortcut',
|
|
91
|
-
isLoading: true
|
|
92
|
-
});
|
|
93
|
-
expect(wrapper.hasClass('ffe-button--loading')).toBe(false);
|
|
94
|
-
expect(wrapper.prop('aria-busy')).toBe(false);
|
|
95
|
-
expect(wrapper.prop('aria-disabled')).toBe(false);
|
|
96
|
-
});
|
|
97
|
-
});
|
|
98
|
-
});
|
package/lib/ButtonGroup.spec.js
DELETED
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _ButtonGroup = _interopRequireDefault(require("./ButtonGroup"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
13
|
-
var defaultProps = {
|
|
14
|
-
thin: false
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ButtonGroup.default, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('<ButtonGroup />', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.exists()).toBe(true);
|
|
25
|
-
});
|
|
26
|
-
it('renders without the the --thin modifier if thin is false', function () {
|
|
27
|
-
var wrapper = getWrapper({
|
|
28
|
-
thin: false
|
|
29
|
-
});
|
|
30
|
-
expect(wrapper.hasClass('ffe-button-group--thin')).toBe(false);
|
|
31
|
-
});
|
|
32
|
-
it('applies the --thin modifier if thin is true', function () {
|
|
33
|
-
var wrapper = getWrapper({
|
|
34
|
-
thin: true
|
|
35
|
-
});
|
|
36
|
-
expect(wrapper.hasClass('ffe-button-group--thin')).toBe(true);
|
|
37
|
-
});
|
|
38
|
-
it('applies the --inline modifier if inline is true', function () {
|
|
39
|
-
var wrapper = getWrapper({
|
|
40
|
-
inline: true
|
|
41
|
-
});
|
|
42
|
-
expect(wrapper.hasClass('ffe-button-group--inline')).toBe(true);
|
|
43
|
-
});
|
|
44
|
-
it('applies the given className prop', function () {
|
|
45
|
-
var wrapper = getWrapper({
|
|
46
|
-
className: 'my-class'
|
|
47
|
-
});
|
|
48
|
-
expect(wrapper.hasClass('my-class')).toBe(true);
|
|
49
|
-
});
|
|
50
|
-
});
|
package/lib/ExpandButton.spec.js
DELETED
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _bamseIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/bamse-ikon"));
|
|
8
|
-
|
|
9
|
-
var _bestikkIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/bestikk-ikon"));
|
|
10
|
-
|
|
11
|
-
var _kryssIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/kryss-ikon"));
|
|
12
|
-
|
|
13
|
-
var _ExpandButton = _interopRequireDefault(require("./ExpandButton"));
|
|
14
|
-
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
-
|
|
17
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
18
|
-
|
|
19
|
-
var defaultProps = {
|
|
20
|
-
children: 'Click me',
|
|
21
|
-
isExpanded: false,
|
|
22
|
-
onClick: function onClick(f) {
|
|
23
|
-
return f;
|
|
24
|
-
}
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
var getWrapper = function getWrapper(props) {
|
|
28
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ExpandButton.default, _extends({}, defaultProps, props)));
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
describe('<ExpandButton />', function () {
|
|
32
|
-
it('renders without exploding', function () {
|
|
33
|
-
var wrapper = getWrapper();
|
|
34
|
-
expect(wrapper.hasClass('ffe-button')).toBe(true);
|
|
35
|
-
expect(wrapper.hasClass('ffe-button--expand')).toBe(true);
|
|
36
|
-
});
|
|
37
|
-
it('passes on any prop', function () {
|
|
38
|
-
var wrapper = getWrapper({
|
|
39
|
-
'aria-label': 'some label'
|
|
40
|
-
});
|
|
41
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
42
|
-
});
|
|
43
|
-
it('renders leftIcon and rightIcon', function () {
|
|
44
|
-
var wrapper = getWrapper({
|
|
45
|
-
leftIcon: /*#__PURE__*/_react.default.createElement(_bestikkIkon.default, null),
|
|
46
|
-
rightIcon: /*#__PURE__*/_react.default.createElement(_bamseIkon.default, null)
|
|
47
|
-
});
|
|
48
|
-
expect(wrapper.find(_bestikkIkon.default).exists()).toBe(true);
|
|
49
|
-
expect(wrapper.find(_bamseIkon.default).exists()).toBe(true);
|
|
50
|
-
});
|
|
51
|
-
it('does not use an aria-label since the button itself has a children acting as label', function () {
|
|
52
|
-
var wrapper = getWrapper();
|
|
53
|
-
expect(wrapper.prop('aria-label')).toBe(undefined);
|
|
54
|
-
});
|
|
55
|
-
describe('when expanded', function () {
|
|
56
|
-
it('does not render children', function () {
|
|
57
|
-
var wrapper = getWrapper({
|
|
58
|
-
isExpanded: true
|
|
59
|
-
});
|
|
60
|
-
expect(wrapper.text()).not.toContain('Click me');
|
|
61
|
-
});
|
|
62
|
-
it('does not render leftIcon and rightIcon', function () {
|
|
63
|
-
var wrapper = getWrapper({
|
|
64
|
-
leftIcon: /*#__PURE__*/_react.default.createElement(_bestikkIkon.default, null),
|
|
65
|
-
isExpanded: true,
|
|
66
|
-
rightIcon: /*#__PURE__*/_react.default.createElement(_bamseIkon.default, null)
|
|
67
|
-
});
|
|
68
|
-
expect(wrapper.find(_bestikkIkon.default).exists()).toBe(false);
|
|
69
|
-
expect(wrapper.find(_bamseIkon.default).exists()).toBe(false);
|
|
70
|
-
});
|
|
71
|
-
it('sets correct class', function () {
|
|
72
|
-
var wrapper = getWrapper({
|
|
73
|
-
isExpanded: true
|
|
74
|
-
});
|
|
75
|
-
expect(wrapper.hasClass('ffe-button--expanded')).toBe(true);
|
|
76
|
-
});
|
|
77
|
-
it('sets aria-expanded prop', function () {
|
|
78
|
-
var wrapper = getWrapper({
|
|
79
|
-
isExpanded: true
|
|
80
|
-
});
|
|
81
|
-
expect(wrapper.props()).toHaveProperty('aria-expanded', true);
|
|
82
|
-
});
|
|
83
|
-
it('renders a KryssIkon', function () {
|
|
84
|
-
var wrapper = getWrapper({
|
|
85
|
-
isExpanded: true
|
|
86
|
-
});
|
|
87
|
-
expect(wrapper.find(_kryssIkon.default).exists()).toBe(true);
|
|
88
|
-
expect(wrapper.find(_kryssIkon.default).hasClass('ffe-button__icon')).toBe(true);
|
|
89
|
-
});
|
|
90
|
-
it('uses the default aria-label property on the button', function () {
|
|
91
|
-
var wrapper = getWrapper({
|
|
92
|
-
isExpanded: true
|
|
93
|
-
});
|
|
94
|
-
expect(wrapper.prop('aria-label')).toBe(_ExpandButton.default.defaultProps.closeLabel);
|
|
95
|
-
});
|
|
96
|
-
});
|
|
97
|
-
});
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _InlineBaseButton = _interopRequireDefault(require("./InlineBaseButton"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
13
|
-
var defaultProps = {
|
|
14
|
-
children: 'Click me'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_InlineBaseButton.default, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('<InlineBaseButton />', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.exists()).toBe(true);
|
|
25
|
-
});
|
|
26
|
-
it('renders the correct classes', function () {
|
|
27
|
-
var wrapper = getWrapper();
|
|
28
|
-
expect(wrapper.hasClass('ffe-inline-button')).toBe(true);
|
|
29
|
-
wrapper.setProps({
|
|
30
|
-
className: 'custom-class',
|
|
31
|
-
buttonType: 'tertiary'
|
|
32
|
-
});
|
|
33
|
-
expect(wrapper.hasClass('ffe-inline-button--tertiary')).toBe(true);
|
|
34
|
-
expect(wrapper.hasClass('custom-class')).toBe(true);
|
|
35
|
-
});
|
|
36
|
-
it('renders the correct label', function () {
|
|
37
|
-
var wrapper = getWrapper();
|
|
38
|
-
expect(wrapper.text()).toBe('Click me');
|
|
39
|
-
wrapper.setProps({
|
|
40
|
-
children: 'Press me'
|
|
41
|
-
});
|
|
42
|
-
expect(wrapper.text()).toBe('Press me');
|
|
43
|
-
});
|
|
44
|
-
it('renders left icon if set', function () {
|
|
45
|
-
var wrapper = getWrapper();
|
|
46
|
-
expect(wrapper.find('.ffe-inline-button__icon--left').exists()).toBe(false);
|
|
47
|
-
wrapper.setProps({
|
|
48
|
-
leftIcon: /*#__PURE__*/_react.default.createElement("svg", null)
|
|
49
|
-
});
|
|
50
|
-
expect(wrapper.find('.ffe-inline-button__icon--left').exists()).toBe(true);
|
|
51
|
-
});
|
|
52
|
-
it('renders right icon if set', function () {
|
|
53
|
-
var wrapper = getWrapper();
|
|
54
|
-
expect(wrapper.find('.ffe-inline-button__icon--right').exists()).toBe(false);
|
|
55
|
-
wrapper.setProps({
|
|
56
|
-
rightIcon: /*#__PURE__*/_react.default.createElement("svg", null)
|
|
57
|
-
});
|
|
58
|
-
expect(wrapper.find('.ffe-inline-button__icon--right').exists()).toBe(true);
|
|
59
|
-
});
|
|
60
|
-
it('renders the specified dom node', function () {
|
|
61
|
-
var wrapper = getWrapper({
|
|
62
|
-
element: 'a'
|
|
63
|
-
});
|
|
64
|
-
expect(wrapper.is('a')).toBe(true);
|
|
65
|
-
});
|
|
66
|
-
});
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
|
|
8
|
-
|
|
9
|
-
var _InlineExpandButton = _interopRequireDefault(require("./InlineExpandButton"));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
|
|
15
|
-
var defaultProps = {
|
|
16
|
-
children: 'Click me',
|
|
17
|
-
isExpanded: false,
|
|
18
|
-
onClick: function onClick(f) {
|
|
19
|
-
return f;
|
|
20
|
-
}
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
var getWrapper = function getWrapper(props) {
|
|
24
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_InlineExpandButton.default, _extends({}, defaultProps, props)));
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
describe('<InlineExpandButton />', function () {
|
|
28
|
-
it('renders without exploding', function () {
|
|
29
|
-
var wrapper = getWrapper();
|
|
30
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'expand');
|
|
31
|
-
});
|
|
32
|
-
it('passes on any prop', function () {
|
|
33
|
-
var wrapper = getWrapper({
|
|
34
|
-
'aria-label': 'some label'
|
|
35
|
-
});
|
|
36
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
37
|
-
});
|
|
38
|
-
it('sends a <ChevronIcon /> as a default rightIcon prop', function () {
|
|
39
|
-
var wrapper = getWrapper();
|
|
40
|
-
expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/_react.default.createElement(_chevronIkon.default, {
|
|
41
|
-
style: {
|
|
42
|
-
marginLeft: '8px',
|
|
43
|
-
transform: 'none'
|
|
44
|
-
}
|
|
45
|
-
}));
|
|
46
|
-
});
|
|
47
|
-
it('sends an upside down <ChevronIcon /> as rightIcon if isExpanded prop is true', function () {
|
|
48
|
-
var wrapper = getWrapper({
|
|
49
|
-
isExpanded: true
|
|
50
|
-
});
|
|
51
|
-
expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/_react.default.createElement(_chevronIkon.default, {
|
|
52
|
-
style: {
|
|
53
|
-
marginLeft: '8px',
|
|
54
|
-
transform: 'rotateZ(180deg)'
|
|
55
|
-
}
|
|
56
|
-
}));
|
|
57
|
-
});
|
|
58
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _PrimaryButton = _interopRequireDefault(require("./PrimaryButton"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
13
|
-
var defaultProps = {
|
|
14
|
-
children: 'Click me'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_PrimaryButton.default, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('<PrimaryButton />', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'primary');
|
|
25
|
-
});
|
|
26
|
-
it('passes on any prop', function () {
|
|
27
|
-
var wrapper = getWrapper({
|
|
28
|
-
'aria-label': 'some label'
|
|
29
|
-
});
|
|
30
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
31
|
-
});
|
|
32
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _SecondaryButton = _interopRequireDefault(require("./SecondaryButton"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
13
|
-
var defaultProps = {
|
|
14
|
-
children: 'Click me'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_SecondaryButton.default, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('<SecondaryButton />', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'secondary');
|
|
25
|
-
});
|
|
26
|
-
it('passes on any prop', function () {
|
|
27
|
-
var wrapper = getWrapper({
|
|
28
|
-
'aria-label': 'some label'
|
|
29
|
-
});
|
|
30
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
31
|
-
});
|
|
32
|
-
});
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
|
|
8
|
-
|
|
9
|
-
var _ShortcutButton = _interopRequireDefault(require("./ShortcutButton"));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
|
|
15
|
-
var defaultProps = {
|
|
16
|
-
children: 'Click me'
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
var getWrapper = function getWrapper(props) {
|
|
20
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_ShortcutButton.default, _extends({}, defaultProps, props)));
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
describe('<ShortcutButton />', function () {
|
|
24
|
-
it('renders without exploding', function () {
|
|
25
|
-
var wrapper = getWrapper();
|
|
26
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'shortcut');
|
|
27
|
-
});
|
|
28
|
-
it('passes on any prop', function () {
|
|
29
|
-
var wrapper = getWrapper({
|
|
30
|
-
'aria-label': 'some label'
|
|
31
|
-
});
|
|
32
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
33
|
-
});
|
|
34
|
-
it('sends a <ChevronIcon /> as a default rightIcon prop', function () {
|
|
35
|
-
var wrapper = getWrapper();
|
|
36
|
-
expect(wrapper.props()).toHaveProperty('rightIcon', /*#__PURE__*/_react.default.createElement(_chevronIkon.default, null));
|
|
37
|
-
});
|
|
38
|
-
});
|
package/lib/TaskButton.spec.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _chevronIkon = _interopRequireDefault(require("@sb1/ffe-icons-react/lib/chevron-ikon"));
|
|
8
|
-
|
|
9
|
-
var _TaskButton = _interopRequireDefault(require("./TaskButton"));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
|
|
15
|
-
var defaultProps = {
|
|
16
|
-
children: 'Click me',
|
|
17
|
-
icon: /*#__PURE__*/_react.default.createElement("svg", null)
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
var getWrapper = function getWrapper(props) {
|
|
21
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_TaskButton.default, _extends({}, defaultProps, props)));
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
describe('<TaskButton />', function () {
|
|
25
|
-
it('renders without exploding', function () {
|
|
26
|
-
var wrapper = getWrapper();
|
|
27
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'task');
|
|
28
|
-
});
|
|
29
|
-
it('passes on any prop', function () {
|
|
30
|
-
var wrapper = getWrapper({
|
|
31
|
-
'aria-label': 'some label'
|
|
32
|
-
});
|
|
33
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
34
|
-
});
|
|
35
|
-
it('sends icon prop on as leftIcon prop', function () {
|
|
36
|
-
var wrapper = getWrapper({
|
|
37
|
-
icon: /*#__PURE__*/_react.default.createElement(_chevronIkon.default, null)
|
|
38
|
-
});
|
|
39
|
-
expect(wrapper.props()).toHaveProperty('leftIcon', /*#__PURE__*/_react.default.createElement(_chevronIkon.default, null));
|
|
40
|
-
});
|
|
41
|
-
});
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _react = _interopRequireDefault(require("react"));
|
|
4
|
-
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
|
|
7
|
-
var _TertiaryButton = _interopRequireDefault(require("./TertiaryButton"));
|
|
8
|
-
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
12
|
-
|
|
13
|
-
var defaultProps = {
|
|
14
|
-
children: 'Click me'
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var getWrapper = function getWrapper(props) {
|
|
18
|
-
return (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_TertiaryButton.default, _extends({}, defaultProps, props)));
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
describe('TertiaryButton', function () {
|
|
22
|
-
it('renders without exploding', function () {
|
|
23
|
-
var wrapper = getWrapper();
|
|
24
|
-
expect(wrapper.props()).toHaveProperty('buttonType', 'tertiary');
|
|
25
|
-
});
|
|
26
|
-
it('passes on any prop', function () {
|
|
27
|
-
var wrapper = getWrapper({
|
|
28
|
-
'aria-label': 'some label'
|
|
29
|
-
});
|
|
30
|
-
expect(wrapper.props()).toHaveProperty('aria-label', 'some label');
|
|
31
|
-
});
|
|
32
|
-
});
|