Skip to content

Commit f745492

Browse files
compulimcompulim
committed
Update snapshots
1 parent 6e4ba44 commit f745492

10 files changed

Lines changed: 60 additions & 116 deletions

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/legacyActivityMiddleware.hideTimestamp.html‎

Lines changed: 0 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -44,17 +44,6 @@
4444

4545
const { directLine, store } = createDirectLineEmulator();
4646

47-
const SystemUnderTest = memo(function SystemUnderTest() {
48-
const [activities] = useActivities();
49-
const renderActivity = useBuildRenderActivityCallback();
50-
51-
return createElement(
52-
'ol',
53-
{},
54-
activities.map(activity => createElement('li', {}, renderActivity({ activity })?.({})))
55-
);
56-
});
57-
5847
const rootElement = document.getElementsByTagName('main')[0];
5948
const activityMiddleware = [
6049
() =>

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/legacyActivityMiddleware.renderActivityStatus.html‎

Lines changed: 14 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -35,25 +35,14 @@
3535
testHelpers: { createDirectLineEmulator },
3636
WebChat: {
3737
activityComponent,
38-
Components: { Composer },
3938
createActivityPolyMiddleware,
40-
hooks: { useActivities, useBuildRenderActivityCallback }
39+
hooks: { useActivities, useBuildRenderActivityCallback },
40+
ReactWebChat
4141
}
4242
} = window;
4343

4444
const { directLine, store } = createDirectLineEmulator();
4545

46-
const SystemUnderTest = memo(function SystemUnderTest() {
47-
const [activities] = useActivities();
48-
const renderActivity = useBuildRenderActivityCallback();
49-
50-
return createElement(
51-
'ol',
52-
{},
53-
activities.map(activity => createElement('li', {}, renderActivity({ activity })?.({})))
54-
);
55-
});
56-
5746
const rootElement = document.getElementsByTagName('main')[0];
5847
const activityMiddleware = [
5948
() =>
@@ -65,19 +54,15 @@
6554

6655
// WHEN: <SystemUnderTest> is being rendered.
6756
createRoot(rootElement).render(
68-
createElement(
69-
Composer,
70-
{
71-
activityMiddleware,
72-
directLine,
73-
store
74-
},
75-
createElement(SystemUnderTest)
76-
)
57+
createElement(ReactWebChat, {
58+
activityMiddleware,
59+
directLine,
60+
store
61+
})
7762
);
7863

7964
// THEN: Should render no list items.
80-
await waitFor(() => expect(rootElement?.getElementsByTagName('ol')[0]?.children).toHaveLength(0));
65+
await pageConditions.uiConnected();
8166

8267
// WHEN: A message "Hello, World!" arrives.
8368
await directLine.emulateIncomingActivity(
@@ -89,9 +74,13 @@
8974
);
9075

9176
// THEN: Should render the message "Hello, World!"
92-
await waitFor(() => expect(rootElement?.getElementsByTagName('ol')[0]?.children).toHaveLength(1));
77+
await pageConditions.numActivitiesShown(1);
9378
await waitFor(() =>
94-
expect(rootElement?.querySelector('ol li')?.textContent.includes('Just now')).toBe(true)
79+
expect(
80+
rootElement
81+
?.querySelector('.webchat__basic-transcript__transcript article:first-child')
82+
?.textContent.includes('Just now')
83+
).toBe(true)
9584
);
9685

9786
// THEN: Should match snapshot.

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/legacyActivityMiddleware.renderActivityStatus.html.snap-1.png‎

3.36 KB
Loading

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/legacyActivityMiddleware.renderAttachment.html‎

Lines changed: 10 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -35,25 +35,14 @@
3535
testHelpers: { createDirectLineEmulator },
3636
WebChat: {
3737
activityComponent,
38-
Components: { Composer },
3938
createActivityPolyMiddleware,
40-
hooks: { useActivities, useBuildRenderActivityCallback }
39+
hooks: { useActivities, useBuildRenderActivityCallback },
40+
ReactWebChat
4141
}
4242
} = window;
4343

4444
const { directLine, store } = createDirectLineEmulator();
4545

