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

package/example/metro.config.js

@@ -0,0 +1,18 @@
+const path = require('path');
+const { getDefaultConfig } = require('@expo/metro-config');
+const { getConfig } = require('react-native-builder-bob/metro-config');
+const pkg = require('../package.json');
+
+const root = path.resolve(__dirname, '..');
+
+/**
+ * Metro configuration
+ * https://facebook.github.io/metro/docs/configuration
+ *
+ * @type {import('metro-config').MetroConfig}
+ */
+module.exports = getConfig(getDefaultConfig(__dirname), {
+  root,
+  pkg,
+  project: __dirname,
+});

package/example/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@magmamath/students-features-example",
+  "version": "1.0.0",
+  "main": "index.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web"
+  },
+  "dependencies": {
+    "@expo/metro-runtime": "~4.0.0",
+    "expo": "~52.0.11",
+    "expo-status-bar": "~2.0.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-native": "0.76.3",
+    "react-native-web": "~0.19.13"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.20.0",
+    "react-native-builder-bob": "^0.33.3"
+  },
+  "private": true
+}

package/example/src/App.tsx

@@ -0,0 +1,8 @@
+import React from 'react'
+import { Text } from 'react-native'
+
+const App = () => {
+  return <Text>Hello</Text>
+}
+
+export default App

