[feat] 공부 타이머 페이지 구현(#3)

.editorconfig

@@ -1,3 +1,11 @@
 [*.{kt,kts}]
 ktlint_standard_annotation = disabled
-ktlint_function_naming_ignore_when_annotated_with = Composable
+ktlint_function_naming_ignore_when_annotated_with = Composable
+
+[app/src/test/java/**.kt]
+ktlint_function_naming = disabled
+ktlint_standard_function-naming = disabled
+
+[app/src/androidTest/java/**.kt]
+ktlint_function_naming = disabled
+ktlint_standard_function-naming = disabled

app/build.gradle.kts

@@ -50,7 +50,13 @@ dependencies {
     implementation(libs.androidx.ui.graphics)
     implementation(libs.androidx.ui.tooling.preview)
     implementation(libs.androidx.material3)
-    testImplementation(libs.junit)
+
+    // 네비게이션 바를 위한 의존성 추가
+    implementation("androidx.navigation:navigation-compose:2.8.3")
+
+    // 테스트 케이스 작성을 위한 의존성 추가
+    testImplementation("junit:junit:4.13.2")
+
     androidTestImplementation(libs.androidx.junit)
     androidTestImplementation(libs.androidx.espresso.core)
     androidTestImplementation(platform(libs.androidx.compose.bom))

app/src/androidTest/java/com/sprinter/studyspot/RecordDetailScreenCalendarTest.kt

@@ -0,0 +1,68 @@
+package com.sprinter.studyspot
+
+import androidx.activity.ComponentActivity
+import androidx.compose.ui.semantics.SemanticsProperties
+import androidx.compose.ui.test.SemanticsMatcher
+import androidx.compose.ui.test.assert
+import androidx.compose.ui.test.junit4.createAndroidComposeRule
+import androidx.compose.ui.test.onNodeWithContentDescription
+import androidx.compose.ui.test.performClick
+import androidx.navigation.compose.rememberNavController
+import com.sprinter.studyspot.timer.ui.RecordDetailScreen
+import com.sprinter.studyspot.timer.viewmodel.TimerViewModel
+import org.junit.Rule
+import org.junit.Test
+
+/**
+ * RecordDetailScreen 내부의 달력 UI 동작 테스트
+ * 요일 표시, 5주 그리드 생성, 날짜 정렬 여부 확인
+ * 공부한 날짜 강조 및 날짜 선택 기능 검증
+ **/
+class RecordDetailScreenCalendarTest {
+    @get:Rule
+    val composeRule = createAndroidComposeRule<ComponentActivity>()
+
+    @Test
+    fun calendar_dayClick_selectsStudyDay() {
+        composeRule.setContent {
+            RecordDetailScreen(
+                navController = rememberNavController(),
+                recordId = "1",
+                timerViewModel = TimerViewModel(),
+            )
+        }
+
+        // 4일은 studyDaySet = setOf(4, 6, 12, 13, 19)에 포함됨
+        composeRule.onNodeWithContentDescription("day-4").assertExists()
+
+        // 클릭
+        composeRule.onNodeWithContentDescription("day-4").performClick()
+
+        // 선택되면 색상이 FF8686 (선택 색)
+        composeRule
+            .onNodeWithContentDescription("day-4")
+            .assert(
+                SemanticsMatcher.expectValue(
+                    SemanticsProperties.ContentDescription,
+                    listOf("day-4"),
+                ),
+            )
+    }
+
+    @Test
+    fun monthNavigation_buttonsWork() {
+        composeRule.setContent {
+            RecordDetailScreen(
+                navController = rememberNavController(),
+                recordId = "1",
+                timerViewModel = TimerViewModel(),
+            )
+        }
+
+        // → 버튼 클릭 (다음 달)
+        composeRule.onNodeWithContentDescription("Next Month").performClick()
+
+        // ← 버튼 클릭 (이전 달)
+        composeRule.onNodeWithContentDescription("Prev Month").performClick()
+    }
+}

app/src/androidTest/java/com/sprinter/studyspot/RecordDetailScreenUITest.kt

@@ -0,0 +1,68 @@
+package com.sprinter.studyspot
+
+import androidx.activity.ComponentActivity
+import androidx.compose.ui.test.junit4.createAndroidComposeRule
+import androidx.compose.ui.test.onNodeWithContentDescription
+import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.performClick
+import androidx.navigation.compose.rememberNavController
+import com.sprinter.studyspot.timer.ui.RecordDetailScreen
+import com.sprinter.studyspot.timer.viewmodel.TimerViewModel
+import org.junit.Rule
+import org.junit.Test
+
+/**
+ * RecordDetailScreen의 전체 UI 구성 요소가 정상 렌더링되는지 확인
+ * 제목, 색상 배지, 달력 UI, 월 이동 버튼, 일별 기록 리스트 등의 UI 체크
+ */
+class RecordDetailScreenUITest {
+    @get:Rule
+    val composeRule = createAndroidComposeRule<ComponentActivity>()
+
+    @Test
+    fun recordDetailScreen_displaysTitleAndHeaders() {
+        // 🔸 테스트용 ViewModel (records 더미 데이터 포함)
+        val timerViewModel = TimerViewModel()
+
+        composeRule.setContent {
+            val navController = rememberNavController()
+
+            RecordDetailScreen(
+                navController = navController,
+                recordId = "1", // TimerViewModel의 records에서 id = "1" → "자바스크립트"
+                title = null, // title은 ViewModel 데이터 사용
+                color = null, // color도 ViewModel 데이터 사용
+                timerViewModel = timerViewModel,
+            )
+        }
+
+        // 🔹 제목이 잘 보이는지
+        composeRule.onNodeWithText("자바스크립트").assertExists()
+
+        // 🔹 헤더 텍스트가 잘 렌더링되는지
+        composeRule.onNodeWithText("시작").assertExists()
+        composeRule.onNodeWithText("종료").assertExists()
+        composeRule.onNodeWithText("집중 시간").assertExists()
+    }
+
+    @Test
+    fun backButton_isClickable() {
+        composeRule.setContent {
+            val navController = rememberNavController()
+            val timerViewModel = TimerViewModel()
+
+            RecordDetailScreen(
+                navController = navController,
+                recordId = "1",
+                title = null,
+                color = null,
+                timerViewModel = timerViewModel,
+            )
+        }
+
+        composeRule
+            .onNodeWithContentDescription("Back")
+            .assertExists()
+            .performClick()
+    }
+}

app/src/androidTest/java/com/sprinter/studyspot/RecordFlowNavigationTest.kt

@@ -0,0 +1,82 @@
+package com.sprinter.studyspot
+
+import androidx.activity.ComponentActivity
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.test.junit4.createAndroidComposeRule
+import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.performClick
+import androidx.navigation.compose.NavHost
+import androidx.navigation.compose.composable
+import androidx.navigation.compose.rememberNavController
+import com.sprinter.studyspot.timer.ui.RecordDetailScreen
+import com.sprinter.studyspot.timer.ui.component.RecordItemCard
+import com.sprinter.studyspot.timer.viewmodel.TimerViewModel
+import org.junit.Rule
+import org.junit.Test
+
+/**
+ * TimerScreen -> 기록 탭 -> 기록 상세 화면까지의 이동 흐름을 검증
+ * 뒤로 가기 버튼 클릭 시 '기록' 탭 상태가 유지되는지 확인
+ */
+class RecordFlowNavigationTest {
+    @get:Rule
+    val composeRule = createAndroidComposeRule<ComponentActivity>()
+
+    @Test
+    fun clickingRecordItem_navigatesToDetailScreen() {
+        composeRule.setContent {
+            val navController = rememberNavController()
+            val timerViewModel = TimerViewModel()
+
+            NavHost(navController = navController, startDestination = "list") {
+                composable("list") {
+                    RecordItemCard(
+                        color = Color(0xFFFF8686),
+                        title = "자바스크립트",
+                        totalTime = "01:20",
+                        dayCounts = mapOf(1 to 2, 2 to 3),
+                        onClick = {
+                            navController.navigate(
+                                "recordDetail/1?title=자바스크립트&color=FFFF8686",
+                            )
+                        },
+                    )
+                }
+
+                composable("recordDetail/{id}?title={title}&color={color}") { backStackEntry ->
+
+                    val id = backStackEntry.arguments?.getString("id") ?: ""
+                    val title = backStackEntry.arguments?.getString("title")
+                    val colorHex = backStackEntry.arguments?.getString("color") ?: "FFFF8686"
+
+                    // HEX string → Color 변환
+                    val color =
+                        try {
+                            Color(colorHex.toLong(16))
+                        } catch (_: Exception) {
+                            Color.Gray
+                        }
+
+                    RecordDetailScreen(
+                        navController = navController,
+                        recordId = id,
+                        title = title,
+                        color = color,
+                        timerViewModel = timerViewModel,
+                    )
+                }
+            }
+        }
+
+        // 1) 목록에서 "자바스크립트" 카드 클릭
+        composeRule.onNodeWithText("자바스크립트").performClick()
+
+        // 2) DetailScreen 제목 표시 확인
+        composeRule.onNodeWithText("자바스크립트").assertExists()
+
+        // 3) 헤더 텍스트 확인 (정상 렌더링 확인)
+        composeRule.onNodeWithText("시작").assertExists()
+        composeRule.onNodeWithText("종료").assertExists()
+        composeRule.onNodeWithText("집중 시간").assertExists()
+    }
+}

app/src/androidTest/java/com/sprinter/studyspot/RecordItemCardTest.kt

@@ -0,0 +1,54 @@
+package com.sprinter.studyspot.timer.ui
+
+import androidx.activity.ComponentActivity
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.test.junit4.createAndroidComposeRule
+import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.performClick
+import com.sprinter.studyspot.timer.ui.component.RecordItemCard
+import org.junit.Rule
+import org.junit.Test
+
+/**
+ * RecordItemCard 내부 데이터 로직 테스트
+ * 색상 표시, 타이틀, 총 공부 시간, 요일별 dayCounts 로직 검증
+ */
+class RecordItemCardTest {
+    @get:Rule
+    val composeRule = createAndroidComposeRule<ComponentActivity>()
+
+    @Test
+    fun recordItemCard_rendersCorrectly() {
+        composeRule.setContent {
+            RecordItemCard(
+                color = Color(0xFFFF8686),
+                title = "파이썬",
+                totalTime = "00:45",
+                dayCounts = mapOf(1 to 1, 3 to 2),
+                onClick = {},
+            )
+        }
+
+        composeRule.onNodeWithText("파이썬").assertExists()
+        composeRule.onNodeWithText("00:45").assertExists()
+    }
+
+    @Test
+    fun recordItemCard_click_works() {
+        var clicked = false
+
+        composeRule.setContent {
+            RecordItemCard(
+                color = Color(0xFFFF8686),
+                title = "파이썬",
+                totalTime = "00:45",
+                dayCounts = emptyMap(),
+                onClick = { clicked = true },
+            )
+        }
+
+        composeRule.onNodeWithText("파이썬").performClick()
+
+        assert(clicked)
+    }
+}

app/src/androidTest/java/com/sprinter/studyspot/RecordItemCardUITest.kt

@@ -0,0 +1,57 @@
+package com.sprinter.studyspot
+
+import androidx.activity.ComponentActivity
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.test.junit4.createAndroidComposeRule
+import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.performClick
+import com.sprinter.studyspot.timer.ui.component.RecordItemCard
+import org.junit.Rule
+import org.junit.Test
+
+/**
+ * RecordItemCard UI 컴포저블의 실제 화면 렌더링 테스트
+ * 클릭 동작, 레이아웃 배치, 색상 표시 등이 정상적으로 보이는지 검증
+ */
+class RecordItemCardUITest {
+    @get:Rule
+    val composeRule = createAndroidComposeRule<ComponentActivity>()
+
+    @Test
+    fun recordItemCard_rendersCorrectly() {
+        composeRule.setContent {
+            RecordItemCard(
+                color = Color(0xFFFF8686),
+                title = "자바스크립트",
+                totalTime = "01:20",
+                dayCounts = mapOf(1 to 2, 3 to 1),
+                onClick = {},
+            )
+        }
+
+        // 타이틀
+        composeRule.onNodeWithText("자바스크립트").assertExists()
+
+        // 총 시간 표시
+        composeRule.onNodeWithText("01:20").assertExists()
+    }
+
+    @Test
+    fun recordItemCard_onClick_isTriggered() {
+        var clicked = false
+
+        composeRule.setContent {
+            RecordItemCard(
+                color = Color(0xFFFF8686),
+                title = "테스트 카드",
+                totalTime = "00:30",
+                dayCounts = mapOf(),
+                onClick = { clicked = true },
+            )
+        }
+
+        composeRule.onNodeWithText("테스트 카드").performClick()
+
+        assert(clicked)
+    }
+}