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

package/src/features/pmProgress/components/list/ListCard.tsx

@@ -21,7 +21,6 @@ export type ListCardItem = {
   subtitle: string
   isCompleted: boolean
   skillsLeft: number
-  testID?: string
 }
 
 function getVisibleItems<T>(items: T[], maxItems?: number) {
@@ -49,7 +48,6 @@ type ListCardProps<T extends ListCardItem> = {
   isSkillsLeftHidden?: boolean
   isHighlighted?: boolean
   loadingItemId?: string | null
-  testID?: string
 }
 
 export const ListCard = <T extends ListCardItem>({
@@ -71,7 +69,6 @@ export const ListCard = <T extends ListCardItem>({
   expandedColor = COLORS.NEUTRAL_3,
   isSkillsLeftHidden = false,
   loadingItemId = null,
-  testID,
 }: ListCardProps<T>) => {
   const t = useText()
   const [isHovered, setIsHovered] = useState(false)
@@ -98,7 +95,6 @@ export const ListCard = <T extends ListCardItem>({
           isLast && !isExpanded && styles.headerLast,
           withHighlight && { backgroundColor: expandedColor },
         ]}
-        testID={testID}
         onPress={onPress}
         onHoverIn={() => {
           setIsHovered(true)
@@ -141,7 +137,6 @@ export const ListCard = <T extends ListCardItem>({
               isFinished={standard.isCompleted}
               isLoading={loadingItemId === standard.id}
               isSkillsLeftHidden={isSkillsLeftHidden}
-              testID={standard.testID}
               onPress={() => onItemPress?.(standard)}
             />
           ))}

package/src/features/pmProgress/components/list/ListItem.tsx

@@ -26,7 +26,6 @@ export type ListItemProps = {
   isLoading?: boolean
   onPress?: () => void
   isSkillsLeftHidden?: boolean
-  testID?: string
 }
 
 export const ListItem = ({
@@ -37,7 +36,6 @@ export const ListItem = ({
   isLoading = false,
   onPress,
   isSkillsLeftHidden = false,
-  testID,
 }: ListItemProps) => {
   const t = useText()
   const [isHovered, setIsHovered] = useState(false)
@@ -48,7 +46,6 @@ export const ListItem = ({
     <Pressable
       onPress={onPress}
       disabled={isLoading}
-      testID={testID}
       style={[
         styles.card,
         isFinished && styles.finished,

package/src/features/pmProgress/components/list/PmDomainList.tsx

@@ -8,7 +8,6 @@ import { SliceDiamondIcon } from '../../../../shared/icons/SliceDiamondIcon'
 import { usePmProgress } from '../../context/PmProgressContext'
 import { isFluencyDomain } from '../../shared/pmProgress.helpers'
 import { SolvingFlow } from '../../shared/pmProgress.constants'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const PmDomainList = () => {
   const { model, onStandardPress } = usePmProgress()
@@ -32,12 +31,7 @@ export const PmDomainList = () => {
         renderItem={({ item, index }) => (
           <ListCard
             title={item.title}
-            testID={TEST_IDS.PM_PROGRESS_DOMAIN_CARD(item.domainId)}
-            items={item.standards.map((standard) => ({
-              ...standard,
-              id: standard.standardId,
-              testID: TEST_IDS.PM_PROGRESS_STANDARD_ITEM(standard.standardId),
-            }))}
+            items={item.standards.map((standard) => ({ ...standard, id: standard.standardId }))}
             progress={item.scorePercentage}
             color={item.color}
             onPress={() => model.highlight.expand(item.domainId)}

package/src/features/pmProgress/components/recs/PmTeacherRecs.tsx

@@ -15,7 +15,6 @@ import { useText } from '../../../../shared/translation'
 import { useUnit, useStoreMap } from 'effector-react'
 import { CustomDomain, OpeningLoaderId, SolvingFlow } from '../../shared/pmProgress.constants'
 import { usePmProgress } from '../../context/PmProgressContext'
-import { TEST_IDS } from '../../../../config/dataTestIDs'
 
 export const PmTeacherRecs = () => {
   const t = useText()
@@ -34,7 +33,6 @@ export const PmTeacherRecs = () => {
         subtitle: skill.shortDescriptionTranslations,
         isCompleted: false,
         skillsLeft: 0,
-        testID: TEST_IDS.PM_PROGRESS_TEACHER_REC_ITEM(skill._id),
       })),
     }),
   )
@@ -50,7 +48,6 @@ export const PmTeacherRecs = () => {
           maxItems={3}
           color={COLORS.PRIMARY_YELLOW}
           expandedColor={COLORS.YELLOW_1}
-          testID={TEST_IDS.PM_PROGRESS_TEACHER_RECS_CARD}
           onPress={() => model.highlight.expand(CustomDomain.TEACHER)}
           onItemPress={async (item) => {
             try {
@@ -86,7 +83,6 @@ export const PmTeacherRecs = () => {
               isLoading={loaderOpeningId === OpeningLoaderId.PRACTICE_BUTTON}
               size={ButtonSize.SMALL}
               variant={ButtonVariant.SECONDARY}
-              testID={TEST_IDS.PM_PROGRESS_TEACHER_REC_PRACTICE_BUTTON}
             >
               {t('pmProgress.practiceButton')}
             </Button>

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"
+  ]
+}