test: add recipe mode & component render

test/recipe.test.ts

@@ -0,0 +1,97 @@
+import { beforeEach, describe, expect, it } from 'vitest'
+import { createPinia, setActivePinia } from 'pinia'
+import { useRecipe } from '~/composables/recipe'
+import type { Recipe } from '~/types'
+import recipeData from '~/data/recipe.json'
+import { useRecipeStore } from '~/stores/recipe'
+
+const recipe = ref<Recipe>(recipeData as Recipe)
+
+describe('recipe interaction', () => {
+  beforeEach(() => {
+    // creates a fresh pinia and make it active so it's automatically picked
+    // up by any useStore() call without having to pass it to it:
+    // `useStore(pinia)`
+    setActivePinia(createPinia())
+  })
+
+  it('toggle stuff', () => {
+    const rStore = useRecipeStore()
+    rStore.toggleStuff('土豆')
+    expect(rStore.selectedStuff.includes('土豆')).toBe(true)
+    rStore.toggleStuff('土豆')
+    expect(rStore.selectedStuff.includes('土豆')).toBe(false)
+  })
+
+  it('toggle tool', () => {
+    const rStore = useRecipeStore()
+    rStore.toggleTools('电饭煲')
+    expect(rStore.curTool === '电饭煲').toBe(true)
+    rStore.toggleTools('微波炉')
+    expect(rStore.curTool === '微波炉').toBe(true)
+  })
+})
+
+describe('recipe mode', () => {
+  beforeEach(() => {
+    setActivePinia(createPinia())
+  })
+
+  it('loose mode', () => {
+    const rStore = useRecipeStore()
+    const { displayedRecipe } = useRecipe(recipe)
+
+    rStore.curStuff.clear()
+    rStore.curStuff.add('土豆')
+    rStore.curStuff.add('腊肠')
+
+    rStore.curTool = '电饭煲'
+
+    expect(rStore.selectedStuff).toStrictEqual(['土豆', '腊肠'])
+    rStore.setMode('strict')
+
+    displayedRecipe.value.forEach((item) => {
+      expect(item.stuff.includes('土豆') || item.stuff.includes('腊肠')).toBe(true)
+      expect(item.tools?.includes('电饭煲')).toBe(true)
+    })
+  })
+
+  it('strict mode', () => {
+    const rStore = useRecipeStore()
+    const { displayedRecipe } = useRecipe(recipe)
+
+    rStore.curStuff.clear()
+    rStore.curStuff.add('土豆')
+    rStore.curStuff.add('腊肠')
+
+    rStore.curTool = '电饭煲'
+
+    expect(rStore.selectedStuff).toStrictEqual(['土豆', '腊肠'])
+    rStore.setMode('strict')
+
+    displayedRecipe.value.forEach((item) => {
+      expect(item.stuff.includes('土豆') && item.stuff.includes('腊肠')).toBe(true)
+      expect(item.tools?.includes('电饭煲')).toBe(true)
+    })
+  })
+
+  it('survival mode', () => {
+    const rStore = useRecipeStore()
+    const { displayedRecipe } = useRecipe(recipe)
+
+    rStore.curStuff.clear()
+    rStore.curStuff.add('土豆')
+    rStore.curStuff.add('腊肠')
+
+    expect(rStore.selectedStuff).toStrictEqual(['土豆', '腊肠'])
+    rStore.setMode('survival')
+
+    displayedRecipe.value.forEach((item) => {
+      let canCook = false
+      item.stuff.forEach((stuff) => {
+        canCook = canCook && rStore.selectedStuff.includes(stuff)
+      })
+      expect(canCook).toBe(true)
+    })
+  })
+})