package/example/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../tsconfig",
+  "compilerOptions": {
+    // Avoid expo-cli auto-generating a tsconfig
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.3.7-test-ids-rc.0",
+  "version": "1.3.7",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",

package/src/features/chatbot/components/Chat/Chat.tsx

@@ -21,7 +21,6 @@ import { MessageItem } from './MessageItem'
 import { CHAT_CONTAINER_WIDTH } from '../../constants'
 import { useChatScroll } from '../../hooks/useChatScroll'
 import { useChatFade, FadeOverlays } from '../../hooks/useChatFade'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 const Separator = () => <View style={styles.separator} />
 const keyExtractor = (item: ConversationMessage, index: number) => `${item.id}-${index}`
@@ -116,7 +115,7 @@ export const Chat = ({
   if (!isOpen) return null
 
   return (
-    <View testID={TEST_IDS.CHAT_AREA} style={[styles.container, { maxHeight }]}>
+    <View style={[styles.container, { maxHeight }]}>
       <View style={styles.listWrapper}>
         <FlatList
           ref={listRef}

package/src/features/chatbot/components/Chat/ChatIcon.tsx

@@ -5,14 +5,13 @@ import { IS_WEB } from '@magmamath/react-native-ui'
 import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
 import { LavaIconInGlasses } from '../../../../shared/icons/LavaIconInGlasses'
 import { CHATBOT_ICON_SIZE } from '../../constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type ChatIconProps = {
   isLoading: boolean
 }
 
 export const ChatIcon = ({ isLoading }: ChatIconProps) => (
-  <View style={styles.container} testID={TEST_IDS.CHAT_ICON}>
+  <View style={styles.container}>
     {isLoading ? (
       <LavaIconInGlasses width={CHATBOT_ICON_SIZE.width} height={CHATBOT_ICON_SIZE.height} />
     ) : (

package/src/features/chatbot/components/Chat/CloseButton.tsx

@@ -2,7 +2,6 @@ import React from 'react'
 import { StyleSheet } from 'react-native'
 import { Button, ButtonColor, ButtonSize, ButtonVariant, COLORS } from '@magmamath/react-native-ui'
 import { CloseIcon } from '../../../../shared/icons/CloseIcon'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type CloseButtonProps = {
   onPress?: () => void
@@ -16,7 +15,6 @@ export const CloseButton = ({ onPress }: CloseButtonProps) => (
     size={ButtonSize.MEDIUM}
     colorScheme={ButtonColor.WHITE}
     raiseLevel={5}
-    testID={TEST_IDS.CHAT_CLOSE_BUTTON}
   >
     <CloseIcon width={18} height={18} />
   </Button>

package/src/features/chatbot/components/ChatControls/ChatControls.tsx

@@ -5,7 +5,6 @@ import { Button, ButtonColor, ButtonSize, ButtonVariant } from '@magmamath/react
 import { useUnit } from 'effector-react'
 import { ChatbotModel } from '../../model/ChatBotModel'
 import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type ChatControlsProps = {
   model: ChatbotModel
@@ -44,7 +43,6 @@ export const ChatControls = ({
               raiseLevel={3}
               onPress={onPressHelpButton}
               style={{ text: styles.helpButtonText }}
-              testID={TEST_IDS.CHAT_GET_A_HINT_BUTTON}
             >
               {(isTranslated && getHint.translatedText) || getHint.text}
             </Button>

package/src/features/chatbot/components/ChatInput/FreeText/ChatTextInput.tsx

@@ -14,7 +14,6 @@ import { useKeyBoard } from '../../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../../lib/constants'
 
 import { SendMessageButton } from './SendMessageButton'
-import { TEST_IDS } from '../../../../../config/dataTestIDs'
 
 const MAX_AVAILABLE_MESSAGE_LENGTH = 500
 const COMPACT_WIDTH = 134
@@ -111,7 +110,6 @@ export const ChatTextInput = ({
         placeholder={placeholder}
         placeholderTextColor={COLORS.NEUTRAL_5}
         style={styles.input}
-        testID={TEST_IDS.OPEN_CHAT_TEXT_INPUT}
       />
       <SendMessageButton
         onPress={handleSendMessage}

package/src/features/chatbot/components/ChatInput/FreeText/FreeTextInputBlock.tsx

@@ -6,7 +6,6 @@ import { HintButtonVariant, RequestHintButton } from '../RequestHintButton'
 import { useChatModel } from '../../../context/ChatBotModelContext'
 import { t } from '../../../../../shared/translation'
 import { ChatTextInput } from './ChatTextInput'
-import { TEST_IDS } from '../../../../../config/dataTestIDs'
 
 type FreeTextInputBlockProps = {
   optionLabel: string
@@ -39,7 +38,7 @@ export const FreeTextInputBlock = ({
   const handleOnChangeText = (text: string) => model.textInput.setValue(text)
 
   return (
-    <View style={styles.container} testID={TEST_IDS.OPEN_CHAT_INPUT_FIELD}>
+    <View style={styles.container}>
       <ChatTextInput
         value={inputValue}
         onSubmit={handleOnSubmit}

package/src/features/chatbot/components/ChatInput/FreeText/SendMessageButton.tsx

@@ -9,7 +9,6 @@ import Animated, {
 import { ArrowUpIcon, COLORS, IS_MOBILE } from '@magmamath/react-native-ui'
 import { ColorScheme } from '@magmamath/students-features'
 import { MESSAGE_COLORS_MAP } from '../../../constants'
-import { TEST_IDS } from '../../../../../config/dataTestIDs'
 
 type SendMessageButtonProps = {
   onPress: () => void
@@ -55,7 +54,6 @@ export const SendMessageButton = ({
       disabled={disabled}
       accessibilityState={{ disabled }}
       accessibilityRole="button"
-      testID={TEST_IDS.OPEN_CHAT_SEND_MESSAGE_BUTTON}
     >
       {IS_MOBILE ? (
         <Animated.View

package/src/features/chatbot/components/ChatInput/RequestHintButton.tsx

@@ -14,7 +14,6 @@ import {
   SPACING,
 } from '@magmamath/react-native-ui'
 import { ColorScheme } from '@magmamath/students-features'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 import { INPUT_WIDTH, MESSAGE_COLORS_MAP } from '../../constants'
 
 export enum HintButtonVariant {
@@ -104,7 +103,6 @@ export const RequestHintButton = memo(
         disabled={disabled}
         accessibilityState={{ disabled }}
         accessibilityRole="button"
-        testID={TEST_IDS.CHAT_NEED_A_HINT_BUTTON}
       >
         <Animated.View style={[styles.content, animatedTextContainerStyle]}>
           <Animated.Text numberOfLines={1} style={[styles.text, animatedTextStyle, { fontSize }]}>

package/src/features/chatbot/components/ChatMessage/MessageLoader.tsx

@@ -1,8 +1,7 @@
-import React from 'react'
+import React, { PropsWithChildren } from 'react'
 import { StyleSheet, View } from 'react-native'
 import { BORDER_RADIUS, COLORS, Loader, LoaderColor } from '@magmamath/react-native-ui'
 import { SPACING } from '@magmamath/react-native-ui'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type MessageLoaderProps = {
   isLoading?: boolean
@@ -12,7 +11,7 @@ export const MessageLoader = ({ isLoading }: MessageLoaderProps) => {
   if (!isLoading) return null
 
   return (
-    <View style={styles.loader} testID={TEST_IDS.CHAT_MESSAGE_LOADER}>
+    <View style={styles.loader}>
       <Loader color={LoaderColor.GRAY} />
     </View>
   )

package/src/features/chatbot/components/ChatMessage/MessageTextToSpeech.tsx

@@ -6,7 +6,6 @@ import { ConversationMessage } from '../../types/units.types'
 import { MessageVariant } from '../../types/model.types'
 import { ColorScheme } from '../../types/style.types'
 import { MESSAGE_COLORS_MAP } from '../../constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type MessageTextToSpeechProps = {
   state: T2SState
@@ -35,7 +34,6 @@ export const MessageTextToSpeech = ({
       colorScheme={MESSAGE_COLORS_MAP[colorScheme][variant].icon}
       state={state}
       onPress={play}
-      testID={TEST_IDS.CHAT_TTS_BUTTON}
     />
   )
 }

package/src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx

@@ -7,7 +7,6 @@ import { ColorScheme } from '../../types/style.types'
 import { MessageVariant } from '../../types/model.types'
 import { VariantProps } from './ChatMessage'
 import { MessageContent } from './MessageContent'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const ReceivedMessage = ({
   message,
@@ -22,7 +21,7 @@ export const ReceivedMessage = ({
   const text = isTranslated ? message.translatedMessage : message.message
 
   return (
-    <View style={styles.container} testID={TEST_IDS.CHAT_MESSAGE_RECEIVED}>
+    <View style={styles.container}>
       <View style={[styles.iconWrapper, { opacity: withIcon ? 1 : 0 }]}>
         <ChatbotIcon width={CHATBOT_ICON_SIZE.width} height={CHATBOT_ICON_SIZE.height} />
       </View>

package/src/features/chatbot/components/ChatMessage/SentMessage.tsx

@@ -7,7 +7,6 @@ import { VariantProps } from './ChatMessage'
 import { MESSAGE_COLORS_MAP } from '../../constants'
 import { ColorScheme } from '../../types/style.types'
 import { MessageVariant } from '../../types/model.types'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const SentMessage = React.memo(
   ({ message, isTranslated, colorScheme = ColorScheme.Blue }: VariantProps) => {
@@ -15,7 +14,6 @@ export const SentMessage = React.memo(
 
     return (
       <View
-        testID={TEST_IDS.CHAT_MESSAGE_SENT}
         style={[
           styles.container,
           { backgroundColor: MESSAGE_COLORS_MAP[colorScheme][MessageVariant.SENT].background },

package/src/features/chatbot/errorSpotting/ErrorSpottingButton.tsx

@@ -6,7 +6,6 @@ import { StyleSheet } from 'react-native'
 import { HighlighterIcon } from '../../../shared/icons/HighlighterIcon'
 import { ConversationMessage } from '../types/units.types'
 import { useText } from '../../../shared/translation'
-import { TEST_IDS } from '../../../config/dataTestIDs'
 
 type ErrorSpottingButtonProps = {
   contextMessage: ConversationMessage
@@ -33,7 +32,6 @@ export const ErrorSpottingButton = ({ contextMessage }: ErrorSpottingButtonProps
       variant={'secondary'}
       colorScheme={'blue'}
       size={'small'}
-      testID={TEST_IDS.CHAT_ERROR_SPOTTING_BUTTON}
       onPress={() => {
         model.errorSpotting.errorSpottingPressed({ message: contextMessage })
       }}

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

@@ -13,7 +13,6 @@ import {
 import { EOAModalContentProps } from '../../types'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const CheatDetected = ({ textContent, model }: EOAModalContentProps) => {
   useKeyBoard({
@@ -25,7 +24,7 @@ export const CheatDetected = ({ textContent, model }: EOAModalContentProps) => {
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_CHEAT_DETECTED}>
+    <View style={styles.container}>
       <Typography variant="h2" style={styles.title}>
         {textContent.title}
       </Typography>
@@ -40,7 +39,6 @@ export const CheatDetected = ({ textContent, model }: EOAModalContentProps) => {
         size={ButtonSize.LARGE}
         style={{ text: styles.buttonText }}
         onPress={model.hidePopUpAndLeave}
-        testID={TEST_IDS.EOA_LEAVE_BUTTON}
       >
         {textContent.leftButtonText}
       </Button>

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

@@ -12,7 +12,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 CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -60,7 +59,6 @@ export const CorrectAnswer = ({ textContent, model, onPracticePress }: EOAModalC
 
   return (
     <View
-      testID={TEST_IDS.EOA_WITH_CORRECT_ANSWER}
       style={[
         styles.wrapper,
         modalVariant !== EOAModalVariant.HAS_GOOD_DRAWING && { alignItems: 'center' },

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

@@ -13,7 +13,6 @@ import {
 import { EOAModalContentProps } from '../../types'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
   const handleDismiss = () => model.hidePopUp()
@@ -27,7 +26,7 @@ export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_EXAM_LEAVE}>
+    <View style={styles.container}>
       <Typography variant="h1" style={styles.description}>
         {textContent.description}
       </Typography>
@@ -48,7 +47,6 @@ export const ExamLeave = ({ textContent, model }: EOAModalContentProps) => {
           size={ButtonSize.LARGE}
           style={{ text: styles.buttonText }}
           onPress={model.hidePopUpAndLeave}
-          testID={TEST_IDS.EOA_LEAVE_BUTTON}
         >
           {textContent.rightButtonText}
         </Button>

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

@@ -15,7 +15,6 @@ import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 import { getEoaButtonColor } from '../../helpers'
 import { useUnit } from 'effector-react'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -29,7 +28,7 @@ export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_EXAM_PAUSED}>
+    <View style={styles.container}>
       <Typography variant="h2" style={styles.title}>
         {textContent.title}
       </Typography>
@@ -44,7 +43,6 @@ export const ExamPaused = ({ textContent, model }: EOAModalContentProps) => {
         size={ButtonSize.LARGE}
         style={{ text: styles.buttonText }}
         onPress={model.hidePopUpAndLeave}
-        testID={TEST_IDS.EOA_LEAVE_BUTTON}
       >
         {textContent.leftButtonText}
       </Button>

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

@@ -18,7 +18,6 @@ import { PracticeButton } from '../../ui/PracticeButton'
 import { useKeyBoard } from '../../../../shared/hooks/useKeyboard'
 import { KeyboardKeys } from '../../../../lib/constants'
 import { getEoaButtonColor } from '../../helpers'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalContentProps) => {
   const popUpData = useUnit(model.$popUpData)
@@ -42,7 +41,7 @@ export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalCont
   })
 
   return (
-    <View style={styles.container} testID={TEST_IDS.EOA_EXAM}>
+    <View style={styles.container}>
       <View style={styles.contentBackground}>
         {IS_MOBILE ? (
           <Image source={require('./blurred-card.png')} />
@@ -64,7 +63,6 @@ export const ExamSubmit = ({ textContent, model, onPracticePress }: EOAModalCont
           colorScheme={getEoaButtonColor(popUpData)}
           style={{ text: { textTransform: 'uppercase' } }}
           onPress={model.hidePopUpAndLeave}
-          testID={TEST_IDS.EOA_LEAVE_BUTTON}
         >
           {textContent.leftButtonText ?? ''}
         </Button>

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"