chore(component): rename to DigitalButtons

fix #29

src/components/CalculatorContainer.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ref } from "vue"
 
-import Button from "@/CalculatorContainer/CalculatorButton.vue"
+import Button from "@/CalculatorContainer/DigitalButton.vue"
 import Screen from "@/CalculatorContainer/CalculatorScreen.vue"
 
 const valueToDisplay = ref("0")

src/components/CalculatorContainer/DigitalButton.test.ts

@@ -0,0 +1,20 @@
+import { shallowMount } from "@vue/test-utils"
+
+import Component from "./DigitalButton.vue"
+
+describe("Component: CalculatorContainer/DigitalButton", () => {
+	it("can emit custom value", async() => {
+		const wrapper = shallowMount(Component, {
+			"props": {
+				"value": 1
+			}
+		})
+		const digitalBtn = wrapper.find("button.digital-button")
+		const digitalBtnValue = wrapper.props("value")
+		expect(digitalBtn.text()).toEqual(String(digitalBtnValue))
+
+		await digitalBtn.trigger("click")
+		const expectedEmission = wrapper.emitted("appendToScreen")
+		expect(expectedEmission).toHaveProperty("0.0", digitalBtnValue)
+	})
+})

src/components/CalculatorContainer/CalculatorButton.vue → src/components/CalculatorContainer/DigitalButton.vue

@@ -15,7 +15,7 @@ function appendToScreen() {
 </script>
 
 <template>
-	<button class="calculator-button" @click="appendToScreen">
+	<button class="digital-button" @click="appendToScreen">
 		{{ props.value }}
 	</button>
 </template>