@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.
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
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.6",
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": "npm run build:cjs && npm run build:es && npm run build:types",
25
- "build:cjs": "babel -d lib/. --root-mode=upward --env-name=cjs --ignore=*.spec.js src/.",
26
- "build:es": "babel -d es/. --root-mode=upward --env-name=es --ignore=*.spec.js src/.",
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.19",
37
- "classnames": "^2.2.5",
38
- "prop-types": "^15.7.0"
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": "0fb5a2f3fc9b083939ed70ee4685aa1890d42af7"
55
+ "gitHead": "1960685a8b6055efc0653aa1643138cf4a7054fc"
57
56
  }
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });
@@ -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
- });