chore(component): accept string value

lemredd · Dec 20, 2022 · 6dfd958 · 6dfd958
1 parent 2777815
commit 6dfd958
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/CalculatorContainer/EntryScreen.test.ts b/src/components/CalculatorContainer/EntryScreen.test.ts
@@ -6,15 +6,15 @@ describe("Component: CalculatorContainer/EntryScreen", () => {
 	it("can change displayed value", async() => {
 		const wrapper = shallowMount(Component, {
 			"props": {
-				"valueToDisplay": 0
+				"valueToDisplay": "0"
 			}
 		})
 		const calculatorScreen = wrapper.find("input.entry-screen").element as HTMLInputElement
 		const calculatorScreenInitialValue = wrapper.props("valueToDisplay")
 		expect(calculatorScreen.value).toEqual(String(calculatorScreenInitialValue))
 
 		await wrapper.setProps({
-			"valueToDisplay": 1
+			"valueToDisplay": "1"
 		})
 		expect(calculatorScreen.value).toEqual("1")
 	})

diff --git a/src/components/CalculatorContainer/EntryScreen.vue b/src/components/CalculatorContainer/EntryScreen.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 interface Props {
-	valueToDisplay: number
+	valueToDisplay: string
 }
 defineProps<Props>()
 </script>
 
 <template>
 	<input
-		type="number"
+		type="text"
 		class="entry-screen"
 		disabled
 		:value="valueToDisplay"