Skip to content

Commit 103a8a8

Browse files
rkaraivanovrkaraivanov
committed
Merge branch 'dmdimitrov/chat-ai-component' of https://github.com/IgniteUI/igniteui-webcomponents into dmdimitrov/chat-ai-component
2 parents 02571ee + e642e3d commit 103a8a8

File tree

1 file changed

+44
-47
lines changed

1 file changed

+44
-47
lines changed

‎src/components/chat/chat.spec.ts‎

Lines changed: 44 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -380,32 +380,29 @@ describe('Chat', () => {
380380
</igc-chat>`
381381
);
382382

383-
await aTimeout(500);
384-
385383
const messageContainer = chat.shadowRoot?.querySelector(
386384
`div[part='message-list']`
387385
);
388386

389-
expect(messageContainer).not.to.be.undefined;
390-
expect(chat.messages.length).to.equal(3);
391-
392-
messageContainer
393-
?.querySelectorAll('igc-chat-message')
394-
.forEach((messageElement, index) => {
395-
if (index !== 2) {
396-
expect(
397-
messageElement.shadowRoot?.querySelector(
398-
`div[part='message-container ']`
399-
)
400-
).not.to.be.undefined;
401-
} else {
402-
expect(
403-
messageElement.shadowRoot?.querySelector(
404-
`div[part='message-container sent']`
405-
)
406-
).not.to.be.undefined;
407-
}
408-
});
387+
expect(messageContainer).not.to.be.null;
388+
389+
const msgElements =
390+
messageContainer?.querySelectorAll('igc-chat-message');
391+
msgElements?.forEach((messageElement, index) => {
392+
if (index !== 2) {
393+
expect(
394+
messageElement.shadowRoot?.querySelector(
395+
`div[part='message-container']`
396+
)
397+
).not.to.be.null;
398+
} else {
399+
expect(
400+
messageElement.shadowRoot?.querySelector(
401+
`div[part='message-container sent']`
402+
)
403+
).not.to.be.null;
404+
}
405+
});
409406
});
410407

411408
it('should render the message in `draftMessage` correctly', async () => {
@@ -532,8 +529,8 @@ describe('Chat', () => {
532529
};
533530
await elementUpdated(chat);
534531
const inputArea = chat.shadowRoot?.querySelector('igc-chat-input');
535-
const element = inputArea?.shadowRoot?.querySelector('igc-file-input');
536-
expect(element).not.to.be.undefined;
532+
const element = inputArea?.shadowRoot?.querySelector('input');
533+
expect(element).not.to.be.null;
537534
if (element) {
538535
expect(element.accept).to.equal('image/*');
539536

@@ -637,13 +634,13 @@ describe('Chat', () => {
637634
const messageElements = chat.shadowRoot
638635
?.querySelector(`div[part='message-list']`)
639636
?.querySelectorAll('igc-chat-message');
640-
expect(messageElements).not.to.be.undefined;
637+
expect(messageElements).not.to.be.null;
641638
messageElements?.forEach((messageElement, index) => {
642639
const isCurrentUser = chat.messages[index].sender === 'user';
643640
const messsageContainer = messageElement.shadowRoot?.querySelector(
644641
`div[part='message-container${isCurrentUser ? ' sent' : ''}']`
645642
);
646-
expect(messsageContainer).not.to.be.undefined;
643+
expect(messsageContainer).not.to.be.null;
647644
expect(messsageContainer).dom.to.equal(
648645
`<div part="message-container${isCurrentUser ? ' sent' : ''}">
649646
<pre part="plain-text">
@@ -919,13 +916,13 @@ describe('Chat', () => {
919916
const messageElements = chat.shadowRoot
920917
?.querySelector(`div[part='message-list']`)
921918
?.querySelectorAll('igc-chat-message');
922-
expect(messageElements).not.to.be.undefined;
919+
expect(messageElements).not.to.be.null;
923920
messageElements?.forEach((messageElement, index) => {
924921
const isCurrentUser = chat.messages[index].sender === 'user';
925922
const messsageContainer = messageElement.shadowRoot?.querySelector(
926923
`div[part='message-container${isCurrentUser ? ' sent' : ''}']`
927924
);
928-
expect(messsageContainer).not.to.be.undefined;
925+
expect(messsageContainer).not.to.be.null;
929926
const attachments = messsageContainer?.querySelector(
930927
'igc-message-attachments'
931928
);
@@ -953,13 +950,13 @@ describe('Chat', () => {
953950

954951
const messageElements =
955952
chat?.shadowRoot?.querySelectorAll('igc-chat-message');
956-
expect(messageElements).not.to.be.undefined;
953+
expect(messageElements).not.to.be.null;
957954
messageElements?.forEach((messageElement, index) => {
958955
const isCurrentUser = chat.messages[index].sender === 'user';
959956
const messsageContainer = messageElement.shadowRoot?.querySelector(
960957
`div[part='message-container${isCurrentUser ? ' sent' : ''}']`
961958
);
962-
expect(messsageContainer).not.to.be.undefined;
959+
expect(messsageContainer).not.to.be.null;
963960
const attachments = messsageContainer?.querySelector(
964961
'igc-message-attachments'
965962
);
@@ -993,13 +990,13 @@ describe('Chat', () => {
993990
await aTimeout(500);
994991
const messageElements =
995992
chat.shadowRoot?.querySelectorAll('igc-chat-message');
996-
expect(messageElements).not.to.be.undefined;
993+
expect(messageElements).not.to.be.null;
997994
messageElements?.forEach((messageElement, index) => {
998995
const isCurrentUser = chat.messages[index].sender === 'user';
999996
const messsageContainer = messageElement.shadowRoot?.querySelector(
1000997
`div[part='message-container${isCurrentUser ? ' sent' : ''}']`
1001998
);
1002-
expect(messsageContainer).not.to.be.undefined;
999+
expect(messsageContainer).not.to.be.null;
10031000
expect(messsageContainer).dom.to.equal(
10041001
`<div part="message-container${isCurrentUser ? ' sent' : ''}">
10051002
<div>
@@ -1021,13 +1018,13 @@ describe('Chat', () => {
10211018
await aTimeout(500);
10221019
const messageElements =
10231020
chat.shadowRoot?.querySelectorAll('igc-chat-message');
1024-
expect(messageElements).not.to.be.undefined;
1021+
expect(messageElements).not.to.be.null;
10251022
messageElements?.forEach((messageElement, index) => {
10261023
const isCurrentUser = chat.messages[index].sender === 'user';
10271024
const messsageContainer = messageElement.shadowRoot?.querySelector(
10281025
`div[part='message-container${isCurrentUser ? ' sent' : ''}']`
10291026
);
1030-
expect(messsageContainer).not.to.be.undefined;
1027+
expect(messsageContainer).not.to.be.null;
10311028
expect(messsageContainer).dom.to.equal(
10321029
`<div part="message-container${isCurrentUser ? ' sent' : ''}">
10331030
<pre part="plain-text">
@@ -1125,13 +1122,13 @@ describe('Chat', () => {
11251122
const messageElements = chat.shadowRoot
11261123
?.querySelector('div[part="message-list"]')
11271124
?.querySelectorAll('igc-chat-message');
1128-
expect(messageElements).not.to.be.undefined;
1125+
expect(messageElements).not.to.be.null;
11291126
messageElements?.forEach((messageElement, index) => {
11301127
const isCurrentUser = chat.messages[index].sender === 'user';
11311128
const messsageContainer = messageElement.shadowRoot?.querySelector(
11321129
`div[part='message-container${isCurrentUser ? ' sent' : ''}']`
11331130
);
1134-
expect(messsageContainer).not.to.be.undefined;
1131+
expect(messsageContainer).not.to.be.null;
11351132
expect(messsageContainer).dom.to.equal(
11361133
`<div part="message-container${isCurrentUser ? ' sent' : ''}">
11371134
${!isCurrentUser ? '<span>AI Assistant</span>' : ''}
@@ -1156,8 +1153,8 @@ describe('Chat', () => {
11561153
'igc-icon-button[name="send-message"]'
11571154
);
11581155
const textArea = inputArea?.shadowRoot?.querySelector('igc-textarea');
1159-
expect(sendButton).not.to.be.undefined;
1160-
expect(textArea).not.to.be.undefined;
1156+
expect(sendButton).not.to.be.null;
1157+
expect(textArea).not.to.be.null;
11611158

11621159
if (sendButton && textArea) {
11631160
textArea.setAttribute('value', 'Hello!');
@@ -1261,7 +1258,7 @@ describe('Chat', () => {
12611258
`div[part='input-container']`
12621259
);
12631260

1264-
expect(dropZone).not.to.be.undefined;
1261+
expect(dropZone).not.to.be.null;
12651262
if (dropZone) {
12661263
const mockDataTransfer = new DataTransfer();
12671264
files.forEach((file) => {
@@ -1314,8 +1311,8 @@ describe('Chat', () => {
13141311
);
13151312
const textArea = inputArea?.shadowRoot?.querySelector('igc-textarea');
13161313

1317-
expect(sendButton).not.to.be.undefined;
1318-
expect(textArea).not.to.be.undefined;
1314+
expect(sendButton).not.to.be.null;
1315+
expect(textArea).not.to.be.null;
13191316

13201317
if (sendButton && textArea) {
13211318
textArea.setAttribute('value', 'Hello!');
@@ -1455,7 +1452,7 @@ describe('Chat', () => {
14551452
const inputArea = chat.shadowRoot?.querySelector('igc-chat-input');
14561453
const textArea = inputArea?.shadowRoot?.querySelector('igc-textarea');
14571454

1458-
expect(textArea).not.to.be.undefined;
1455+
expect(textArea).not.to.be.null;
14591456
if (textArea) {
14601457
simulateFocus(textArea);
14611458
simulateKeyboard(textArea, 'a');
@@ -1475,7 +1472,7 @@ describe('Chat', () => {
14751472
const eventSpy = spy(chat, 'emitEvent');
14761473
const inputArea = chat.shadowRoot?.querySelector('igc-chat-input');
14771474
const textArea = inputArea?.shadowRoot?.querySelector('igc-textarea');
1478-
expect(textArea).not.to.be.undefined;
1475+
expect(textArea).not.to.be.null;
14791476

14801477
if (textArea) {
14811478
simulateFocus(textArea);
@@ -1487,7 +1484,7 @@ describe('Chat', () => {
14871484
const eventSpy = spy(chat, 'emitEvent');
14881485
const inputArea = chat.shadowRoot?.querySelector('igc-chat-input');
14891486
const textArea = inputArea?.shadowRoot?.querySelector('igc-textarea');
1490-
expect(textArea).not.to.be.undefined;
1487+
expect(textArea).not.to.be.null;
14911488

14921489
if (textArea) {
14931490
simulateBlur(textArea);
@@ -1500,7 +1497,7 @@ describe('Chat', () => {
15001497
const inputArea = chat.shadowRoot?.querySelector('igc-chat-input');
15011498
const textArea = inputArea?.shadowRoot?.querySelector('igc-textarea');
15021499

1503-
expect(textArea).not.to.be.undefined;
1500+
expect(textArea).not.to.be.null;
15041501
if (textArea) {
15051502
textArea.setAttribute('value', 'Hello!');
15061503
textArea.dispatchEvent(
@@ -1539,8 +1536,8 @@ describe('Chat', () => {
15391536
'igc-icon-button[name="send-message"]'
15401537
);
15411538
const textArea = inputArea?.shadowRoot?.querySelector('igc-textarea');
1542-
expect(sendButton).not.to.be.undefined;
1543-
expect(textArea).not.to.be.undefined;
1539+
expect(sendButton).not.to.be.null;
1540+
expect(textArea).not.to.be.null;
15441541

15451542
chat.addEventListener('igcMessageCreated', (event) => {
15461543
event.preventDefault();

0 commit comments

Comments
 (0)