使用 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 函数来获得身份验证/检查身份验证是否仍然有效，简单地说：

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

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