Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
12
Help us understand the problem. What is going on with this article?
@ovama-koffee

コピペで使うFirebase【テスト編】

More than 1 year has passed since last update.

概要

firebaseを使用する際に、コピペで動かしたいと思い設定手順を投稿しようと思いました。

前回:Firebase【立ち上げ編】
次回:Firebase【CircleCI編】

jestのインストール&設定

テストツールにはjestを使用
※ 本プロジェクトはルートのpackage.jsonとfunctions/package.jsonで設定が異なるため、functions内でjestをインストールします。

$ cd functions
# jestのインストール
$ npm install -D jest

# CLIでjestの初期設定する場合 基本はEnter連打
$ npm install -g jest
$ jest --init
  ...
# 設定項目
  ✔ Would you like to use Jest when running "test" script in "package.json"? … yes
  ✔ Choose the test environment that will be used for testing › node
  ✔ Do you want Jest to add coverage reports? … no
  ✔ Automatically clear mock calls and instances between every test? … no

テストのセットアップ

$ npm install -D fs
$ npm install -D @firebase/testing
$ firebase setup:emulators:firestore

Firestoreのルールを設定

※ firestore/storageのルールは別で投稿予定

firestore.rules
service cloud.firestore {
  match /databases/{database}/documents {
-   match /{document=**} {
-     allow read, write;
-   }
+   match /message/{userId} {
+     // 認証時のみ読み込み・書き込みを許可
+     allow read, create: if request.auth.uid == userId
+   }
  }
}

テストの作成

テストを格納するディレクトリーを作成
※jestではデフォルトでtests直下のファイルまたはファイル名が.spec.jsもしくは.test.jsで終了するファイルを実行します。
 今回は両方します❤️

$ mkdir __tests__
$ cd __tests__
$ touch index.test.js && touch firestore.test.js

HTTP Functionのテスト

__tests__/index.test.js
const http = require('../index');

describe('helloWorld', () => {
    test('it returns a successful response', () => {
        const req = {}
        const res = {
            send: (payload) => {
                expect(payload).toBe("Hello from Firebase!")
            }
        }

        http.helloWorld(req, res)
    })
})

Firestore Rulesのテスト

__tests__/firestore.test.js
const firebase = require("@firebase/testing");
const fs = require("fs");

const projectId = "ProjectID";
const rules = fs.readFileSync("../firestore.rules", "utf8");

describe("firestore-test", () => {
    // はじめに1度ルールを読み込ませる
    beforeAll(
      async () => {
        await firebase.loadFirestoreRules({
          projectId,
          rules
        });
      }
    );

    // test毎にデータをクリアする
    afterEach(
      async () => {
        await firebase.clearFirestoreData({ projectId });
      }
    );

    // 全テスト終了後に作成したアプリを全消去
    afterAll(
      async () => {
        await Promise.all(
          firebase.apps().map((app) => app.delete())
        );
      }
    );

    function authedApp(auth) {
      return firebase.initializeTestApp({ projectId, auth }).firestore();
    }

    describe("messageコレクションのテスト", () => {
        test("messageの読み込みを実行", async () => {
          const db = authedApp({ uid: "testUser" });
          const message = db.collection("message").doc("testUser");
          await firebase.assertSucceeds(message.get());
        });

        test("messageへ書き込みを実行", async () => {
          const db = authedApp({ uid: "testUser" });
          const message = db.collection("message").doc("testUser");
          await firebase.assertSucceeds(
            message.set({text: "test"})
          );
        });
    });
})

テストの実行

テストが実行され成功すれば以下のようになります。

$ firebase serve --only firestore
$ npm run jest
...
 PASS  __tests__/index.test.jst.js
 PASS  __tests__/firestore.test.js

Test Suites: 2 passed, 2 total
Tests:       3 passed, 3 total
Snapshots:   0 total
Time:        2.002s
Ran all test suites.

補足

以下コマンドでエミュレーターを起動しないとfirestoreのテストができないので注意

$ firebase serve --only firestore

jest実行時に起動するようにすると起動忘れがないかも

package.json
"test": "firebase serve --only firestore & jest"

jestの細かな設定をしないのであれば以下コマンドもしなくていいかも

$ jest --init
12
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ovama-koffee
関西風エンジニア すぅきぃ〜❤️ ネイティブ・フロント・サーバーレス Kotlin/TypeScript/Go/Firebase/DivOps/Serverless
arsagapartners
最高品質を最速で。 業務未経験でも最速最高の成長を!

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
12
Help us understand the problem. What is going on with this article?