React测试库和自定义主题问题

Question

我进行了以下测试：

  it('should render the Name component correctly', () => {
    const { asFragment } = render(
      <ThemeProvider theme={theme}>
        <Name variant="body1">Hello Test</Name>
      </ThemeProvider>
    )
    expect(asFragment()).toMatchSnapshot()
  })

const theme = createMuiTheme({
  typography: {
    fontFamily: 'Poppings'
  },
  palette: {
    primary: {
      main: primaryColor
    },
    secondary: {
      main: secondaryColor

    },
    text: {
      primary: primaryText,
      secondary: secondaryText
    }
  }
})


export const LogoutButton = styled(Button)`   ${({ theme }) => `
    text-transform: none;
    color: ${theme.palette.text.primary}
    margin-left: 2rem;
    font-size: ${fontSize}

    &:hover {
      text-decoration: underline;
      background-color: transparent;
    }   `} `

但是它失败了，看来调色板没有通过... 反应测试库是否还有其他配置可以使用主题？