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

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/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>

package/src/features/voice/recording/modal/ModalFooterButtons.tsx

@@ -9,8 +9,6 @@ type ModalFooterButtonsProps = {
   onConfirm: () => void
   confirmLabel: TranslationKeys
   confirmColor?: ButtonColor
-  cancelTestID?: string
-  confirmTestID?: string
 }
 
 export const ModalFooterButtons = ({
@@ -18,15 +16,12 @@ export const ModalFooterButtons = ({
   onConfirm,
   confirmLabel,
   confirmColor = ButtonColor.BLUE,
-  cancelTestID,
-  confirmTestID,
 }: ModalFooterButtonsProps) => {
   const t = useText()
 
   return (
     <View style={styles.container}>
       <Button
-        testID={cancelTestID}
         style={{ text: styles.buttonLabel }}
         variant={ButtonVariant.TERTIARY}
         size={ButtonSize.LARGE}
@@ -35,7 +30,6 @@ export const ModalFooterButtons = ({
         {t('voice.cancel')}
       </Button>
       <Button
-        testID={confirmTestID}
         colorScheme={confirmColor}
         variant={ButtonVariant.PRIMARY}
         size={ButtonSize.LARGE}

package/src/features/voice/recording/modal/VoiceRecordDeleteModal.tsx

@@ -6,7 +6,6 @@ import { VoiceRecorderState } from '../../constants'
 import { useText } from '../../../../shared/translation'
 import { ModalFooterButtons } from './ModalFooterButtons'
 import { VoiceRecordModalParams } from '../../types'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type VoiceRecordDeleteModalComponentProps = {
   modal: {
@@ -58,7 +57,6 @@ export const VoiceRecordDeleteModal = ({
 
   return (
     <BaseModal
-      testID={TEST_IDS.VOICE_RECORD_DELETE_MODAL}
       style={{
         container: styles.modalContainer,
       }}
@@ -66,8 +64,6 @@ export const VoiceRecordDeleteModal = ({
       content={t('voice.youWontBeAbleToRecover')}
       footer={
         <ModalFooterButtons
-          cancelTestID={TEST_IDS.VOICE_RECORD_DELETE_CANCEL_BUTTON}
-          confirmTestID={TEST_IDS.VOICE_RECORD_DELETE_CONFIRM_BUTTON}
           onCancel={closeModal}
           onConfirm={handleDelete}
           confirmLabel="voice.delete"

package/src/features/voice/recording/modal/VoiceRecordUndoModal.tsx

@@ -4,7 +4,6 @@ import { StyleSheet } from 'react-native'
 import { useText } from '../../../../shared/translation'
 import { ModalFooterButtons } from './ModalFooterButtons'
 import { VoiceRecordModalParams } from '../../types'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 type VoiceRecordUndoModalProps = {
   modal: {
@@ -27,7 +26,6 @@ export const VoiceRecordUndoModal = ({
 
   return (
     <BaseModal
-      testID={TEST_IDS.VOICE_RECORD_UNDO_MODAL}
       style={{
         container: styles.modalStyle,
       }}
@@ -35,8 +33,6 @@ export const VoiceRecordUndoModal = ({
       content={t('voice.thisWillRemoveRecording')}
       footer={
         <ModalFooterButtons
-          cancelTestID={TEST_IDS.VOICE_RECORD_UNDO_CANCEL_BUTTON}
-          confirmTestID={TEST_IDS.VOICE_RECORD_UNDO_CONFIRM_BUTTON}
           onCancel={closeModal}
           onConfirm={redoRecording}
           confirmLabel="voice.redo"

package/src/index.ts

@@ -1,4 +1,3 @@
-export { TEST_IDS as FEATURES_TEST_IDS } from './config/dataTestIDs'
 export { useFeaturesLocalization, setFeaturesLocalization } from './shared/translation'
 export { generateRandomId } from './lib/helpers/helpers'
 export * from './features/chatbot'

package/src/shared/components/PlayButton.tsx

@@ -52,7 +52,6 @@ type MessageTextToSpeechProps = {
   activityIndicatorColor?: string
   colorScheme?: ColorScheme
   onPress?: () => void
-  testID?: string
 }
 
 export const PlayButton = ({

package/tsconfig.build.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig",
+  "exclude": ["example", "dist"]
+}

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@magmamath/students-features": ["./src/index"]
+    },
+    "target": "esnext",
+    "baseUrl": "./",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "declaration": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "experimentalDecorators": true
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "example"
+  ]
+}