diff --git a/src/views/studio/studio-comments.jsx b/src/views/studio/studio-comments.jsx index 1c33a04e0..e2ea3cf55 100644 --- a/src/views/studio/studio-comments.jsx +++ b/src/views/studio/studio-comments.jsx @@ -75,7 +75,7 @@ const StudioComments = ({

{canEditCommentsAllowed && } - {studioCommentsGloballyEnabled ? + {!hasFetchedSession || studioCommentsGloballyEnabled ?
{shouldShowCommentComposer ? (commentsAllowed ? diff --git a/test/unit/components/studio-comments.test.jsx b/test/unit/components/studio-comments.test.jsx index 1985d370f..fb8f13757 100644 --- a/test/unit/components/studio-comments.test.jsx +++ b/test/unit/components/studio-comments.test.jsx @@ -69,4 +69,45 @@ describe('Studio comments', () => { ); expect(resetComments).not.toHaveBeenCalled(); }); + + test('Comments do not show when they are off globally', () => { + const component = mountWithIntl( + + ); + expect(component.find('div.studio-compose-container').exists()).toBe(true); + expect(component.find('CommentingStatus').exists()).toBe(true); + expect(component.find('TopLevelComment').exists()).toBe(false); + }); + test('Comments do show when they are on globally', () => { + const component = mountWithIntl( + + ); + expect(component.find('div.studio-compose-container').exists()).toBe(true); + expect(component.find('CommentingStatus').exists()).toBe(false); + expect(component.find('TopLevelComment').exists()).toBe(true); + }); + + test('Comments off status does not show if we have not fetched the session', () => { + const component = mountWithIntl( + + ); + expect(component.find('div.studio-compose-container').exists()).toBe(true); + expect(component.find('CommentingStatus').exists()).toBe(false); + expect(component.find('TopLevelComment').exists()).toBe(true); + }); });