sf-i-events 1.0.748 → 1.0.749

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,7 +1,7 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Superflows.dev
4
- * SPDX-License-Identifier: MIT
5
- */
6
- export {};
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Superflows.dev
4
+ * SPDX-License-Identifier: MIT
5
+ */
6
+ export {};
7
7
  //# sourceMappingURL=sf-i-events_test.d.ts.map
@@ -1,18 +1,18 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Superflows.dev
4
- * SPDX-License-Identifier: MIT
5
- */
6
- import { SfIEvents } from '../sf-i-events.js';
7
- // import { stub } from 'sinon';
8
- // import {fixture, assert} from '@open-wc/testing';
9
- import { assert } from '@open-wc/testing';
10
- // import {html} from 'lit/static-html.js';
11
- //const TIMEOUT = 2000;
12
- suite('sf-i-events > left menu', () => {
13
- test('is defined', () => {
14
- const el = document.createElement('sf-i-events');
15
- assert.instanceOf(el, SfIEvents);
16
- });
17
- });
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Superflows.dev
4
+ * SPDX-License-Identifier: MIT
5
+ */
6
+ import { SfIEvents } from '../sf-i-events.js';
7
+ // import { stub } from 'sinon';
8
+ // import {fixture, assert} from '@open-wc/testing';
9
+ import { assert } from '@open-wc/testing';
10
+ // import {html} from 'lit/static-html.js';
11
+ //const TIMEOUT = 2000;
12
+ suite('sf-i-events > left menu', () => {
13
+ test('is defined', () => {
14
+ const el = document.createElement('sf-i-events');
15
+ assert.instanceOf(el, SfIEvents);
16
+ });
17
+ });
18
18
  //# sourceMappingURL=sf-i-events_test.js.map
@@ -1,7 +1,7 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Superflows.dev
4
- * SPDX-License-Identifier: MIT
5
- */
6
- export {};
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Superflows.dev
4
+ * SPDX-License-Identifier: MIT
5
+ */
6
+ export {};
7
7
  //# sourceMappingURL=sf-nav_profile_test.d.ts.map
