【タスク】google map apiを活用し、ポリラインを描画するクラスとテストを追加する

[p238049y]

vitestでかく

仕様

• 自分の作成したポリラインは編集可能
• 自分以外が作成したポリラインが編集不可
• 管理者の場合は自分、自分以外関係なく編集可能

[p238049y]

https://www.npmjs.com/package/@googlemaps/jest-mocks

でテストを試しに書いてみたら。。。

❯❯❯ npx vitest run -t "編集可能かどうかを判定するメソッドの戻り値がtrueであること"

 RUN  v1.6.0 /test/models

 ❯ CustomPolyline.test.ts (0)

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 FAIL  CustomPolyline.test.ts [ CustomPolyline.test.ts ]
ReferenceError: jest is not defined
 ❯ Object.<anonymous> ../../../node_modules/@googlemaps/jest-mocks/src/import-library.ts:1:30

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯

 Test Files  1 failed (1)
      Tests  no tests
   Start at  21:09:11
   Duration  452ms (transform 63ms, setup 0ms, collect 0ms, tests 0ms, environment 101ms, prepare 55ms)

だめでした

そりゃそうだ

[p238049y]

https://www.npmjs.com/package/@soleo/google-maps-vitest-mocks

これ使ったらいけた

❯❯❯ npx vitest run -t "編集可能かどうかを判定するメソッドの戻り値がtrueであること"

 RUN  v1.6.0 /test/models

 ✓ CustomPolyline.test.ts (4)
   ✓ CustomPolylineを編集可能かどうかを判定するメソッドであるisEditableのテスト (4)
     ✓ 編集者と作成者が同じの場合 (1)
       ✓ 編集可能かどうかを判定するメソッドの戻り値がtrueであること
     ↓ 編集者と作成者が同じでない場合 (1) [skipped]
       ↓ 編集可能かどうかを判定するメソッドの戻り値がfalseであること [skipped]
     ✓ 操作者が管理者の場合 (2)
       ✓ 編集者と作成者が同じの場合、編集可能かどうかを判定するメソッドの戻り値がtrueであること
       ✓ 編集者と作成者が同じでない場合、編集可能かどうかを判定するメソッドの戻り値がtrueであること

 Test Files  1 passed (1)
      Tests  3 passed | 1 skipped (4)
   Start at  21:10:50
   Duration  445ms (transform 61ms, setup 0ms, collect 66ms, tests 3ms, environment 105ms, prepare 50ms)

[p238049y]

❯❯❯ npx vitest run -t "CustomPolylineを編集可能かどうかを判定するメソッドであるisEditableのテスト"

 RUN  v1.6.0 /test/models

 ✓ CustomPolyline.test.ts (4)
   ✓ CustomPolylineを編集可能かどうかを判定するメソッドであるisEditableのテスト (4)
     ✓ 編集者と作成者が同じの場合 (1)
       ✓ 編集可能かどうかを判定するメソッドの戻り値がtrueであること
     ✓ 編集者と作成者が同じでない場合 (1)
       ✓ 編集可能かどうかを判定するメソッドの戻り値がfalseであること
     ✓ 操作者が管理者の場合 (2)
       ✓ 編集者と作成者が同じの場合、編集可能かどうかを判定するメソッドの戻り値がtrueであること
       ✓ 編集者と作成者が同じでない場合、編集可能かどうかを判定するメソッドの戻り値がtrueであること

 Test Files  1 passed (1)
      Tests  4 passed (4)
   Start at  21:20:56
   Duration  424ms (transform 60ms, setup 0ms, collect 68ms, tests 4ms, environment 83ms, prepare 55ms)

[p238049y]

if (import.meta.vitest) {
    const { it, expect } = import.meta.vitest
    it('add', () => {
      expect(add()).toBe(0)
      expect(add(1)).toBe(1)
      expect(add(1, 2, 3)).toBe(6)
    })
}

import.meta.vitestが読み込めない

[p238049y]

https://zenn.dev/comm_vue_nuxt/articles/e3910af5b27830

ここにまとめた