使用 Firebase 时应该如何测试 vue 组件？

Question

我正在为一个使用 firebase 的 vue 项目编写单元测试。测试使用的是 vue-test-utils。

问题是我在尝试绕过身份验证时遇到了麻烦，每次测试我都发现自己在做类似的事情。

...
const login = async () => {
return firebase.auth().signInWithEmailAndPassword(email, pass).then(
    res => {
        return res
    },
    err => {
        return new Error(err)
    })
}
...
describe('some component', () => {
    it('test something', async () => {
        try {
            await login()
            ...
        } catch (e) {
            ...
        }
    })
    it('test something else', async () => {
        try {
            await login()
            ...
        } catch (e) {
            ...
        }
    })
})

我的问题是。测试使用 firebase 的 vue 组件的推荐方法是什么以及如何避免每次测试都必须登录？

希望我正确解释了我的问题！

我最终这样做了，因为在我的情况下，一次就足够了。

...
beforeAll(() => {
  return login()
})

describe('some component', ...

Answer 1

一种方法是在测试套件中使用 beforeEach 函数来获取 authenticated/check 如果身份验证仍然有效，只需：

beforeEach(() => {
    try {
        await login()
        ...
    } catch (e) {
        ...
    }
})

但是，你是直接在vue组件中做这个逻辑吗？理想情况下，您不希望直接从您的 vue 组件进行此类调用。如果您将该逻辑移出您的组件并移至服务 class（或更进一步并使用 vuex 来管理您的状态等），那么您可以将 firebase 逻辑与您的组件逻辑分开测试。

使用 Firebase 时应该如何测试 vue 组件？

How should I test vue components when using Firebase?

javascript

unit-testing

firebase

vue.js

vue-test-utils