diff --git a/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/ScorecardQuestionEdit/ScorecardQuestionEdit.module.scss b/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/ScorecardQuestionEdit/ScorecardQuestionEdit.module.scss index 995aeed6d..2d443acc9 100644 --- a/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/ScorecardQuestionEdit/ScorecardQuestionEdit.module.scss +++ b/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/ScorecardQuestionEdit/ScorecardQuestionEdit.module.scss @@ -82,12 +82,21 @@ .answerWrap { display: flex; align-items: center; + flex-wrap: wrap; gap: $sp-4; .answerInput { width: 120px; } } +.placementGuidelines { + flex-basis: 100%; + order: 1; + color: #767676; + font-size: 14px; + line-height: 20px; +} + .responseTypeWrap { width: 240px; } diff --git a/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/ScorecardQuestionEdit/ScorecardQuestionEdit.spec.tsx b/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/ScorecardQuestionEdit/ScorecardQuestionEdit.spec.tsx new file mode 100644 index 000000000..44e7bb795 --- /dev/null +++ b/src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/ScorecardQuestionEdit/ScorecardQuestionEdit.spec.tsx @@ -0,0 +1,174 @@ +/* eslint-disable import/no-extraneous-dependencies, ordered-imports/ordered-imports */ +import { FC, useMemo } from 'react' +import { render, screen } from '@testing-library/react' +import { useForm } from 'react-hook-form' + +import type { + ChallengeDetailContextModel, + FormReviews, + ReviewItemInfo, + ScorecardQuestion, +} from '../../../../../models' +import { ChallengeDetailContext } from '../../../../../contexts/ChallengeDetailContext' + +import ScorecardQuestionEdit from './ScorecardQuestionEdit' + +const mockUseScorecardViewerContext = jest.fn() + +jest.mock('../../ScorecardViewer.context', () => ({ + useScorecardViewerContext: () => mockUseScorecardViewerContext(), +})) + +jest.mock('../../../../../utils', () => ({ + getScoreResponseOptions: () => [{ + label: '10', + value: '10', + }], +})) + +jest.mock('~/libs/ui', () => ({ + IconOutline: { + ChevronDownIcon: () => , + }, +}), { virtual: true }) + +jest.mock('~/apps/review/src/lib/assets/icons', () => ({ + IconComment: () => , +}), { virtual: true }) + +jest.mock('../../../../FieldMarkdownEditor', () => ({ + FieldMarkdownEditor: () =>