我正在尝试测试一些使用 MSAL 进行身份验证的组件。
到目前为止,我有一个简单的测试,测试我的组件是否可以渲染,如下所示:
let container;
beforeEach(() => {
container = render(<NavBar/>)
});
test('Component renders', () => {
expect(container).not.toBeNull()
})
当我运行测试时,我收到以下错误:
BrowserAuthError: crypto_nonexistent: The crypto object or function is not available. Detail:Browser crypto or msCrypto object not available.
at BrowserAuthError.AuthError [as constructor] (node_modules/@azure/msal-browser/dist/index.cjs.js:545:24)
at new BrowserAuthError (node_modules/@azure/msal-browser/dist/index.cjs.js:7096:28)
at Function.Object.<anonymous>.BrowserAuthError.createCryptoNotAvailableError (node_modules/@azure/msal-browser/dist/index.cjs.js:7113:16)
at new BrowserCrypto (node_modules/@azure/msal-browser/dist/index.cjs.js:7413:36)
at new CryptoOps (node_modules/@azure/msal-browser/dist/index.cjs.js:7782:30)
at PublicClientApplication.ClientApplication (node_modules/@azure/msal-browser/dist/index.cjs.js:10027:58)
at new PublicClientApplication (node_modules/@azure/msal-browser/dist/index.cjs.js:11307:23)
我不确定上面的意思,但据我所知,发生此错误是因为会话未经身份验证。
因此,我的问题可以分为以下几个方面:
- 这个错误是什么意思?
- 我该如何解决这个错误? (我们是否可以出于测试目的绕过 MSAL?)
所以基本上,我发现我的<NavBar/>
组件依赖于两个 MS Graph API 调用,即getAccountData()
and setAccountData()
,这显然需要一个令牌才能运行,并导致了上面令人讨厌的错误。
因此,我决定通过简单地模拟它们来绕过这两个函数,如下所示:
jest.mock('../msGraph', () => ({ setAccountData: jest.fn() }))
jest.mock('../msGraph', () => ({ getAccountData: jest.fn() }))
我并不依赖于从 Graph 获取数据来进行测试 - 因此这两个模拟函数不返回任何数据。 (不过,我可以通过将其添加到括号内来做到这一点jest.fn()
)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)