反应测试库测试条件渲染正确

Question

我要包含以下内容：

const { loading } = useSelector(stateSelector)

<GoogleLoginWrapper>
   {loading && <InlineLoader />}

   <Component />
</GoogleLoginWrapper>

用户成功登录后，加载数据来自redux存储。因此，当后端完成请求时。每当加载状态为true时，组件都会呈现一个加载指示器。加载状态在组件内部设置。我正在尝试像这样测试该组件：

test('Shows loader when loading', () => {
    const { getByTestId } = render(<GoogleLoginButton />)
    const loadingComponent = getByTestId('inlineLoader')
    expect(loadingComponent).toBeInTheDocument()
})

但是它不起作用。基本上，我们如何使用Jest和react-testing-library正确地正确测试渲染？任何帮助将不胜感激。