@@ -1,139 +1,139 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Superflows.dev
4
- * SPDX-License-Identifier: MIT
5
- */
6
- import { SfNav } from '../sf-nav.js';
7
- import { fixture, assert } from '@open-wc/testing';
8
- // import {assert} from '@open-wc/testing';
9
- import { html } from 'lit/static-html.js';
10
- //const TIMEOUT = 2000;
11
- const htmlContent = html `
12
- <sf-nav >
13
- <h2 slot="brandName"><a href="#home" >SuperTester</a></h2>
14
- <a slot="brandImage" href="#home" ><img alt="logo" src="https://superflows.dev/img/superflows_gray_transparent_200.png" /></a>
15
- <ul slot="mainMenu">
16
- <li><a href="#about" class="a-about">About</a></li>
17
- <li class="li-solutions">
18
- <a href="javascript:void(0);" class="a-solutions">Solutions</a>
19
- <ul>
20
- <li><a href="#services" class="a-services">Services</a></li>
21
- <li><a href="#products">Products</a></li>
22
- </ul>
23
- </li>
24
- <li>
25
- <a href="javascript:void(0);">Contact Us</a>
26
- <ul>
27
- <li><a href="https://instagram.com">Instagram</a></li>
28
- <li><a href="https://facebook.com">Facebook</a></li>
29
- </ul>
30
- </li>
31
- </ul>
32
- <!-- Set the notifications -->
33
- <ul slot="unreadNotifications">
34
- <li><a href="#notification/1"><h3>Sonali Joshi</h3><p>mentioned you in a comment</p><div>1 day ago</div></a></li>
35
- <li><a href="#notification/2"><h3>Rahim Ahmed</h3><p>reacted to your blog post</p><div>2 days ago</div></a></li>
36
- <li><a href="#notification/3"><h3>John Bolton</h3><p>replied to a thread that you posted in</p><div>1 month ago</div></a></li>
37
- </ul>
38
- <ul slot="readNotifications">
39
- <li><a href="#notification/4"><h3>Sonali Joshi</h3><p>mentioned you in a comment</p><div>1 day ago</div></a></li>
40
- <li><a href="#notification/5"><h3>Rahim Ahmed</h3><p>reacted to your blog post</p><div>2 days ago</div></a></li>
41
- <li><a href="#notification/6"><h3>John Bolton</h3><p>replied to a thread that you posted in</p><div>1 month ago</div></a></li>
42
- </ul>
43
- <a slot="notificationsList" href="#notifications">View All</a>
44
- <ul slot="socialMedia">
45
- <li><a href="https://facebook.com"><img src="https://superflows-images.s3.ap-south-1.amazonaws.com/facebook-black_round.png" /></a></li>
46
- <li><a href="https://twitter.com"><img src="https://superflows-images.s3.ap-south-1.amazonaws.com/twitter_black_round.png" /></a></li>
47
- <li><a href="https://youtube.com"><img src="https://superflows-images.s3.ap-south-1.amazonaws.com/youtube_black_round.png" /></a></li>
48
- </ul>
49
- <p slot="copyright">Copyright 2022 Superflows</p>
50
- <a slot="cta" href="#login">Sign In</a>
51
- <!-- Profile picture -->
52
- <img alt="profile" slot="profilePicture" src="https://preview.keenthemes.com/metronic-v4/theme/assets/pages/media/profile/profile_user.jpg" />
53
- <!-- Set the profile menu -->
54
- <ul slot="profileMenu">
55
- <li><a href="#about1">About</a></li>
56
- <li class="li-solutions">
57
- <a href="javascript:void(0);" class="a-solutions">Solutions</a>
58
- <ul>
59
- <li><a href="#services">Services</a></li>
60
- <li><a href="#products">Products</a></li>
61
- </ul>
62
- </li>
63
- <li>
64
- <a href="javascript:void(0);">Contact Us</a>
65
- <ul>
66
- <li><a href="https://instagram.com">Instagram</a></li>
67
- <li><a href="https://facebook.com">Facebook</a></li>
68
- <li><a href="https://youtube.com">YouTube</a></li>
69
- </ul>
70
- </li>
71
- </ul>
72
- <div slot="content">
73
- </div>
74
- </sf-nav>
75
- `;
76
- var clickEvent = new MouseEvent("click", {
77
- "view": window,
78
- "bubbles": true,
79
- "cancelable": false
80
- });
81
- suite('sf-nav > profile menu', () => {
82
- test('is defined', () => {
83
- const el = document.createElement('sf-nav');
84
- assert.instanceOf(el, SfNav);
85
- });
86
- test('profile menu', async () => {
87
- const el = await fixture(htmlContent);
88
- // Open profile menu
89
- const profileToggle = el.shadowRoot.querySelectorAll('.sfNavDivProfileToggle')[0];
90
- profileToggle.dispatchEvent(clickEvent);
91
- await el.updateComplete;
92
- assert.ok(el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].style.display == "block");
93
- // Click on leaf
94
- const toggleLeaf = el.shadowRoot.querySelectorAll('.sfNavDivProfile')[0].children[1];
95
- toggleLeaf.dispatchEvent(clickEvent);
96
- await el.updateComplete;
97
- assert.ok(el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].style.display == "none");
98
- // Open profile menu
99
- profileToggle.dispatchEvent(clickEvent);
100
- await el.updateComplete;
101
- assert.ok(el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].style.display == "block");
102
- // Click on solutions
103
- const solutions = el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].children[0].children[1];
104
- solutions.dispatchEvent(clickEvent);
105
- await el.updateComplete;
106
- assert.ok(solutions.outerHTML.indexOf('inherit') < 0);
107
- // Again click on solutions
108
- solutions.dispatchEvent(clickEvent);
109
- await el.updateComplete;
110
- assert.ok(solutions.outerHTML.indexOf('inherit') >= 0);
111
- // Again click on solutions to open
112
- solutions.dispatchEvent(clickEvent);
113
- await el.updateComplete;
114
- assert.ok(solutions.outerHTML.indexOf('inherit') < 0);
115
- // Click on contacts
116
- const contacts = el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].children[0].children[2];
117
- contacts.dispatchEvent(clickEvent);
118
- await el.updateComplete;
119
- assert.ok(solutions.outerHTML.indexOf('inherit') >= 0);
120
- // // Click on services
121
- // const services = el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]!.children[0].children[1].children[1].children[0].children[0];
122
- // services.dispatchEvent(clickEvent);
123
- // await el.updateComplete;
124
- // console.log(services);
125
- // console.log(window.location.href);
126
- // assert.ok((el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]! as HTMLElement).style.display == "none");
127
- // // Open profile menu
128
- // profileToggle.dispatchEvent(clickEvent);
129
- // await el.updateComplete;
130
- // assert.ok((el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]! as HTMLElement).style.display == "block");
131
- // // Click on about
132
- // const about = el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]!.children[0].children[0].children[0];
133
- // console.log('clicking on',about)
134
- // about.dispatchEvent(clickEvent);
135
- // await new Promise((r) => setTimeout(r,3000));
136
- // assert.ok((el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]! as HTMLElement).style.display == "none");
137
- });
138
- });
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Superflows.dev
4
+ * SPDX-License-Identifier: MIT
5
+ */
6
+ import { SfNav } from '../sf-nav.js';
7
+ import { fixture, assert } from '@open-wc/testing';
8
+ // import {assert} from '@open-wc/testing';
9
+ import { html } from 'lit/static-html.js';
10
+ //const TIMEOUT = 2000;
11
+ const htmlContent = html `
12
+ <sf-nav >
13
+ <h2 slot="brandName"><a href="#home" >SuperTester</a></h2>
14
+ <a slot="brandImage" href="#home" ><img alt="logo" src="https://superflows.dev/img/superflows_gray_transparent_200.png" /></a>
15
+ <ul slot="mainMenu">
16
+ <li><a href="#about" class="a-about">About</a></li>
17
+ <li class="li-solutions">
18
+ <a href="javascript:void(0);" class="a-solutions">Solutions</a>
19
+ <ul>
20
+ <li><a href="#services" class="a-services">Services</a></li>
21
+ <li><a href="#products">Products</a></li>
22
+ </ul>
23
+ </li>
24
+ <li>
25
+ <a href="javascript:void(0);">Contact Us</a>
26
+ <ul>
27
+ <li><a href="https://instagram.com">Instagram</a></li>
28
+ <li><a href="https://facebook.com">Facebook</a></li>
29
+ </ul>
30
+ </li>
31
+ </ul>
32
+ <!-- Set the notifications -->
33
+ <ul slot="unreadNotifications">
34
+ <li><a href="#notification/1"><h3>Sonali Joshi</h3><p>mentioned you in a comment</p><div>1 day ago</div></a></li>
35
+ <li><a href="#notification/2"><h3>Rahim Ahmed</h3><p>reacted to your blog post</p><div>2 days ago</div></a></li>
36
+ <li><a href="#notification/3"><h3>John Bolton</h3><p>replied to a thread that you posted in</p><div>1 month ago</div></a></li>
37
+ </ul>
38
+ <ul slot="readNotifications">
39
+ <li><a href="#notification/4"><h3>Sonali Joshi</h3><p>mentioned you in a comment</p><div>1 day ago</div></a></li>
40
+ <li><a href="#notification/5"><h3>Rahim Ahmed</h3><p>reacted to your blog post</p><div>2 days ago</div></a></li>
41
+ <li><a href="#notification/6"><h3>John Bolton</h3><p>replied to a thread that you posted in</p><div>1 month ago</div></a></li>
42
+ </ul>
43
+ <a slot="notificationsList" href="#notifications">View All</a>
44
+ <ul slot="socialMedia">
45
+ <li><a href="https://facebook.com"><img src="https://superflows-images.s3.ap-south-1.amazonaws.com/facebook-black_round.png" /></a></li>
46
+ <li><a href="https://twitter.com"><img src="https://superflows-images.s3.ap-south-1.amazonaws.com/twitter_black_round.png" /></a></li>
47
+ <li><a href="https://youtube.com"><img src="https://superflows-images.s3.ap-south-1.amazonaws.com/youtube_black_round.png" /></a></li>
48
+ </ul>
49
+ <p slot="copyright">Copyright 2022 Superflows</p>
50
+ <a slot="cta" href="#login">Sign In</a>
51
+ <!-- Profile picture -->
52
+ <img alt="profile" slot="profilePicture" src="https://preview.keenthemes.com/metronic-v4/theme/assets/pages/media/profile/profile_user.jpg" />
53
+ <!-- Set the profile menu -->
54
+ <ul slot="profileMenu">
55
+ <li><a href="#about1">About</a></li>
56
+ <li class="li-solutions">
57
+ <a href="javascript:void(0);" class="a-solutions">Solutions</a>
58
+ <ul>
59
+ <li><a href="#services">Services</a></li>
60
+ <li><a href="#products">Products</a></li>
61
+ </ul>
62
+ </li>
63
+ <li>
64
+ <a href="javascript:void(0);">Contact Us</a>
65
+ <ul>
66
+ <li><a href="https://instagram.com">Instagram</a></li>
67
+ <li><a href="https://facebook.com">Facebook</a></li>
68
+ <li><a href="https://youtube.com">YouTube</a></li>
69
+ </ul>
70
+ </li>
71
+ </ul>
72
+ <div slot="content">
73
+ </div>
74
+ </sf-nav>
75
+ `;
76
+ var clickEvent = new MouseEvent("click", {
77
+ "view": window,
78
+ "bubbles": true,
79
+ "cancelable": false
80
+ });
81
+ suite('sf-nav > profile menu', () => {
82
+ test('is defined', () => {
83
+ const el = document.createElement('sf-nav');
84
+ assert.instanceOf(el, SfNav);
85
+ });
86
+ test('profile menu', async () => {
87
+ const el = await fixture(htmlContent);
88
+ // Open profile menu
89
+ const profileToggle = el.shadowRoot.querySelectorAll('.sfNavDivProfileToggle')[0];
90
+ profileToggle.dispatchEvent(clickEvent);
91
+ await el.updateComplete;
92
+ assert.ok(el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].style.display == "block");
93
+ // Click on leaf
94
+ const toggleLeaf = el.shadowRoot.querySelectorAll('.sfNavDivProfile')[0].children[1];
95
+ toggleLeaf.dispatchEvent(clickEvent);
96
+ await el.updateComplete;
97
+ assert.ok(el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].style.display == "none");
98
+ // Open profile menu
99
+ profileToggle.dispatchEvent(clickEvent);
100
+ await el.updateComplete;
101
+ assert.ok(el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].style.display == "block");
102
+ // Click on solutions
103
+ const solutions = el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].children[0].children[1];
104
+ solutions.dispatchEvent(clickEvent);
105
+ await el.updateComplete;
106
+ assert.ok(solutions.outerHTML.indexOf('inherit') < 0);
107
+ // Again click on solutions
108
+ solutions.dispatchEvent(clickEvent);
109
+ await el.updateComplete;
110
+ assert.ok(solutions.outerHTML.indexOf('inherit') >= 0);
111
+ // Again click on solutions to open
112
+ solutions.dispatchEvent(clickEvent);
113
+ await el.updateComplete;
114
+ assert.ok(solutions.outerHTML.indexOf('inherit') < 0);
115
+ // Click on contacts
116
+ const contacts = el.shadowRoot.querySelectorAll('.sfNavDivProfileDropdown')[0].children[0].children[2];
117
+ contacts.dispatchEvent(clickEvent);
118
+ await el.updateComplete;
119
+ assert.ok(solutions.outerHTML.indexOf('inherit') >= 0);
120
+ // // Click on services
121
+ // const services = el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]!.children[0].children[1].children[1].children[0].children[0];
122
+ // services.dispatchEvent(clickEvent);
123
+ // await el.updateComplete;
124
+ // console.log(services);
125
+ // console.log(window.location.href);
126
+ // assert.ok((el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]! as HTMLElement).style.display == "none");
127
+ // // Open profile menu
128
+ // profileToggle.dispatchEvent(clickEvent);
129
+ // await el.updateComplete;
130
+ // assert.ok((el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]! as HTMLElement).style.display == "block");
131
+ // // Click on about
132
+ // const about = el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]!.children[0].children[0].children[0];
133
+ // console.log('clicking on',about)
134
+ // about.dispatchEvent(clickEvent);
135
+ // await new Promise((r) => setTimeout(r,3000));
136
+ // assert.ok((el.shadowRoot!.querySelectorAll('.sfNavDivProfileDropdown')[0]! as HTMLElement).style.display == "none");
137
+ });
138
+ });
139
139
  //# sourceMappingURL=sf-nav_profile_test.js.map
@@ -1,7 +1,7 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Superflows.dev
4
- * SPDX-License-Identifier: MIT
5
- */
6
- export {};
1
+ /**
2
+ * @license
3
+ * Copyright 2022 Superflows.dev
4
+ * SPDX-License-Identifier: MIT
5
+ */
6
+ export {};
7
7
  //# sourceMappingURL=sf-nav_test.d.ts.map