@magmamath/students-features 1.3.7-test-ids-rc.2 → 1.3.7

package/src/features/endOfAssignment/components/NoAnswer/NoAnswer.tsx

@@ -18,7 +18,6 @@ import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 import { getEoaButtonColor } from '../../helpers'
 import { AssessmentScoreCard } from '../AssessmentScoreCard/AssessmentScoreCard'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -31,7 +30,6 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
         text: textContent.leftButtonText ?? '',
         colorScheme: getEoaButtonColor(popUpData),
         onPress: () => model.hidePopUpAndLeave(),
-        testID: TEST_IDS.EOA_LEAVE_BUTTON as string | undefined,
       },
     ]
 
@@ -43,7 +41,6 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
           model.goToFirstProblemPressed()
           model.hidePopUp()
         },
-        testID: TEST_IDS.EOA_GO_TO_PROBLEM_ONE_BUTTON,
       })
       return buttons
     }
@@ -58,7 +55,6 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
           onPracticePress?.()
           model.hidePopUp()
         },
-        testID: TEST_IDS.EOA_PRACTICE_BUTTON,
       })
     }
 
@@ -77,7 +73,7 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_WITH_NO_CORRECT_ANSWER}>
+    <View style={styles.container}>
       <View style={styles.textContainer}>
         {!!textContent.title && (
           <Typography variant="h2" style={styles.title}>
@@ -112,7 +108,6 @@ export const NoAnswer = ({ model, textContent, onPracticePress }: EOAModalConten
             colorScheme={button.colorScheme}
             style={{ text: { textTransform: 'uppercase' } }}
             onPress={button.onPress}
-            testID={button.testID}
           >
             {button.text}
           </Button>

package/src/features/endOfAssignment/ui/PracticeButton.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 
 import { Button, ButtonColor } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type PracticeButtonProps = {
   onPress: () => void
@@ -21,7 +20,6 @@ export const PracticeButton = ({
       size="large"
       style={{ text: { textTransform: 'uppercase' } }}
       onPress={onPress}
-      testID={TEST_IDS.EOA_PRACTICE_BUTTON}
     >
       {text}
     </Button>

package/src/features/endOfAssignment/ui/PracticeButtonGroup.tsx

@@ -11,7 +11,6 @@ import Animated, {
 import { ButtonVariant, SPACING, Button, ButtonSize, ButtonColor } from '@magmamath/react-native-ui'
 
 import { PracticeButton } from './PracticeButton'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type PracticeButtonGroupProps = {
   textContent: { leftButtonText?: string; rightButtonText?: string }
@@ -51,7 +50,6 @@ export const PracticeButtonGroup = ({
           colorScheme={buttonColor}
           style={{ text: { textTransform: 'uppercase' } }}
           onPress={onLeftButtonPress}
-          testID={TEST_IDS.EOA_LEAVE_BUTTON}
         >
           {textContent.leftButtonText}
         </Button>

package/src/features/exampleSolution/components/ExampleSolutionModalContent.tsx

@@ -7,7 +7,6 @@ import { ExampleSolutionModalParams } from '../types'
 import { QuestionSection } from './QuestionSection'
 import { SolutionSection } from './SolutionSection'
 import { useExampleSolution } from '../hooks/useExampleSolution'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type ExampleSolutionModalContentProps = {
   params: ExampleSolutionModalParams
@@ -23,7 +22,6 @@ export const ExampleSolutionModalContent = ({
 
   return (
     <View
-      testID={TEST_IDS.EXAMPLE_SOLUTION_MODAL}
       style={[
         styles.container,
         IS_WEB ? { maxHeight: CONTAINER_HEIGHT } : { height: CONTAINER_HEIGHT },

package/src/features/exampleSolution/components/QuestionSection.tsx

@@ -3,7 +3,6 @@ import React from 'react'
 import { COLORS, Loader, LoaderColor, SPACING } from '@magmamath/react-native-ui'
 import Animated, { FadeOut } from 'react-native-reanimated'
 import { ExampleSolutionStatuses } from '../constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type QuestionSectionProps = {
   question?: string
@@ -17,7 +16,7 @@ export const QuestionSection = ({
   renderKatexComponent,
 }: QuestionSectionProps) => {
   return (
-    <View style={styles.container} testID={TEST_IDS.EXAMPLE_SOLUTION_QUESTION_SECTION}>
+    <View style={styles.container}>
       {question && <View style={styles.katexContainer}>{renderKatexComponent(question)}</View>}
       {status === ExampleSolutionStatuses.LOADING && (
         <Animated.View exiting={FadeOut} style={styles.loaderContainer}>

package/src/features/exampleSolution/components/SolutionSection.tsx

@@ -11,7 +11,6 @@ import { COLORS, IS_WEB, SPACING } from '@magmamath/react-native-ui'
 import Animated, { FadeIn } from 'react-native-reanimated'
 import { ExampleSolutionStatuses } from '../constants'
 import gridImage from '../assets/grid.webp'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type SolutionSectionProps = {
   answer?: string
@@ -35,10 +34,7 @@ export const SolutionSection = ({ answer, status }: SolutionSectionProps) => {
     (status === ExampleSolutionStatuses.DONE_DATA || status === ExampleSolutionStatuses.CACHE)
 
   return (
-    <View
-      style={[styles.container, IS_WEB && { maxHeight: height - CONTAINER_HEIGHT_OFFSET }]}
-      testID={TEST_IDS.EXAMPLE_SOLUTION_SOLUTION_SECTION}
-    >
+    <View style={[styles.container, IS_WEB && { maxHeight: height - CONTAINER_HEIGHT_OFFSET }]}>
       <ScrollView
         style={styles.solutionScroll}
         contentContainerStyle={styles.solutionScrollContent}

package/src/features/feedback/components/EmptyComment.tsx

@@ -3,12 +3,11 @@ import { StyleSheet, Text, View } from 'react-native'
 import { COLORS } from '@magmamath/react-native-ui'
 import { BUENOS_AIRES_FONT } from '../constants'
 import { useText } from '../../../shared/translation'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 export const EmptyComment = () => {
   const t = useText()
   return (
-    <View style={styles.container} testID={TEST_IDS.NO_COMMENTS_PLACEHOLDER}>
+    <View style={styles.container}>
       <Text style={styles.text}>{t('teacherFeedback.noComments')}</Text>
     </View>
   )

package/src/features/feedback/components/ListCardCommentsCount.tsx

@@ -3,7 +3,6 @@ import { Text, View, StyleSheet } from 'react-native'
 import { MessageBubbleIcon } from '../../../shared/icons/MessageBubbleIcon'
 import { COLORS } from '@magmamath/react-native-ui'
 import { BUENOS_AIRES_FONT } from '../constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type ListCardCommentsCountProps = {
   count: number
@@ -11,7 +10,7 @@ type ListCardCommentsCountProps = {
 
 export const ListCardCommentsCount = ({ count }: ListCardCommentsCountProps) => {
   return (
-    <View style={styles.container} testID={TEST_IDS.EXERCISE_CARD_COMMENTS_COUNT}>
+    <View style={styles.container}>
       <MessageBubbleIcon size={23} color={COLORS.NEUTRAL_7} />
       <Text style={styles.text}>{count}</Text>
     </View>

package/src/features/feedback/components/TeacherFeedbackButton.tsx

@@ -5,7 +5,6 @@ import { UnreadMessagesBadge } from './UnreadMessagesBadge'
 import { MessageBubbleIcon } from '../../../shared/icons/MessageBubbleIcon'
 import { XCloseIcon } from '../../../shared/icons/XCloseIcon'
 import { FeedbackButtonSize, TEACHER_FEEDBACK_BUTTON_ID } from '../constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 const ICON_SIZES = {
   [FeedbackButtonSize.LARGE]: 37,
@@ -37,7 +36,6 @@ export const TeacherFeedbackButton = ({
     return (
       <Button
         id={TEACHER_FEEDBACK_BUTTON_ID}
-        testID={TEST_IDS.TEACHER_COMMENTS_BUTTON}
         onPress={onPress}
         size="large"
         variant="primary"
@@ -56,7 +54,6 @@ export const TeacherFeedbackButton = ({
   return (
     <Button
       id={TEACHER_FEEDBACK_BUTTON_ID}
-      testID={TEST_IDS.TEACHER_COMMENTS_BUTTON}
       onPress={onPress}
       size="large"
       variant="primary"

package/src/features/feedback/components/TeacherFeedbackComments/TeacherComment.tsx

@@ -4,7 +4,6 @@ import { COLORS } from '@magmamath/react-native-ui'
 import { BUENOS_AIRES_FONT } from '../../constants'
 import { getRelativeTimeText } from '../../../../lib/helpers/helpers'
 import { TeacherComment as TeacherCommentEntity } from '../../types'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type TeacherCommentProps = {
   comment: TeacherCommentEntity
@@ -13,7 +12,7 @@ type TeacherCommentProps = {
 
 export const TeacherComment = ({ comment, style }: TeacherCommentProps) => {
   return (
-    <View style={style} testID={TEST_IDS.TEACHER_COMMENT}>
+    <View style={style}>
       <View style={styles.authorInfo}>
         <Text style={styles.teacherName} numberOfLines={1}>
           {comment.teacherName}

package/src/features/feedback/components/UnreadMessagesBadge.tsx

@@ -1,7 +1,6 @@
 import React from 'react'
 import { Text, View, StyleSheet, Platform, StyleProp, ViewStyle, TextStyle } from 'react-native'
 import { COLORS } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type UnreadMessagesBadgeProps = {
   badgeContent?: number
@@ -18,7 +17,6 @@ export const UnreadMessagesBadge = ({
 }: UnreadMessagesBadgeProps) => {
   return (
     <View
-      testID={TEST_IDS.UNREAD_COMMENTS_BADGE}
       style={[
         styles.container,
         style,

package/src/features/formulaSheet/components/FormulaSheet.tsx

@@ -13,7 +13,6 @@ import {
 } from '@magmamath/react-native-ui'
 import { FormulaSheetModel } from '../model/model'
 import { FormulaSheetModal } from './FormulaSheetModal'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type FormulaSheetProps = {
   model: FormulaSheetModel
@@ -57,7 +56,6 @@ export const FormulaSheet = forwardRef<ButtonRef | null, FormulaSheetProps>(
       <>
         <Button
           ref={ref}
-          testID={TEST_IDS.FORMULA_SHEET_BUTTON}
           size={buttonSize}
           variant={ButtonVariant.SECONDARY}
           colorScheme={buttonColor}

package/src/features/formulaSheet/components/FormulaSheetModal.tsx

@@ -10,7 +10,6 @@ import {
   LoaderType,
   SPACING,
 } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type FormulaSheetModalProps = {
   isLoading: boolean
@@ -40,7 +39,7 @@ export const FormulaSheetModal = ({
       <TouchableWithoutFeedback onPress={onClose}>
         <View style={styles.container}>
           <TouchableWithoutFeedback onPress={(event) => event.stopPropagation()}>
-            <View testID={TEST_IDS.FORMULA_SHEET_MODAL} style={styles.content}>
+            <View style={styles.content}>
               {isLoading ? (
                 <Loader type={LoaderType.PRIMARY} color={loaderColor} size={LoaderSize.LARGE} />
               ) : (

package/src/features/keyboard/components/BasicLayout/BasicLayout.tsx

@@ -5,7 +5,6 @@ import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
 import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
 import { getMainKeyboardGroup } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const BasicLayout = ({ keys, ...props }: KeyboardLayoutProps & PropsWithChildren) => {
   const keysByLocale = getMainKeyboardGroup(keys, KeyboardType.Basic)
@@ -19,7 +18,7 @@ export const BasicLayout = ({ keys, ...props }: KeyboardLayoutProps & PropsWithC
   }
 
   return (
-    <View style={styles.container} testID={TEST_IDS.KEYBOARD_BASIC_LAYOUT}>
+    <View style={styles.container}>
       <KeysList keys={keysToShow} numOfRows={2} {...props} />
       {props.children || null}
     </View>

package/src/features/keyboard/components/BasicLayout/CurrencyBasicLayout.tsx

@@ -1,19 +1,15 @@
 import React from 'react'
-import { View } from 'react-native'
 import { KeysList } from '../KeysList/KeysList'
 import { BasicLayout } from './BasicLayout'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const CurrencyBasicLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   const keysGroup = getMainKeyboardGroup(keys, KeyboardType.BasicCurrency)
 
   return (
     <BasicLayout keys={keys} {...props}>
-      <View testID={TEST_IDS.KEYBOARD_CURRENCY_KEYS}>
-        <KeysList keys={keysGroup.keys} numOfRows={keysGroup.keys.length} {...props} />
-      </View>
+      <KeysList keys={keysGroup.keys} numOfRows={keysGroup.keys.length} {...props} />
     </BasicLayout>
   )
 }

package/src/features/keyboard/components/BasicLayout/TimeBasicLayout.tsx

@@ -1,31 +1,28 @@
 import React from 'react'
 import { KeysList } from '../KeysList/KeysList'
-import { StyleSheet, View } from 'react-native'
+import { StyleSheet } from 'react-native'
 import { BasicLayout } from './BasicLayout'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const TimeBasicLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   const keysGroup = getMainKeyboardGroup(keys, KeyboardType.BasicTime)
 
   return (
     <BasicLayout keys={keys} {...props}>
-      <View testID={TEST_IDS.KEYBOARD_TIME_KEYS}>
-        <KeysList
-          keys={keysGroup.keys}
-          numOfRows={keysGroup.numOfRows || keysGroup.keys.length}
-          style={{
-            option: {
-              text: styles.text,
-              button: styles.button,
-              container: styles.container,
-            },
-          }}
-          {...props}
-        />
-      </View>
+      <KeysList
+        keys={keysGroup.keys}
+        numOfRows={keysGroup.numOfRows || keysGroup.keys.length}
+        style={{
+          option: {
+            text: styles.text,
+            button: styles.button,
+            container: styles.container,
+          },
+        }}
+        {...props}
+      />
     </BasicLayout>
   )
 }

package/src/features/keyboard/components/BasicPlusLayout/BasicPlusLayout.tsx

@@ -5,7 +5,6 @@ import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
 import { MOBILE_LAYOUT_WIDTH } from '../../constants/keyboard.constants'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const BasicPlusLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   const { width } = useWindowDimensions()
@@ -17,7 +16,7 @@ export const BasicPlusLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   )
 
   return (
-    <View style={styles.container} testID={TEST_IDS.KEYBOARD_BASIC_PLUS_LAYOUT}>
+    <View style={styles.container}>
       <KeysList keys={keysGroup.keys} numOfRows={3} {...props} />
     </View>
   )

package/src/features/keyboard/components/BasicPlusPlusLayout/BasicPlusPlusLayout.tsx

@@ -5,7 +5,6 @@ import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
 import { IS_MOBILE } from '@magmamath/react-native-ui'
 import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const BasicPlusPlusLayout = ({ keys, ...props }: KeyboardLayoutProps) => {
   const { width } = useWindowDimensions()
@@ -19,7 +18,7 @@ export const BasicPlusPlusLayout = ({ keys, ...props }: KeyboardLayoutProps) =>
   )
 
   return (
-    <View style={styles.container} testID={TEST_IDS.KEYBOARD_BASIC_PLUS_PLUS_LAYOUT}>
+    <View style={styles.container}>
       <KeysList keys={keysGroup.keys} numOfRows={3} {...props} />
     </View>
   )

package/src/features/keyboard/components/Keyboard.tsx

@@ -12,7 +12,6 @@ import { isMobileWidth } from '../helpers'
 import { KeyboardConfig } from '@magmamath/frontend-config'
 import { KeyboardKey, KeyboardKeyValue } from '../types/types'
 import { resolveKeyboard } from '../constants/keyboard.helpers'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type KeyboardProps = {
   onKeyPress: (key: KeyboardKeyValue) => void
@@ -57,7 +56,6 @@ export const Keyboard = ({
 
   return (
     <Animated.View
-      testID={TEST_IDS.KEYBOARD}
       style={[
         styles.container,
         style,

package/src/features/keyboard/components/MainLayout/MainLayout.tsx

@@ -4,7 +4,6 @@ import { IS_MOBILE, IS_WEB, SelectOptionColor } from '@magmamath/react-native-ui
 import { getLayoutByCharType, isBasicPlusPlusLayout } from '../../constants/keyboardLayouts'
 import { UnderlinedLayout } from '../UnderlinedLayout/UnderlinedLayout'
 import { KeyboardKey, KeyboardKeyValue, ResolvedKeyboard } from '../../types/types'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type LayoutProps = {
   keys: ResolvedKeyboard
@@ -58,10 +57,7 @@ export const MainLayout = ({
   }, [showUnderlinedKeys, animateFade])
 
   return (
-    <View
-      style={[styles.container, IS_MOBILE && { flex: 1 }]}
-      testID={TEST_IDS.KEYBOARD_MAIN_LAYOUT}
-    >
+    <View style={[styles.container, IS_MOBILE && { flex: 1 }]}>
       <Layout {...props} onLayoutChange={setIsSecondaryLayoutSelected} />
       {isUnderlinedLayoutVisible && (
         <Animated.View style={{ opacity: fadeAnim }}>

package/src/features/keyboard/components/Numpad/Numpad.tsx

@@ -5,7 +5,6 @@ import { SPACING } from '@magmamath/react-native-ui'
 import { KeyboardLayoutProps, KeyboardType } from '../../types/types'
 import { useText } from '../../../../shared/translation'
 import { getMainKeyboardGroup } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type NumpadProps = {
   style?: StyleProp<ViewStyle>
@@ -16,7 +15,7 @@ export const Numpad = ({ style, keys, ...props }: NumpadProps) => {
   const keyboardGroup = getMainKeyboardGroup(keys, KeyboardType.Numpad)
 
   return (
-    <View style={[styles.container, style]} testID={TEST_IDS.KEYBOARD_NUMPAD}>
+    <View style={[styles.container, style]}>
       <KeysList keys={keyboardGroup.keys} numOfRows={3} {...props} />
     </View>
   )

package/src/features/keyboard/components/UnderlinedLayout/UnderlinedLayout.tsx

@@ -1,9 +1,7 @@
 import React from 'react'
-import { View } from 'react-native'
 import { KeysList } from '../KeysList/KeysList'
 import { KeyboardLayoutProps, KeyboardType, ResolvedKeyboard } from '../../types/types'
 import { getMainKeyboardGroup } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type UnderlinedLayoutProps = {
   keys: ResolvedKeyboard
@@ -15,12 +13,6 @@ export const UnderlinedLayout = ({ keys, ...props }: UnderlinedLayoutProps) => {
   const keysToShow = props.showSlashKey ? keysGroup.keys : keysGroup.keys.slice(0, -1)
 
   return (
-    <View testID={TEST_IDS.KEYBOARD_UNDERLINED_LAYOUT}>
-      <KeysList
-        keys={keysToShow}
-        numOfRows={props.showSlashKey ? 2 : keysToShow.length}
-        {...props}
-      />
-    </View>
+    <KeysList keys={keysToShow} numOfRows={props.showSlashKey ? 2 : keysToShow.length} {...props} />
   )
 }

package/src/features/keyboard/components/UnitsLayout/UnitsLayout.tsx

@@ -9,7 +9,6 @@ import { useUnitTabs } from './hooks/useUnitTabs'
 import { getMainKeyboardGroup } from '../../helpers'
 import { KeyboardUnitsGroupType, SelectedLayout } from './types'
 import { getSelectOptions } from './helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const UnitsLayout = ({ onLayoutChange, keys, ...props }: KeyboardLayoutProps) => {
   const { width } = useWindowDimensions()
@@ -43,7 +42,7 @@ export const UnitsLayout = ({ onLayoutChange, keys, ...props }: KeyboardLayoutPr
   )
 
   return (
-    <View style={styles.container} testID={TEST_IDS.KEYBOARD_UNITS_LAYOUT}>
+    <View style={styles.container}>
       {isDesktop && (
         <SelectGroup
           numOfRows={2}

package/src/features/openEnded/components/OpenEndedAttemptsLimit.tsx

@@ -1,14 +1,13 @@
 import React from 'react'
 import { View, StyleSheet, Text } from 'react-native'
 import { SPACING, BORDER_RADIUS, COLORS } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type OEAttemptsLimitProps = {
   text: string
 }
 
 export const OpenEndedAttemptsLimit = ({ text }: OEAttemptsLimitProps) => (
-  <View testID={TEST_IDS.OPEN_ENDED_ATTEMPTS_LIMIT} style={styles.container}>
+  <View style={styles.container}>
     <Text style={styles.text}>{text}</Text>
   </View>
 )

package/src/features/openEnded/components/OpenEndedScoreLabel.tsx

@@ -10,7 +10,6 @@ import {
 import { getScoreLabelColor } from '../oe.helpers'
 import { OpenEndedScoreLabelVariant } from '../oe.types'
 import { isWeb } from '../../../shared/common.constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type OpenEndedScoreLabelProps = {
   label: string
@@ -39,7 +38,7 @@ export const OpenEndedScoreLabel = ({
     score !== null && score >= 10 ? SCORE_WIDTH.LARGE : SCORE_WIDTH.DEFAULT
 
   return (
-    <View testID={TEST_IDS.OPEN_ENDED_SCORE_LABEL} style={styles.container}>
+    <View style={styles.container}>
       <View style={[styles.score, { width: scoreContainerWidth }]}>
         <Typography
           variant={HeadingVariants.H3}

package/src/features/pmProgress/components/header/NextUp.tsx

@@ -4,7 +4,6 @@ import { COLORS, HeadingVariants, SPACING, Typography } from '@magmamath/react-n
 import { SketchArrowRight } from '../../../../shared/icons/SketchArrowRight'
 import { SliceDiamondIcon } from '../../../../shared/icons/SliceDiamondIcon'
 import { useText } from '../../../../shared/translation'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 import { useUnit, useStoreMap } from 'effector-react'
 import { usePmProgress } from '../../context/PmProgressContext'
 import { isFluencyDomain } from '../../shared/pmProgress.helpers'
@@ -40,7 +39,7 @@ export const NextUp = () => {
               </Typography>
             </View>
             <View style={[styles.row, styles.tilted]}>
-              <Typography variant={HeadingVariants.H7} style={styles.muted} testID={TEST_IDS.PM_PROGRESS_NEXT_UP_DOMAIN_NAME}>
+              <Typography variant={HeadingVariants.H7} style={styles.muted}>
                 {nextUp?.title}
               </Typography>
               <View style={styles.diamond}>

package/src/features/pmProgress/components/header/PmProgressHeader.tsx

@@ -19,7 +19,6 @@ import { useUnit, useStoreMap } from 'effector-react'
 import { usePmProgress } from '../../context/PmProgressContext'
 import { formatGradeLabel } from '../../shared/pmProgress.helpers'
 import { MenuIcon } from '../../../../shared/icons/MenuIcon'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 import { NextUp } from './NextUp'
 import { BURGER_MENU_BREAKPOINT, MENU_MAX_HEIGHT } from '@magmamath/students-features'
 
@@ -45,7 +44,6 @@ export const PmProgressHeader = () => {
         key: grade.value,
         title: formatGradeLabel(grade.value, customGradeLabels),
         disabled: grade.isLocked,
-        testID: TEST_IDS.PM_PROGRESS_GRADE_ITEM(grade.value),
         ...menuItemProps,
       })),
   })
@@ -59,7 +57,6 @@ export const PmProgressHeader = () => {
               onPress={onMenuPress}
               variant={ButtonVariant.TERTIARY}
               icon={<MenuIcon size={24} />}
-              testID={TEST_IDS.PM_PROGRESS_BURGER_MENU_BUTTON}
             />
           </View>
         )}
@@ -74,7 +71,6 @@ export const PmProgressHeader = () => {
             <Button
               variant={ButtonVariant.TERTIARY}
               onPress={() => setIsDropdownOpen((prev) => !prev)}
-              testID={TEST_IDS.PM_PROGRESS_GRADE_DROPDOWN_BUTTON}
             >
               <Typography variant={HeadingVariants.H8} style={styles.dark}>
                 {grade !== null

package/src/features/pmProgress/components/header/StartButton.tsx

@@ -12,7 +12,6 @@ import {
   Typography,
 } from '@magmamath/react-native-ui'
 import { useText } from '../../../../shared/translation'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 const PULSATION_COLOR = '#FFBE4E66'
 const PULSE_OVERFLOW_X = 16
@@ -132,7 +131,6 @@ export const StartButton = ({
         colorScheme={ButtonColor.YELLOW}
         raiseLevel={6}
         style={{ container: styles.startButton }}
-        testID={TEST_IDS.PM_PROGRESS_START_BUTTON}
       >
         <Typography variant={HeadingVariants.H6} style={styles.startButtonText}>
           {t('pmProgress.startButton')}

package/src/features/pmProgress/components/insights/PmTimeframeStats.tsx

@@ -18,7 +18,6 @@ import { useUnit } from 'effector-react'
 import { formatTime } from '../../shared/pmProgress.helpers'
 import { InsightsTimeframe, STATS_MAX_HEIGHT } from '../../shared/pmProgress.constants'
 import { usePmProgress } from '../../context/PmProgressContext'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 const optionStyle: SelectOptionProps['style'] = {
   text: {
@@ -35,9 +34,9 @@ export const PmTimeframeStats = () => {
   const insights = useUnit(model.insights.$insights)
 
   const OPTIONS: SelectOptionProps[] = [
-    { key: InsightsTimeframe.WEEK, title: t('pmProgress.thisWeek'), style: optionStyle, testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.WEEK) },
-    { key: InsightsTimeframe.LAST_WEEK, title: t('pmProgress.lastWeek'), style: optionStyle, testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.LAST_WEEK) },
-    { key: InsightsTimeframe.ALL, title: t('pmProgress.allTime'), style: optionStyle, testID: TEST_IDS.PM_PROGRESS_TIMEFRAME_TAB(InsightsTimeframe.ALL) },
+    { key: InsightsTimeframe.WEEK, title: t('pmProgress.thisWeek'), style: optionStyle },
+    { key: InsightsTimeframe.LAST_WEEK, title: t('pmProgress.lastWeek'), style: optionStyle },
+    { key: InsightsTimeframe.ALL, title: t('pmProgress.allTime'), style: optionStyle },
   ]
 
   return (
@@ -49,7 +48,6 @@ export const PmTimeframeStats = () => {
             label={t('pmProgress.stars')}
             color={COLORS.PRIMARY_YELLOW}
             icon={<StarIcon />}
-            testID={TEST_IDS.PM_PROGRESS_STARS_CARD}
           />
           <StatsCard
             value={formatTime(insights?.timeInPracticeMs ?? 0)}
@@ -57,7 +55,6 @@ export const PmTimeframeStats = () => {
             color={COLORS.PRIMARY_PURPLE}
             iconStyle={styles.timeIcon}
             icon={<TimerIcon />}
-            testID={TEST_IDS.PM_PROGRESS_TIME_CARD}
           />
         </View>
 

package/src/features/pmProgress/components/insights/StatsCard.tsx

@@ -8,12 +8,11 @@ type StatsCardProps = {
   color: string
   icon: ReactNode
   iconStyle?: ViewStyle
-  testID?: string
 }
 
-export const StatsCard = ({ value, label, color, icon, iconStyle, testID }: StatsCardProps) => {
+export const StatsCard = ({ value, label, color, icon, iconStyle }: StatsCardProps) => {
   return (
-    <View style={[styles.card, { borderColor: color }]} testID={testID}>
+    <View style={[styles.card, { borderColor: color }]}>
       <View style={[styles.iconContainer, { backgroundColor: color }, iconStyle]}>{icon}</View>
       <View>
         <Text style={[styles.value, { color }]}>{value}</Text>