mirror/Compass
1
0
Fork 0
mirror of https://github.com/CompassConnections/Compass.git synced 2026-05-30 03:37:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Finished up the onboarding flow suite

Browse Source 
Added compatibility question tests and verifications
Updated tests to cover Keywords and Headline changes recently made
Updated tests to cover all of the big5 personality traits
This commit is contained in:
Okechi Jones-Williams
2026-03-04 01:30:41 +00:00
parent 11f8477da2
commit dd01e0b3d0
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
tests/e2e/web/utils/accountInformation.ts
View File

@@ -252,4 +252,4 @@ export const testAccounts: AccountConfig = {
},
}
},
}
}

14
web/components/answers/answer-compatibility-question-content.tsx
View File

@@ -34,6 +34,7 @@ export const IMPORTANCE_CHOICES = {
Important: 2,
'Very Important': 3,
} as const
} as const
type ImportanceColorsType = {
[key: number]: string
@@ -165,6 +166,9 @@ export function AnswerCompatibilityQuestionContent(props: {
<Row className={'gap-2'}>
<PinQuestionButton questionId={question.id} />
{shortenedPopularity && (
<div data-testid="compatibility-question">{compatibilityQuestion.question}</div>
{shortenedPopularity && (
<Row className="text-ink-500 select-none items-center text-sm">
<Tooltip
text={t(
'answers.content.people_answered',
@@ -231,6 +235,7 @@ export function AnswerCompatibilityQuestionContent(props: {
<ExpandingInput
className={'w-full'}
data-testid="compatibility-question-thoughts"
data-testid="compatibility-question-thoughts"
rows={3}
value={answer.explanation ?? ''}
onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) =>
@@ -298,6 +303,7 @@ export const SelectAnswer = (props: {
const {value, setValue, options} = props
return (
<RadioGroup
data-testid="compatibility-question-your-answer"
data-testid="compatibility-question-your-answer"
className={
'border-ink-300 text-ink-400 bg-canvas-50 inline-flex flex-col gap-2 rounded-md border p-1 text-sm shadow-sm'
@@ -310,6 +316,7 @@ export const SelectAnswer = (props: {
key={i}
value={i}
data-testid={`compatibility-your-answer-${i}`}
data-testid={`compatibility-your-answer-${i}`}
className={({disabled}) =>
clsx(
disabled
@@ -336,6 +343,7 @@ export const MultiSelectAnswers = (props: {
return (
<Col
data-testid="compatibility-answers-you-accept"
data-testid="compatibility-answers-you-accept"
className={
'border-ink-300 text-ink-400 bg-canvas-50 inline-flex flex-col gap-2 rounded-md border p-1 text-sm shadow-sm main-font'
@@ -345,6 +353,7 @@ export const MultiSelectAnswers = (props: {
<button
key={i}
data-testid={`compatibility-answers-you-accept-${i}`}
data-testid={`compatibility-answers-you-accept-${i}`}
className={clsx(
values.includes(i)
? 'text-primary-700 bg-primary-100 hover:bg-primary-50'
@@ -366,3 +375,8 @@ export const MultiSelectAnswers = (props: {
export type ImportanceTuple = {
[K in keyof typeof IMPORTANCE_CHOICES]: [K, (typeof IMPORTANCE_CHOICES)[K]]
}[keyof typeof IMPORTANCE_CHOICES]
//Exported types for test files to use when referencing the keys of the choices objects
export type ImportanceTuple = {
[K in keyof typeof IMPORTANCE_CHOICES]: [K, (typeof IMPORTANCE_CHOICES)[K]]
}[keyof typeof IMPORTANCE_CHOICES]