Skip to content

Commit 5dd43bd

Browse files
compulimcompulim
committed
Add debug-provider package
1 parent 5dfe961 commit 5dd43bd

16 files changed

Lines changed: 124 additions & 140 deletions

‎.dockerignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
!/__tests__
33
/__tests__/__image_snapshots__
44
!/packages/bundle/dist
5+
!/packages/debug-theme/dist
56
!/packages/fluent-theme/dist
67
!/packages/playground/build
78
!/packages/test/fluent-bundle/dist

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

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -14,14 +14,14 @@
1414
}
1515
}
1616
</script>
17+
<script crossorigin="anonymous" src="/test-harness.js"></script>
18+
<script crossorigin="anonymous" src="/test-page-object.js"></script>
1719
<script type="module">
1820
import React from 'react';
19-
2021
window.React = React;
2122
</script>
22-
<script defer crossorigin="anonymous" src="/test-harness.js"></script>
23-
<script defer crossorigin="anonymous" src="/test-page-object.js"></script>
24-
<script defer crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
23+
<script crossorigin="anonymous" defer src="/__dist__/webchat-es5.js"></script>
24+
<script crossorigin="anonymous" defer src="/__dist__/botframework-webchat-debug-theme.development.js"></script>
2525
<style type="text/css">
2626
.my-activity {
2727
border: solid 2px red;
@@ -41,7 +41,7 @@
4141
const {
4242
testHelpers: { createDirectLineEmulator },
4343
WebChat: {
44-
Components: { Composer },
44+
DebugProvider,
4545
hooks: { useActivities, useBuildRenderActivityCallback },
4646
middleware: { activityComponent, createActivityPolymiddleware },
4747
ReactWebChat
@@ -58,14 +58,18 @@
5858
];
5959
const rootElement = document.getElementsByTagName('main')[0];
6060

61-
// WHEN: Web Chat is being rendered.
62-
createRoot(rootElement).render(
63-
createElement(ReactWebChat, {
64-
directLine,
65-
onTelemetry,
66-
polymiddleware,
67-
store
68-
})
61+
// WHEN: Web Chat is being rendered with <DebugProvider>.
62+
createRoot(document.getElementById('webchat')).render(
63+
createElement(
64+
DebugProvider,
65+
{},
66+
createElement(ReactWebChat, {
67+
directLine,
68+
onTelemetry,
69+
polymiddleware,
70+
store
71+
})
72+
)
6973
);
7074

7175
// WHEN: Web Chat is connected.

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

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -13,14 +13,14 @@
1313
}
1414
}
1515
</script>
16+
<script crossorigin="anonymous" src="/test-harness.js"></script>
17+
<script crossorigin="anonymous" src="/test-page-object.js"></script>
1618
<script type="module">
1719
import React from 'react';
18-
1920
window.React = React;
2021
</script>
21-
<script defer crossorigin="anonymous" src="/test-harness.js"></script>
22-
<script defer crossorigin="anonymous" src="/test-page-object.js"></script>
23-
<script defer crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
22+
<script crossorigin="anonymous" defer src="/__dist__/webchat-es5.js"></script>
23+
<script crossorigin="anonymous" defer src="/__dist__/botframework-webchat-debug-theme.development.js"></script>
2424
<style type="text/css">
2525
.my-activity {
2626
border: solid 2px red;
@@ -39,7 +39,7 @@
3939
const {
4040
testHelpers: { createDirectLineEmulator },
4141
WebChat: {
42-
Components: { Composer },
42+
DebugProvider,
4343
hooks: { useActivities, useBuildRenderActivityCallback },
4444
middleware: { activityComponent, createActivityPolymiddleware },
4545
ReactWebChat
@@ -56,14 +56,18 @@
5656
const polymiddleware = [createActivityPolymiddleware(next => request => activityComponent(ThrowOnRender))];
5757
const rootElement = document.getElementsByTagName('main')[0];
5858

59-
// WHEN: Web Chat is being rendered.
60-
createRoot(rootElement).render(
61-
createElement(ReactWebChat, {
62-
directLine,
63-
onTelemetry,
64-
polymiddleware,
65-
store
66-
})
59+
// WHEN: Web Chat is being rendered with <DebugProvider>.
60+
createRoot(document.getElementById('webchat')).render(
61+
createElement(
62+
DebugProvider,
63+
{},
64+
createElement(ReactWebChat, {
65+
directLine,
66+
onTelemetry,
67+
polymiddleware,
68+
store
69+
})
70+
)
6771
);
6872

6973
// WHEN: Web Chat is connected.

‎__tests__/html2/middleware/activity/legacyActivityMiddleware/throw.html‎

Lines changed: 24 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -6,24 +6,33 @@
66
{
77
"imports": {
88
"jest-mock": "https://esm.sh/jest-mock",
9-
"react": "https://esm.sh/react@18.3.1"
9+
"react": "https://esm.sh/react@18.3.1",
10+
"react-dom": "https://esm.sh/react-dom@18.3.1",
11+
"react-dom/": "https://esm.sh/react-dom@18.3.1/"
1012
}
1113
}
1214
</script>
1315
<script crossorigin="anonymous" src="/test-harness.js"></script>
1416
<script crossorigin="anonymous" src="/test-page-object.js"></script>
15-
<script crossorigin="anonymous" src="/__dist__/webchat-es5.js"></script>
17+
<script type="module">
18+
import React from 'react';
19+
window.React = React;
20+
</script>
21+
<script crossorigin="anonymous" defer src="/__dist__/webchat-es5.js"></script>
22+
<script crossorigin="anonymous" defer src="/__dist__/botframework-webchat-debug-theme.development.js"></script>
1623
</head>
1724

1825
<body>
1926
<main id="webchat"></main>
2027
<script type="module">
2128
import { fn, spyOn } from 'jest-mock';
2229
import { createElement } from 'react';
30+
import { createRoot } from 'react-dom/client';
2331

2432
run(async function () {
2533
const {
26-
testHelpers: { createDirectLineEmulator }
34+
testHelpers: { createDirectLineEmulator },
35+
WebChat: { DebugProvider, ReactWebChat }
2736
} = window;
2837

2938
const { directLine, store } = createDirectLineEmulator();
@@ -36,14 +45,18 @@
3645
];
3746
const onTelemetry = fn();
3847

39-
WebChat.renderWebChat(
40-
{
41-
activityMiddleware,
42-
directLine,
43-
onTelemetry,
44-
store
45-
},
46-
document.getElementById('webchat')
48+
// WHEN: Web Chat is being rendered with <DebugProvider>.
49+
createRoot(document.getElementById('webchat')).render(
50+
createElement(
51+
DebugProvider,
52+
{},
53+
createElement(ReactWebChat, {
54+
activityMiddleware,
55+
directLine,
56+
onTelemetry,
57+
store
58+
})
59+
)
4760
);
4861

4962
await pageConditions.uiConnected();

‎__tests__/html2/middleware/activity/legacyActivityMiddleware/throw.html.snap-1.png‎

12.1 KB
Loading

‎__tests__/html2/middleware/activity/noErrorBox.html‎

Lines changed: 0 additions & 95 deletions
This file was deleted.

‎__tests__/html2/middleware/activity/noErrorBox.html.snap-1.png‎

-7.81 KB
Binary file not shown.

‎__tests__/html2/middleware/activity/warnWhenNoRenderer.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,7 @@
3939

4040
const onTelemetry = fn();
4141

42+
// WHEN: Web Chat is being rendered with <DebugProvider>.
4243
createRoot(document.getElementById('webchat')).render(
4344
createElement(
4445
DebugProvider,

‎__tests__/html2/middleware/activity/warnWhenNoRenderer.html.snap-1.png‎

462 Bytes
Loading

‎__tests__/html2/middleware/errorBox/simple.html.snap-1.png‎

6.32 KB
Loading

0 commit comments

Comments
 (0)