test(component): ensure proper selector & element

lemredd · Dec 22, 2022 · 1e13ba7 · 1e13ba7
1 parent 417cdb2
commit 1e13ba7
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/CalculatorContainer/EvaluationScreen.test.ts b/src/components/CalculatorContainer/EvaluationScreen.test.ts
@@ -9,13 +9,13 @@ describe("Component: CalculatorContainer/EvaluationScreen", () => {
 				"valueToDisplay": "0"
 			}
 		})
-		const calculatorScreen = wrapper.find("input.evaluation-screen").element as HTMLInputElement
+		const calculatorScreen = wrapper.find(".evaluation-screen")
 		const calculatorScreenInitialValue = wrapper.props("valueToDisplay")
-		expect(calculatorScreen.value).toEqual(calculatorScreenInitialValue)
+		expect(calculatorScreen.text()).toEqual(calculatorScreenInitialValue)
 
 		await wrapper.setProps({
 			"valueToDisplay": "1"
 		})
-		expect(calculatorScreen.value).toEqual("1")
+		expect(calculatorScreen.text()).toEqual("1")
 	})
 })
diff --git a/src/components/CalculatorContainer/EvaluationScreen.vue b/src/components/CalculatorContainer/EvaluationScreen.vue
@@ -6,7 +6,7 @@ defineProps<Props>()
 </script>
 
 <template>
-	<span>
+	<span class="evaluation-screen">
 		{{ valueToDisplay }}
 	</span>
 </template>