diff --git a/src/pages/Question/QuestionPage.tsx b/src/pages/Question/QuestionPage.tsx index d04a5e83d0..98257dabbc 100644 --- a/src/pages/Question/QuestionPage.tsx +++ b/src/pages/Question/QuestionPage.tsx @@ -1,6 +1,7 @@ import { useEffect, useState } from 'react' import { Link, useParams } from 'react-router-dom' import { + ContentStatistics, FollowButton, Loader, ModerationStatus, @@ -10,8 +11,8 @@ import { transformToUserComments } from 'src/common/transformToUserComments' import { logger } from 'src/logger' import { useDiscussionStore } from 'src/stores/Discussions/discussions.store' import { useQuestionStore } from 'src/stores/Question/question.store' -import { isAllowedToEditContent } from 'src/utils/helpers' -import { Box, Button, Card, Flex, Heading, Text } from 'theme-ui' +import { buildStatisticsLabel, isAllowedToEditContent } from 'src/utils/helpers' +import { Box, Button, Card, Divider, Flex, Heading, Text } from 'theme-ui' import { ContentAuthorTimestamp } from '../common/ContentAuthorTimestamp/ContentAuthorTimestamp' import { QuestionComments } from './QuestionComments' @@ -117,47 +118,92 @@ export const QuestionPage = () => { ) : question ? ( <> - - - + + + + + {isEditable && ( + + + + )} + + - - {isEditable && ( - - - - )} - - - + - - {question.title} - - {question.description} - + + {question.title} + + {question.description} + + + + + {question._id && ( { new RegExp(`^${question.description.split(' ')[0]}`), ), ).toBeInTheDocument() + + // Content statistics + expect(wrapper.getByText(`0 views`)).toBeInTheDocument() + expect(wrapper.getByText(`0 following`)).toBeInTheDocument() + expect(wrapper.getByText(`1 comment`)).toBeInTheDocument() + expect(mockFetchQuestionBySlug).toBeCalledWith(question.slug) }) })