✅ scaleStyleのテスト追加

ti-aiuto · May 18, 2021 · 8c0a0b6 · 8c0a0b6
1 parent 000a277
commit 8c0a0b6
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/spec/app/pages/timer-page.spec.ts b/spec/app/pages/timer-page.spec.ts
@@ -14,4 +14,20 @@ jest.mock('@/app/time-up-audio')
 
 describe('TimerPage', () => {
   testMountComponent(() => factory({ shallow: false }))
+
+  describe('computed', () => {
+    describe('scaleStyle', () => {
+      it('style用のオブジェクトを返すこと', () => {
+        const wrapper = factory()
+        wrapper.vm.scale = 1
+        expect(wrapper.vm.scaleStyle).toEqual({ transform: 'scale(1)' })
+
+        wrapper.vm.scale = 0.5
+        expect(wrapper.vm.scaleStyle).toEqual({ transform: 'scale(0.5)' })
+
+        wrapper.vm.scale = 2
+        expect(wrapper.vm.scaleStyle).toEqual({ transform: 'scale(2)' })
+      })
+    })
+  })
 })
diff --git a/src/app/pages/timer-page.vue b/src/app/pages/timer-page.vue
@@ -8,7 +8,7 @@
     <timer
       time-up-audio-src="timer-timeup.mp3"
       class="timer-wrapper"
-      :style="scaleClass"
+      :style="scaleStyle"
     ></timer>
   </div>
 </template>
@@ -37,7 +37,7 @@ export default class TimerPage extends Vue {
     this.scale = 1
   }
 
-  get scaleClass(): object {
+  get scaleStyle(): object {
     return { transform: `scale(${this.scale})` }
   }
 }