46-
const SystemUnderTest = memo(function SystemUnderTest() {
47-
const [activities] = useActivities();
48-
const renderActivity = useBuildRenderActivityCallback();
49-
50-
return createElement(
51-
'ol',
52-
{},
53-
activities.map(activity => createElement('li', {}, renderActivity({ activity })?.({})))
54-
);
55-
});
56-
5746
const rootElement = document.getElementsByTagName('main')[0];
5847
const activityMiddleware = [
5948
() =>
@@ -75,19 +64,15 @@
7564

7665
// WHEN: <SystemUnderTest> is being rendered.
7766
createRoot(rootElement).render(
78-
createElement(
79-
Composer,
80-
{
81-
activityMiddleware,
82-
directLine,
83-
store
84-
},
85-
createElement(SystemUnderTest)
86-
)
67+
createElement(ReactWebChat, {
68+
activityMiddleware,
69+
directLine,
70+
store
71+
})
8772
);
8873

8974
// THEN: Should render no list items.
90-
await waitFor(() => expect(rootElement?.getElementsByTagName('ol')[0]?.children).toHaveLength(0));
75+
await pageConditions.uiConnected();
9176

9277
// WHEN: A message "Hello, World!" arrives.
9378
await directLine.emulateIncomingActivity(
@@ -99,9 +84,9 @@
9984
);
10085

10186
// THEN: Should render the message "Hello, World!"
102-
await waitFor(() => expect(rootElement?.getElementsByTagName('ol')[0]?.children).toHaveLength(1));
87+
await pageConditions.numActivitiesShown(0);
10388
await waitFor(() =>
104-
expect(rootElement?.querySelector('ol li')?.textContent.includes('Hello, World!')).toBe(true)
89+
expect(rootElement?.querySelector('.webchat__basic-transcript__transcript article:first-child')?.textContent.includes('Hello, World!')).toBe(true)
10590
);
10691

10792
// THEN: Should match snapshot.

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/legacyActivityMiddleware.renderAttachment.html.snap-1.png‎

3.34 KB
Loading

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/legacyActivityMiddleware.renderAvatar.html‎

Lines changed: 21 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -35,9 +35,9 @@
3535
testHelpers: { createDirectLineEmulator },
3636
WebChat: {
3737
activityComponent,
38-
Components: { Composer },
3938
createActivityPolyMiddleware,
40-
hooks: { useActivities, useBuildRenderActivityCallback }
39+
hooks: { useActivities, useBuildRenderActivityCallback },
40+
ReactWebChat
4141
}
4242
} = window;
4343

@@ -65,22 +65,18 @@
6565

6666
// WHEN: <SystemUnderTest> is being rendered.
6767
createRoot(rootElement).render(
68-
createElement(
69-
Composer,
70-
{
71-
activityMiddleware,
72-
directLine,
73-
store,
74-
styleOptions: {
75-
botAvatarInitials: 'WC'
76-
}
77-
},
78-
createElement(SystemUnderTest)
79-
)
68+
createElement(ReactWebChat, {
69+
activityMiddleware,
70+
directLine,
71+
store,
72+
styleOptions: {
73+
botAvatarInitials: 'WC'
74+
}
75+
})
8076
);
8177

8278
// THEN: Should render no list items.
83-
await waitFor(() => expect(rootElement?.getElementsByTagName('ol')[0]?.children).toHaveLength(0));
79+
await pageConditions.uiConnected();
8480

8581
// WHEN: A message "Hello, World!" arrives.
8682
await directLine.emulateIncomingActivity(
@@ -92,8 +88,16 @@
9288
);
9389

9490
// THEN: Should render the message "Hello, World!"
95-
await waitFor(() => expect(rootElement?.getElementsByTagName('ol')[0]?.children).toHaveLength(1));
96-
await waitFor(() => expect(rootElement?.querySelector('ol li')?.textContent.includes('WC')).toBe(true));
91+
await waitFor(() =>
92+
expect(rootElement?.querySelector('.webchat__basic-transcript__transcript')?.children).toHaveLength(1)
93+
);
94+
await waitFor(() =>
95+
expect(
96+
rootElement
97+
?.querySelector('.webchat__basic-transcript__transcript article:first-child')
98+
?.textContent.includes('WC')
99+
).toBe(true)
100+
);
97101

