@magmamath/students-features 1.2.2-rc.5 → 1.3.0

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

@@ -23,7 +23,6 @@ import {
 
 import { ModalModel } from './model'
 import { ModalBackground } from './ModalBackground'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 const stopPropagation = {
   onTouchStart: (event: GestureResponderEvent) => {
@@ -72,10 +71,7 @@ export const Modal = ({
   if (!isVisible) return null
   return (
     <TouchableWithoutFeedback onPress={() => isDismissable && onClose?.()}>
-      <Animated.View
-        style={[styles.overlay, style?.overlay, modalModel.animatedStyle]}
-        testID={TEST_IDS.EOA_MODAL}
-      >
+      <Animated.View style={[styles.overlay, style?.overlay, modalModel.animatedStyle]}>
         <TouchableWithoutFeedback {...stopPropagation}>
           <View style={[styles.container, style?.container]}>
             {withBackground && <View style={styles.backgroundWrapper}>{<ModalBackground />}</View>}
@@ -85,7 +81,6 @@ export const Modal = ({
                   variant={ButtonVariant.TERTIARY}
                   icon={<CrossIcon size={18} color={COLORS.NEUTRAL_7} />}
                   onPress={onClose}
-                  testID={TEST_IDS.EOA_MODAL_CLOSE_BUTTON}
                 />
               </View>
             )}

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/AlgebraLayout/AlgebraLayout.tsx

@@ -7,7 +7,6 @@ import { SelectedLayout } from './types'
 import { getMainKeyboardGroup } from '../../helpers'
 import { getSelectOptions } from './helpers'
 import { KEYBOARD_LAYOUTS } from '../../constants/keyboardLayouts'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const AlgebraLayout = ({ onLayoutChange, keys, ...props }: KeyboardLayoutProps) => {
   const [selectedLayout, setSelectedLayout] = useState<SelectedLayout>(SelectedLayout.BASIC)
@@ -32,7 +31,7 @@ export const AlgebraLayout = ({ onLayoutChange, keys, ...props }: KeyboardLayout
   const currentKeys = keyboardGroups.get(selectedLayout)?.keys ?? []
 
   return (
-    <View style={styles.container} testID={TEST_IDS.KEYBOARD_ALGEBRA_LAYOUT}>
+    <View style={styles.container}>
       {isDesktop && (
         <SelectGroup
           numOfRows={2}

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()
@@ -29,7 +28,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
@@ -37,7 +36,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/problemSelector/components/ProblemSelectorButton.tsx

@@ -13,7 +13,6 @@ import {
 } from '@magmamath/react-native-ui'
 
 import { BADGE_COORDINATES, BUTTON_BORDER_WIDTH, BUTTON_SIZE, COLOR_SCHEME_MAP } from '../constants'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 import { ProblemSelectorButtonProps } from '../types'
 
@@ -29,7 +28,6 @@ export const ProblemSelectorButton = ({
   return (
     <View style={styles.wrapper}>
       <Button
-        testID={TEST_IDS.PROBLEM_SELECTOR_BUTTON(text)}
         variant={ButtonVariant.PRIMARY}
         size={ButtonSize.MEDIUM}
         customColorScheme={customColorScheme}

package/src/features/voice/recording/components/VoiceRecordButton.tsx

@@ -13,7 +13,6 @@ import { VoiceRecordModel } from '../model/VoiceRecord.model'
 import { useUnit } from 'effector-react'
 import { VoiceRecorderState } from '../../constants'
 import { useText } from '../../../../shared/translation'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type VoiceRecordButtonProps = {
   style?: ButtonStyle
@@ -46,7 +45,6 @@ export const VoiceRecordButton = ({ style, model }: VoiceRecordButtonProps) => {
       pointerEvents={!availableInputs.length || isInitializing ? 'box-only' : 'auto'}
     >
       <Button
-        testID={TEST_IDS.VOICE_RECORD_BUTTON}
         disabled={isButtonDisabled || !availableInputs.length}
         onPressIn={() => model.recorderButtonHandler()}
         style={combinedStyles}

package/src/features/voice/recording/components/VoiceRecordDeleteButton.tsx

@@ -1,7 +1,6 @@
 import { StyleSheet, TouchableOpacity } from 'react-native'
 import { COLORS, TrashcanIcon } from '@magmamath/react-native-ui'
 import React from 'react'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type VoiceRecordDeleteProps = {
   onPress?: () => void
@@ -10,7 +9,7 @@ type VoiceRecordDeleteProps = {
 
 export const VoiceRecordDeleteButton = ({ onPress, isDisabled }: VoiceRecordDeleteProps) => {
   return (
-    <TouchableOpacity testID={TEST_IDS.VOICE_RECORD_DELETE_BUTTON} style={styles.container} onPress={onPress} disabled={isDisabled}>
+    <TouchableOpacity style={styles.container} onPress={onPress} disabled={isDisabled}>
       <TrashcanIcon size={20} color={isDisabled ? COLORS.NEUTRAL_5 : COLORS.NEUTRAL_9} />
     </TouchableOpacity>
   )

package/src/features/voice/recording/components/VoiceRecordTimer.tsx

@@ -4,7 +4,6 @@ import React from 'react'
 import { VoiceRecordModel } from '../model/VoiceRecord.model'
 import { useUnit } from 'effector-react'
 import { formatDuration } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type VoiceRecordTimerProps = {
   style?: StyleProp<ViewStyle>
@@ -21,7 +20,7 @@ export const VoiceRecordTimer = ({
   const displayDurationMs = recordingFileDurationMs || savedAudioFileDurationMs
 
   return (
-    <View testID={TEST_IDS.VOICE_RECORD_TIMER} style={[styles.container, style]}>
+    <View style={[styles.container, style]}>
       <Typography variant="h9" style={styles.text}>
         {displayDurationMs ? formatDuration(displayDurationMs) : '0:00'}
       </Typography>