Updated tests for fileContent inside styleset

Srinaath Ravichandran · Srinaath Ravichandran · commit 2ac633e0811b · 2020-03-02T10:47:28.000-08:00
Signed-off-by: Srinaath Ravichandran &lt;srravich@microsoft.com&gt;
diff --git a/packages/app/client/src/ui/editor/emulator/parts/chat/chat.spec.tsx b/packages/app/client/src/ui/editor/emulator/parts/chat/chat.spec.tsx
@@ -59,6 +59,9 @@ jest.mock('./chat.scss', () => ({
   get bubbleContentColor() {
     return '#fff';
   },
+  get bubbleBackground() {
+    return '#ff0000';
+  },
 }));
 
 jest.mock('electron', () => ({
@@ -156,24 +159,14 @@ describe('<ChatContainer />', () => {
       const webChat = wrapper.find(ReactWebChat);
       const styleSet = createStyleSet({ ...webChatStyleOptions });
 
-      styleSet.uploadButton = {
-        ...styleSet.uploadButton,
-        padding: '1px',
-      };
-
-      styleSet.uploadAttachment = {
-        ...styleSet.uploadAttachment,
-        '& > .name, & > .size': {
-          color: '#fff',
-        },
-      };
-
-      const mutatedDownloadAttachment = {
-        ...styleSet.downloadAttachment,
+      styleSet.fileContent = {
+        ...styleSet.fileContent,
+        background: '#ff0000',
+        '& .webchat__fileContent__badge': { padding: '4px' },
+        '& .webchat__fileContent__downloadIcon': { fill: '#fff' },
+        '& .webchat__fileContent__fileName': { color: '#fff' },
+        '& .webchat__fileContent__size': { color: '#fff' },
       };
-      mutatedDownloadAttachment['& > a']['& > .details']['& > .name'].color = '#fff';
-      mutatedDownloadAttachment['& > a']['& > .icon'].fill = '#fff';
-      styleSet.downloadAttachment = mutatedDownloadAttachment;
 
       expect(webChat.exists()).toBe(true);
       const wcProps = webChat.props();