98102
// THEN: Should match snapshot.
99103
await host.snapshot('local');

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/legacyActivityMiddleware.renderAvatar.html.snap-1.png‎

3.25 KB
Loading

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/legacyActivityMiddleware.showCallout.html‎

Lines changed: 0 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -44,17 +44,6 @@
4444

4545
const { directLine, store } = createDirectLineEmulator();
4646

47-
const SystemUnderTest = memo(function SystemUnderTest() {
48-
const [activities] = useActivities();
49-
const renderActivity = useBuildRenderActivityCallback();
50-
51-
return createElement(
52-
'ol',
53-
{},
54-
activities.map(activity => createElement('li', {}, renderActivity({ activity })?.({})))
55-
);
56-
});
57-
5847
const rootElement = document.getElementsByTagName('main')[0];
5948
const activityMiddleware = [
6049
() =>
@@ -65,9 +54,6 @@
6554
];
6655

6756
// WHEN: Web Chat is being rendered.
68-
// TODO: [P1] Currently, `showCallout` relies on activity grouping.
69-
// However, there are no ways to render activity grouping outside of <BasicTranscript>.
70-
// We should have a way to simply render activity grouping.
7157
createRoot(rootElement).render(
7258
createElement(ReactWebChat, {
7359
activityMiddleware,

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/simple.html‎

Lines changed: 15 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -34,40 +34,25 @@
3434
const {
3535
testHelpers: { createDirectLineEmulator },
3636
WebChat: {
37-
Components: { Composer },
38-
hooks: { useActivities, useBuildRenderActivityCallback }
37+
hooks: { useActivities, useBuildRenderActivityCallback },
38+
ReactWebChat
3939
}
4040
} = window;
4141

4242
const { directLine, store } = createDirectLineEmulator();
4343

44-
const SystemUnderTest = memo(function SystemUnderTest() {
45-
const [activities] = useActivities();
46-
const renderActivity = useBuildRenderActivityCallback();
47-
48-
return createElement(
49-
'ol',
50-
{},
51-
activities.map(activity => createElement('li', {}, renderActivity({ activity })?.({})))
52-
);
53-
});
54-
5544
const rootElement = document.getElementsByTagName('main')[0];
5645

5746
// WHEN: <SystemUnderTest> is being rendered.
5847
createRoot(rootElement).render(
59-
createElement(
60-
Composer,
61-
{
62-
directLine,
63-
store
64-
},
65-
createElement(SystemUnderTest)
66-
)
48+
createElement(ReactWebChat, {
49+
directLine,
50+
store
51+
})
6752
);
6853

6954
// THEN: Should render no list items.
70-
await waitFor(() => expect(rootElement?.getElementsByTagName('ol')[0]?.children).toHaveLength(0));
55+
await pageConditions.uiConnected();
7156

7257
// WHEN: A message "Hello, World!" arrives.
7358
await directLine.emulateIncomingActivity(
@@ -79,9 +64,15 @@
7964
);
8065

8166
// THEN: Should render the message "Hello, World!"
82-
await waitFor(() => expect(rootElement?.getElementsByTagName('ol')[0]?.children).toHaveLength(1));
8367
await waitFor(() =>
84-
expect(rootElement?.querySelector('ol li')?.textContent.includes('Hello, World!')).toBe(true)
68+
expect(rootElement?.querySelector('.webchat__basic-transcript__transcript')?.children).toHaveLength(1)
69+
);
70+
await waitFor(() =>
71+
expect(
72+
rootElement
73+
?.querySelector('.webchat__basic-transcript__transcript article:first-child')
74+
?.textContent.includes('Hello, World!')
75+
).toBe(true)
8576
);
8677

8778
// THEN: Should match snapshot.

‎__tests__/html2/middleware/activity/hooks/useBuildRenderActivityCallback/simple.html.snap-1.png‎

3.25 KB
Loading

0 commit comments

Comments
 (0)