@madgex/design-system 1.33.2 → 1.34.0
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/__tests__/unit/src/components/notification.spec.js +55 -0
- package/coverage/cobertura-coverage.xml +80 -3
- package/coverage/components/accordion/accordion.js.html +1 -1
- package/coverage/components/accordion/index.html +1 -1
- package/coverage/components/notification/index.html +97 -0
- package/coverage/components/notification/notification.js.html +150 -0
- package/coverage/components/popover/index.html +1 -1
- package/coverage/components/popover/popover.js.html +1 -1
- package/coverage/components/switch-state/index.html +1 -1
- package/coverage/components/switch-state/switch-state.js.html +1 -1
- package/coverage/components/tabs/index.html +1 -1
- package/coverage/components/tabs/tabs.js.html +1 -1
- package/coverage/index.html +27 -14
- package/coverage/js/common.js.html +1 -1
- package/coverage/js/fractal-scripts/index.html +17 -4
- package/coverage/js/fractal-scripts/notification.js.html +129 -0
- package/coverage/js/fractal-scripts/switch-state.js.html +1 -1
- package/coverage/js/index-fractal.js.html +10 -4
- package/coverage/js/index-polyfills.js.html +1 -1
- package/coverage/js/index.html +5 -5
- package/coverage/js/index.js.html +1 -1
- package/coverage/js/polyfills/closest.js.html +1 -1
- package/coverage/js/polyfills/index.html +1 -1
- package/coverage/tokens/_config.js.html +1 -1
- package/coverage/tokens/index.html +1 -1
- package/dist/_tokens/css/_tokens.css +1 -1
- package/dist/_tokens/js/_tokens-module.js +1 -1
- package/dist/_tokens/scss/_tokens.scss +1 -1
- package/dist/css/index.css +1 -1
- package/dist/js/index.js +3 -3
- package/package.json +1 -1
- package/src/components/notification/README.md +13 -0
- package/src/components/notification/notification.config.js +32 -0
- package/src/components/notification/notification.js +27 -0
- package/src/components/notification/notification.njk +9 -0
- package/src/components/notification/notification.scss +24 -0
- package/src/js/fractal-scripts/notification.js +20 -0
- package/src/js/index-fractal.js +2 -0
- package/src/scss/components/__index.scss +2 -1
- package/tasks/css.js +3 -2
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
jest.unmock('../../../../src/components/notification/notification');
|
|
2
|
+
import notification from '../../../../src/components/notification/notification';
|
|
3
|
+
|
|
4
|
+
jest.useFakeTimers();
|
|
5
|
+
|
|
6
|
+
// Avoid document.createRange not defined error
|
|
7
|
+
if (window.document) {
|
|
8
|
+
window.document.createRange = () => ({
|
|
9
|
+
setStart: () => {},
|
|
10
|
+
setEnd: () => {},
|
|
11
|
+
commonAncestorContainer: {
|
|
12
|
+
nodeName: 'BODY',
|
|
13
|
+
ownerDocument: document,
|
|
14
|
+
},
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
const { body } = document;
|
|
19
|
+
const message = document.createElement('div');
|
|
20
|
+
message.setAttribute('role', 'alert');
|
|
21
|
+
message.classList.add('mds-notification', 'mds-message', 'mds-message--success');
|
|
22
|
+
message.innerText = 'test';
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
afterEach(() => {
|
|
26
|
+
document.body.innerHTML = '';
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
describe('notification function', () => {
|
|
31
|
+
|
|
32
|
+
it('`show` adds message div inside the body', async () => {
|
|
33
|
+
notification.show(body, message);
|
|
34
|
+
expect.assertions(1);
|
|
35
|
+
expect(body.contains(message)).toBe(true);
|
|
36
|
+
});
|
|
37
|
+
it('`hide` removes message div from the body', async () => {
|
|
38
|
+
notification.hide(body);
|
|
39
|
+
expect.assertions(1);
|
|
40
|
+
expect(body.contains(message)).toBe(false);
|
|
41
|
+
});
|
|
42
|
+
it('`init` creates a message that will be appended in the <body> then removed after a timeout', async () => {
|
|
43
|
+
jest.spyOn(global, 'setTimeout');
|
|
44
|
+
notification.show = jest.fn();
|
|
45
|
+
notification.hide = jest.fn();
|
|
46
|
+
notification.init('test', 'success');
|
|
47
|
+
expect.assertions(3);
|
|
48
|
+
expect(notification.show).toBeCalled();
|
|
49
|
+
jest.runAllTimers();
|
|
50
|
+
expect(setTimeout).toHaveBeenCalledTimes(1);
|
|
51
|
+
expect(notification.hide).toBeCalled();
|
|
52
|
+
jest.clearAllTimers();
|
|
53
|
+
});
|
|
54
|
+
});
|
|
55
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
<?xml version="1.0" ?>
|
|
2
2
|
<!DOCTYPE coverage SYSTEM "http://cobertura.sourceforge.net/xml/coverage-04.dtd">
|
|
3
|
-
<coverage lines-valid="
|
|
3
|
+
<coverage lines-valid="253" lines-covered="98" line-rate="0.3874" branches-valid="59" branches-covered="19" branch-rate="0.322" timestamp="1578667108262" complexity="0" version="0.1">
|
|
4
4
|
<sources>
|
|
5
5
|
<source>/var/lib/jenkins/jobs/madgex-design-system/branches/master/workspace</source>
|
|
6
6
|
</sources>
|
|
@@ -125,6 +125,50 @@
|
|
|
125
125
|
</class>
|
|
126
126
|
</classes>
|
|
127
127
|
</package>
|
|
128
|
+
<package name="components.notification" line-rate="0.9286" branch-rate="1">
|
|
129
|
+
<classes>
|
|
130
|
+
<class name="notification.js" filename="src/components/notification/notification.js" line-rate="0.9286" branch-rate="1">
|
|
131
|
+
<methods>
|
|
132
|
+
<method name="(anonymous_0)" hits="1" signature="()V">
|
|
133
|
+
<lines>
|
|
134
|
+
<line number="4" hits="1"/>
|
|
135
|
+
</lines>
|
|
136
|
+
</method>
|
|
137
|
+
<method name="(anonymous_1)" hits="1" signature="()V">
|
|
138
|
+
<lines>
|
|
139
|
+
<line number="16" hits="1"/>
|
|
140
|
+
</lines>
|
|
141
|
+
</method>
|
|
142
|
+
<method name="(anonymous_2)" hits="1" signature="()V">
|
|
143
|
+
<lines>
|
|
144
|
+
<line number="19" hits="1"/>
|
|
145
|
+
</lines>
|
|
146
|
+
</method>
|
|
147
|
+
<method name="(anonymous_3)" hits="0" signature="()V">
|
|
148
|
+
<lines>
|
|
149
|
+
<line number="21" hits="0"/>
|
|
150
|
+
</lines>
|
|
151
|
+
</method>
|
|
152
|
+
</methods>
|
|
153
|
+
<lines>
|
|
154
|
+
<line number="1" hits="1" branch="false"/>
|
|
155
|
+
<line number="3" hits="1" branch="false"/>
|
|
156
|
+
<line number="5" hits="1" branch="false"/>
|
|
157
|
+
<line number="6" hits="1" branch="false"/>
|
|
158
|
+
<line number="8" hits="1" branch="false"/>
|
|
159
|
+
<line number="9" hits="1" branch="false"/>
|
|
160
|
+
<line number="10" hits="1" branch="false"/>
|
|
161
|
+
<line number="11" hits="1" branch="false"/>
|
|
162
|
+
<line number="13" hits="1" branch="false"/>
|
|
163
|
+
<line number="14" hits="1" branch="false"/>
|
|
164
|
+
<line number="17" hits="1" branch="false"/>
|
|
165
|
+
<line number="20" hits="1" branch="false"/>
|
|
166
|
+
<line number="21" hits="1" branch="false"/>
|
|
167
|
+
<line number="22" hits="0" branch="false"/>
|
|
168
|
+
</lines>
|
|
169
|
+
</class>
|
|
170
|
+
</classes>
|
|
171
|
+
</package>
|
|
128
172
|
<package name="components.popover" line-rate="0.9655" branch-rate="0.8181999999999999">
|
|
129
173
|
<classes>
|
|
130
174
|
<class name="popover.js" filename="src/components/popover/popover.js" line-rate="0.9655" branch-rate="0.8181999999999999">
|
|
@@ -463,13 +507,14 @@
|
|
|
463
507
|
<methods>
|
|
464
508
|
<method name="(anonymous_0)" hits="0" signature="()V">
|
|
465
509
|
<lines>
|
|
466
|
-
<line number="
|
|
510
|
+
<line number="4" hits="0"/>
|
|
467
511
|
</lines>
|
|
468
512
|
</method>
|
|
469
513
|
</methods>
|
|
470
514
|
<lines>
|
|
471
|
-
<line number="3" hits="0" branch="false"/>
|
|
472
515
|
<line number="4" hits="0" branch="false"/>
|
|
516
|
+
<line number="5" hits="0" branch="false"/>
|
|
517
|
+
<line number="6" hits="0" branch="false"/>
|
|
473
518
|
</lines>
|
|
474
519
|
</class>
|
|
475
520
|
<class name="index-polyfills.js" filename="src/js/index-polyfills.js" line-rate="1" branch-rate="1">
|
|
@@ -497,6 +542,38 @@
|
|
|
497
542
|
</package>
|
|
498
543
|
<package name="js.fractal-scripts" line-rate="0" branch-rate="0">
|
|
499
544
|
<classes>
|
|
545
|
+
<class name="notification.js" filename="src/js/fractal-scripts/notification.js" line-rate="0" branch-rate="1">
|
|
546
|
+
<methods>
|
|
547
|
+
<method name="(anonymous_0)" hits="0" signature="()V">
|
|
548
|
+
<lines>
|
|
549
|
+
<line number="4" hits="0"/>
|
|
550
|
+
</lines>
|
|
551
|
+
</method>
|
|
552
|
+
<method name="(anonymous_1)" hits="0" signature="()V">
|
|
553
|
+
<lines>
|
|
554
|
+
<line number="6" hits="0"/>
|
|
555
|
+
</lines>
|
|
556
|
+
</method>
|
|
557
|
+
<method name="(anonymous_2)" hits="0" signature="()V">
|
|
558
|
+
<lines>
|
|
559
|
+
<line number="8" hits="0"/>
|
|
560
|
+
</lines>
|
|
561
|
+
</method>
|
|
562
|
+
</methods>
|
|
563
|
+
<lines>
|
|
564
|
+
<line number="3" hits="0" branch="false"/>
|
|
565
|
+
<line number="5" hits="0" branch="false"/>
|
|
566
|
+
<line number="6" hits="0" branch="false"/>
|
|
567
|
+
<line number="7" hits="0" branch="false"/>
|
|
568
|
+
<line number="8" hits="0" branch="false"/>
|
|
569
|
+
<line number="9" hits="0" branch="false"/>
|
|
570
|
+
<line number="10" hits="0" branch="false"/>
|
|
571
|
+
<line number="11" hits="0" branch="false"/>
|
|
572
|
+
<line number="12" hits="0" branch="false"/>
|
|
573
|
+
<line number="13" hits="0" branch="false"/>
|
|
574
|
+
<line number="14" hits="0" branch="false"/>
|
|
575
|
+
</lines>
|
|
576
|
+
</class>
|
|
500
577
|
<class name="switch-state.js" filename="src/js/fractal-scripts/switch-state.js" line-rate="0" branch-rate="0">
|
|
501
578
|
<methods>
|
|
502
579
|
<method name="(anonymous_0)" hits="0" signature="()V">
|
|
@@ -385,7 +385,7 @@ export default accordion;
|
|
|
385
385
|
</div><!-- /wrapper -->
|
|
386
386
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
387
387
|
Code coverage
|
|
388
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
388
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
389
389
|
</div>
|
|
390
390
|
</div>
|
|
391
391
|
<script src="../../prettify.js"></script>
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
</div><!-- /wrapper -->
|
|
81
81
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
82
82
|
Code coverage
|
|
83
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
83
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
84
84
|
</div>
|
|
85
85
|
</div>
|
|
86
86
|
<script src="../../prettify.js"></script>
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<title>Code coverage report for components/notification</title>
|
|
5
|
+
<meta charset="utf-8" />
|
|
6
|
+
<link rel="stylesheet" href="../../prettify.css" />
|
|
7
|
+
<link rel="stylesheet" href="../../base.css" />
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
9
|
+
<style type='text/css'>
|
|
10
|
+
.coverage-summary .sorter {
|
|
11
|
+
background-image: url(../../sort-arrow-sprite.png);
|
|
12
|
+
}
|
|
13
|
+
</style>
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<div class='wrapper'>
|
|
17
|
+
<div class='pad1'>
|
|
18
|
+
<h1>
|
|
19
|
+
<a href="../../index.html">All files</a> components/notification
|
|
20
|
+
</h1>
|
|
21
|
+
<div class='clearfix'>
|
|
22
|
+
<div class='fl pad1y space-right2'>
|
|
23
|
+
<span class="strong">92.86% </span>
|
|
24
|
+
<span class="quiet">Statements</span>
|
|
25
|
+
<span class='fraction'>13/14</span>
|
|
26
|
+
</div>
|
|
27
|
+
<div class='fl pad1y space-right2'>
|
|
28
|
+
<span class="strong">100% </span>
|
|
29
|
+
<span class="quiet">Branches</span>
|
|
30
|
+
<span class='fraction'>1/1</span>
|
|
31
|
+
</div>
|
|
32
|
+
<div class='fl pad1y space-right2'>
|
|
33
|
+
<span class="strong">75% </span>
|
|
34
|
+
<span class="quiet">Functions</span>
|
|
35
|
+
<span class='fraction'>3/4</span>
|
|
36
|
+
</div>
|
|
37
|
+
<div class='fl pad1y space-right2'>
|
|
38
|
+
<span class="strong">92.86% </span>
|
|
39
|
+
<span class="quiet">Lines</span>
|
|
40
|
+
<span class='fraction'>13/14</span>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<p class="quiet">
|
|
44
|
+
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
45
|
+
</p>
|
|
46
|
+
</div>
|
|
47
|
+
<div class='status-line high'></div>
|
|
48
|
+
<div class="pad1">
|
|
49
|
+
<table class="coverage-summary">
|
|
50
|
+
<thead>
|
|
51
|
+
<tr>
|
|
52
|
+
<th data-col="file" data-fmt="html" data-html="true" class="file">File</th>
|
|
53
|
+
<th data-col="pic" data-type="number" data-fmt="html" data-html="true" class="pic"></th>
|
|
54
|
+
<th data-col="statements" data-type="number" data-fmt="pct" class="pct">Statements</th>
|
|
55
|
+
<th data-col="statements_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
56
|
+
<th data-col="branches" data-type="number" data-fmt="pct" class="pct">Branches</th>
|
|
57
|
+
<th data-col="branches_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
58
|
+
<th data-col="functions" data-type="number" data-fmt="pct" class="pct">Functions</th>
|
|
59
|
+
<th data-col="functions_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
60
|
+
<th data-col="lines" data-type="number" data-fmt="pct" class="pct">Lines</th>
|
|
61
|
+
<th data-col="lines_raw" data-type="number" data-fmt="html" class="abs"></th>
|
|
62
|
+
</tr>
|
|
63
|
+
</thead>
|
|
64
|
+
<tbody><tr>
|
|
65
|
+
<td class="file high" data-value="notification.js"><a href="notification.js.html">notification.js</a></td>
|
|
66
|
+
<td data-value="92.86" class="pic high"><div class="chart"><div class="cover-fill" style="width: 92%;"></div><div class="cover-empty" style="width:8%;"></div></div></td>
|
|
67
|
+
<td data-value="92.86" class="pct high">92.86%</td>
|
|
68
|
+
<td data-value="14" class="abs high">13/14</td>
|
|
69
|
+
<td data-value="100" class="pct high">100%</td>
|
|
70
|
+
<td data-value="1" class="abs high">1/1</td>
|
|
71
|
+
<td data-value="75" class="pct medium">75%</td>
|
|
72
|
+
<td data-value="4" class="abs medium">3/4</td>
|
|
73
|
+
<td data-value="92.86" class="pct high">92.86%</td>
|
|
74
|
+
<td data-value="14" class="abs high">13/14</td>
|
|
75
|
+
</tr>
|
|
76
|
+
|
|
77
|
+
</tbody>
|
|
78
|
+
</table>
|
|
79
|
+
</div><div class='push'></div><!-- for sticky footer -->
|
|
80
|
+
</div><!-- /wrapper -->
|
|
81
|
+
<div class='footer quiet pad2 space-top1 center small'>
|
|
82
|
+
Code coverage
|
|
83
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
<script src="../../prettify.js"></script>
|
|
87
|
+
<script>
|
|
88
|
+
window.onload = function () {
|
|
89
|
+
if (typeof prettyPrint === 'function') {
|
|
90
|
+
prettyPrint();
|
|
91
|
+
}
|
|
92
|
+
};
|
|
93
|
+
</script>
|
|
94
|
+
<script src="../../sorter.js"></script>
|
|
95
|
+
<script src="../../block-navigation.js"></script>
|
|
96
|
+
</body>
|
|
97
|
+
</html>
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
<!doctype html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<title>Code coverage report for components/notification/notification.js</title>
|
|
5
|
+
<meta charset="utf-8" />
|
|
6
|
+
<link rel="stylesheet" href="../../prettify.css" />
|
|
7
|
+
<link rel="stylesheet" href="../../base.css" />
|
|
8
|
+
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
9
|
+
<style type='text/css'>
|
|
10
|
+
.coverage-summary .sorter {
|
|
11
|
+
background-image: url(../../sort-arrow-sprite.png);
|
|
12
|
+
}
|
|
13
|
+
</style>
|
|
14
|
+
</head>
|
|
15
|
+
<body>
|
|
16
|
+
<div class='wrapper'>
|
|
17
|
+
<div class='pad1'>
|
|
18
|
+
<h1>
|
|
19
|
+
<a href="../../index.html">All files</a> / <a href="index.html">components/notification</a> notification.js
|
|
20
|
+
</h1>
|
|
21
|
+
<div class='clearfix'>
|
|
22
|
+
<div class='fl pad1y space-right2'>
|
|
23
|
+
<span class="strong">92.86% </span>
|
|
24
|
+
<span class="quiet">Statements</span>
|
|
25
|
+
<span class='fraction'>13/14</span>
|
|
26
|
+
</div>
|
|
27
|
+
<div class='fl pad1y space-right2'>
|
|
28
|
+
<span class="strong">100% </span>
|
|
29
|
+
<span class="quiet">Branches</span>
|
|
30
|
+
<span class='fraction'>1/1</span>
|
|
31
|
+
</div>
|
|
32
|
+
<div class='fl pad1y space-right2'>
|
|
33
|
+
<span class="strong">75% </span>
|
|
34
|
+
<span class="quiet">Functions</span>
|
|
35
|
+
<span class='fraction'>3/4</span>
|
|
36
|
+
</div>
|
|
37
|
+
<div class='fl pad1y space-right2'>
|
|
38
|
+
<span class="strong">92.86% </span>
|
|
39
|
+
<span class="quiet">Lines</span>
|
|
40
|
+
<span class='fraction'>13/14</span>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
<p class="quiet">
|
|
44
|
+
Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
|
|
45
|
+
</p>
|
|
46
|
+
</div>
|
|
47
|
+
<div class='status-line high'></div>
|
|
48
|
+
<pre><table class="coverage">
|
|
49
|
+
<tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
|
|
50
|
+
<a name='L2'></a><a href='#L2'>2</a>
|
|
51
|
+
<a name='L3'></a><a href='#L3'>3</a>
|
|
52
|
+
<a name='L4'></a><a href='#L4'>4</a>
|
|
53
|
+
<a name='L5'></a><a href='#L5'>5</a>
|
|
54
|
+
<a name='L6'></a><a href='#L6'>6</a>
|
|
55
|
+
<a name='L7'></a><a href='#L7'>7</a>
|
|
56
|
+
<a name='L8'></a><a href='#L8'>8</a>
|
|
57
|
+
<a name='L9'></a><a href='#L9'>9</a>
|
|
58
|
+
<a name='L10'></a><a href='#L10'>10</a>
|
|
59
|
+
<a name='L11'></a><a href='#L11'>11</a>
|
|
60
|
+
<a name='L12'></a><a href='#L12'>12</a>
|
|
61
|
+
<a name='L13'></a><a href='#L13'>13</a>
|
|
62
|
+
<a name='L14'></a><a href='#L14'>14</a>
|
|
63
|
+
<a name='L15'></a><a href='#L15'>15</a>
|
|
64
|
+
<a name='L16'></a><a href='#L16'>16</a>
|
|
65
|
+
<a name='L17'></a><a href='#L17'>17</a>
|
|
66
|
+
<a name='L18'></a><a href='#L18'>18</a>
|
|
67
|
+
<a name='L19'></a><a href='#L19'>19</a>
|
|
68
|
+
<a name='L20'></a><a href='#L20'>20</a>
|
|
69
|
+
<a name='L21'></a><a href='#L21'>21</a>
|
|
70
|
+
<a name='L22'></a><a href='#L22'>22</a>
|
|
71
|
+
<a name='L23'></a><a href='#L23'>23</a>
|
|
72
|
+
<a name='L24'></a><a href='#L24'>24</a>
|
|
73
|
+
<a name='L25'></a><a href='#L25'>25</a>
|
|
74
|
+
<a name='L26'></a><a href='#L26'>26</a>
|
|
75
|
+
<a name='L27'></a><a href='#L27'>27</a>
|
|
76
|
+
<a name='L28'></a><a href='#L28'>28</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
|
|
77
|
+
<span class="cline-any cline-neutral"> </span>
|
|
78
|
+
<span class="cline-any cline-yes">1x</span>
|
|
79
|
+
<span class="cline-any cline-neutral"> </span>
|
|
80
|
+
<span class="cline-any cline-yes">1x</span>
|
|
81
|
+
<span class="cline-any cline-yes">1x</span>
|
|
82
|
+
<span class="cline-any cline-neutral"> </span>
|
|
83
|
+
<span class="cline-any cline-yes">1x</span>
|
|
84
|
+
<span class="cline-any cline-yes">1x</span>
|
|
85
|
+
<span class="cline-any cline-yes">1x</span>
|
|
86
|
+
<span class="cline-any cline-yes">1x</span>
|
|
87
|
+
<span class="cline-any cline-neutral"> </span>
|
|
88
|
+
<span class="cline-any cline-yes">1x</span>
|
|
89
|
+
<span class="cline-any cline-yes">1x</span>
|
|
90
|
+
<span class="cline-any cline-neutral"> </span>
|
|
91
|
+
<span class="cline-any cline-neutral"> </span>
|
|
92
|
+
<span class="cline-any cline-yes">1x</span>
|
|
93
|
+
<span class="cline-any cline-neutral"> </span>
|
|
94
|
+
<span class="cline-any cline-neutral"> </span>
|
|
95
|
+
<span class="cline-any cline-yes">1x</span>
|
|
96
|
+
<span class="cline-any cline-yes">1x</span>
|
|
97
|
+
<span class="cline-any cline-no"> </span>
|
|
98
|
+
<span class="cline-any cline-neutral"> </span>
|
|
99
|
+
<span class="cline-any cline-neutral"> </span>
|
|
100
|
+
<span class="cline-any cline-neutral"> </span>
|
|
101
|
+
<span class="cline-any cline-neutral"> </span>
|
|
102
|
+
<span class="cline-any cline-neutral"> </span>
|
|
103
|
+
<span class="cline-any cline-neutral"> </span></td><td class="text"><pre class="prettyprint lang-js">const componentClass = 'mds-notification';
|
|
104
|
+
|
|
105
|
+
const notification = {
|
|
106
|
+
init: (text, type, duration = 3000) => {
|
|
107
|
+
const { body } = document;
|
|
108
|
+
notification.hide(body);
|
|
109
|
+
|
|
110
|
+
const message = document.createElement('div');
|
|
111
|
+
message.setAttribute('role', 'alert');
|
|
112
|
+
message.classList.add(componentClass, 'mds-message', `mds-message--${type}`);
|
|
113
|
+
message.innerText = text;
|
|
114
|
+
|
|
115
|
+
notification.show(body, message);
|
|
116
|
+
setTimeout(notification.hide, duration, body);
|
|
117
|
+
},
|
|
118
|
+
show: (container, elem) => {
|
|
119
|
+
container.appendChild(elem);
|
|
120
|
+
},
|
|
121
|
+
hide: (container) => {
|
|
122
|
+
const elementArray = Array.from(container.querySelectorAll(`.${componentClass}`));
|
|
123
|
+
elementArray.forEach(<span class="fstat-no" title="function not covered" >(e</span>lem) => {
|
|
124
|
+
<span class="cstat-no" title="statement not covered" > elem.parentNode.removeChild(elem);</span>
|
|
125
|
+
});
|
|
126
|
+
},
|
|
127
|
+
};
|
|
128
|
+
|
|
129
|
+
export default notification;
|
|
130
|
+
</pre></td></tr>
|
|
131
|
+
</table></pre>
|
|
132
|
+
<div class='push'></div><!-- for sticky footer -->
|
|
133
|
+
</div><!-- /wrapper -->
|
|
134
|
+
<div class='footer quiet pad2 space-top1 center small'>
|
|
135
|
+
Code coverage
|
|
136
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
137
|
+
</div>
|
|
138
|
+
</div>
|
|
139
|
+
<script src="../../prettify.js"></script>
|
|
140
|
+
<script>
|
|
141
|
+
window.onload = function () {
|
|
142
|
+
if (typeof prettyPrint === 'function') {
|
|
143
|
+
prettyPrint();
|
|
144
|
+
}
|
|
145
|
+
};
|
|
146
|
+
</script>
|
|
147
|
+
<script src="../../sorter.js"></script>
|
|
148
|
+
<script src="../../block-navigation.js"></script>
|
|
149
|
+
</body>
|
|
150
|
+
</html>
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
</div><!-- /wrapper -->
|
|
81
81
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
82
82
|
Code coverage
|
|
83
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
83
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
84
84
|
</div>
|
|
85
85
|
</div>
|
|
86
86
|
<script src="../../prettify.js"></script>
|
|
@@ -229,7 +229,7 @@ export default popovers;
|
|
|
229
229
|
</div><!-- /wrapper -->
|
|
230
230
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
231
231
|
Code coverage
|
|
232
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
232
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
233
233
|
</div>
|
|
234
234
|
</div>
|
|
235
235
|
<script src="../../prettify.js"></script>
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
</div><!-- /wrapper -->
|
|
81
81
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
82
82
|
Code coverage
|
|
83
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
83
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
84
84
|
</div>
|
|
85
85
|
</div>
|
|
86
86
|
<script src="../../prettify.js"></script>
|
|
@@ -88,7 +88,7 @@ export default switchState;
|
|
|
88
88
|
</div><!-- /wrapper -->
|
|
89
89
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
90
90
|
Code coverage
|
|
91
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
91
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
92
92
|
</div>
|
|
93
93
|
</div>
|
|
94
94
|
<script src="../../prettify.js"></script>
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
</div><!-- /wrapper -->
|
|
81
81
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
82
82
|
Code coverage
|
|
83
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
83
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
84
84
|
</div>
|
|
85
85
|
</div>
|
|
86
86
|
<script src="../../prettify.js"></script>
|
|
@@ -499,7 +499,7 @@ export default tabs;
|
|
|
499
499
|
</div><!-- /wrapper -->
|
|
500
500
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
501
501
|
Code coverage
|
|
502
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
502
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
503
503
|
</div>
|
|
504
504
|
</div>
|
|
505
505
|
<script src="../../prettify.js"></script>
|
package/coverage/index.html
CHANGED
|
@@ -20,24 +20,24 @@
|
|
|
20
20
|
</h1>
|
|
21
21
|
<div class='clearfix'>
|
|
22
22
|
<div class='fl pad1y space-right2'>
|
|
23
|
-
<span class="strong">
|
|
23
|
+
<span class="strong">38.58% </span>
|
|
24
24
|
<span class="quiet">Statements</span>
|
|
25
|
-
<span class='fraction'>
|
|
25
|
+
<span class='fraction'>98/254</span>
|
|
26
26
|
</div>
|
|
27
27
|
<div class='fl pad1y space-right2'>
|
|
28
|
-
<span class="strong">
|
|
28
|
+
<span class="strong">32.2% </span>
|
|
29
29
|
<span class="quiet">Branches</span>
|
|
30
|
-
<span class='fraction'>
|
|
30
|
+
<span class='fraction'>19/59</span>
|
|
31
31
|
</div>
|
|
32
32
|
<div class='fl pad1y space-right2'>
|
|
33
|
-
<span class="strong">
|
|
33
|
+
<span class="strong">27.27% </span>
|
|
34
34
|
<span class="quiet">Functions</span>
|
|
35
|
-
<span class='fraction'>
|
|
35
|
+
<span class='fraction'>15/55</span>
|
|
36
36
|
</div>
|
|
37
37
|
<div class='fl pad1y space-right2'>
|
|
38
|
-
<span class="strong">
|
|
38
|
+
<span class="strong">38.74% </span>
|
|
39
39
|
<span class="quiet">Lines</span>
|
|
40
|
-
<span class='fraction'>
|
|
40
|
+
<span class='fraction'>98/253</span>
|
|
41
41
|
</div>
|
|
42
42
|
</div>
|
|
43
43
|
<p class="quiet">
|
|
@@ -74,6 +74,19 @@
|
|
|
74
74
|
<td data-value="70" class="abs medium">52/70</td>
|
|
75
75
|
</tr>
|
|
76
76
|
|
|
77
|
+
<tr>
|
|
78
|
+
<td class="file high" data-value="components/notification"><a href="components/notification/index.html">components/notification</a></td>
|
|
79
|
+
<td data-value="92.86" class="pic high"><div class="chart"><div class="cover-fill" style="width: 92%;"></div><div class="cover-empty" style="width:8%;"></div></div></td>
|
|
80
|
+
<td data-value="92.86" class="pct high">92.86%</td>
|
|
81
|
+
<td data-value="14" class="abs high">13/14</td>
|
|
82
|
+
<td data-value="100" class="pct high">100%</td>
|
|
83
|
+
<td data-value="1" class="abs high">1/1</td>
|
|
84
|
+
<td data-value="75" class="pct medium">75%</td>
|
|
85
|
+
<td data-value="4" class="abs medium">3/4</td>
|
|
86
|
+
<td data-value="92.86" class="pct high">92.86%</td>
|
|
87
|
+
<td data-value="14" class="abs high">13/14</td>
|
|
88
|
+
</tr>
|
|
89
|
+
|
|
77
90
|
<tr>
|
|
78
91
|
<td class="file high" data-value="components/popover"><a href="components/popover/index.html">components/popover</a></td>
|
|
79
92
|
<td data-value="96.55" class="pic high"><div class="chart"><div class="cover-fill" style="width: 96%;"></div><div class="cover-empty" style="width:4%;"></div></div></td>
|
|
@@ -117,26 +130,26 @@
|
|
|
117
130
|
<td class="file low" data-value="js"><a href="js/index.html">js</a></td>
|
|
118
131
|
<td data-value="0" class="pic low"><div class="chart"><div class="cover-fill" style="width: 0%;"></div><div class="cover-empty" style="width:100%;"></div></div></td>
|
|
119
132
|
<td data-value="0" class="pct low">0%</td>
|
|
120
|
-
<td data-value="
|
|
133
|
+
<td data-value="12" class="abs low">0/12</td>
|
|
121
134
|
<td data-value="100" class="pct high">100%</td>
|
|
122
135
|
<td data-value="0" class="abs high">0/0</td>
|
|
123
136
|
<td data-value="0" class="pct low">0%</td>
|
|
124
137
|
<td data-value="4" class="abs low">0/4</td>
|
|
125
138
|
<td data-value="0" class="pct low">0%</td>
|
|
126
|
-
<td data-value="
|
|
139
|
+
<td data-value="12" class="abs low">0/12</td>
|
|
127
140
|
</tr>
|
|
128
141
|
|
|
129
142
|
<tr>
|
|
130
143
|
<td class="file low" data-value="js/fractal-scripts"><a href="js/fractal-scripts/index.html">js/fractal-scripts</a></td>
|
|
131
144
|
<td data-value="0" class="pic low"><div class="chart"><div class="cover-fill" style="width: 0%;"></div><div class="cover-empty" style="width:100%;"></div></div></td>
|
|
132
145
|
<td data-value="0" class="pct low">0%</td>
|
|
133
|
-
<td data-value="
|
|
146
|
+
<td data-value="24" class="abs low">0/24</td>
|
|
134
147
|
<td data-value="0" class="pct low">0%</td>
|
|
135
148
|
<td data-value="4" class="abs low">0/4</td>
|
|
136
149
|
<td data-value="0" class="pct low">0%</td>
|
|
137
|
-
<td data-value="
|
|
150
|
+
<td data-value="6" class="abs low">0/6</td>
|
|
138
151
|
<td data-value="0" class="pct low">0%</td>
|
|
139
|
-
<td data-value="
|
|
152
|
+
<td data-value="24" class="abs low">0/24</td>
|
|
140
153
|
</tr>
|
|
141
154
|
|
|
142
155
|
<tr>
|
|
@@ -171,7 +184,7 @@
|
|
|
171
184
|
</div><!-- /wrapper -->
|
|
172
185
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
173
186
|
Code coverage
|
|
174
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
187
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
175
188
|
</div>
|
|
176
189
|
</div>
|
|
177
190
|
<script src="prettify.js"></script>
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
</div><!-- /wrapper -->
|
|
89
89
|
<div class='footer quiet pad2 space-top1 center small'>
|
|
90
90
|
Code coverage
|
|
91
|
-
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at
|
|
91
|
+
generated by <a href="https://istanbul.js.org/" target="_blank">istanbul</a> at Fri Jan 10 2020 14:38:28 GMT+0000 (GMT)
|
|
92
92
|
</div>
|
|
93
93
|
</div>
|
|
94
94
|
<script src="../prettify.js"></script>
|