如何将脉轮的样式添加到柏树组件测试中

Question

据我了解，我可以将CSS文件导入柏树。但是，脉轮没有一个，我该怎么做？提前致谢。

Answer 1

cypress/unding/component.ts文件应该看起来像这样：

import "./commands";
import { mount } from "cypress/react18";
import { ChakraProvider } from "@chakra-ui/react";
import { theme } from "../../src/theme/theme";
import { createElement } from "react";

declare global {
  namespace Cypress {
    interface Chainable {
      mount: typeof mount;
    }
  }
}

Cypress.Commands.add("mount", (component, options) => {
  const wrappedComponent = createElement(ChakraProvider, { theme }, component);

  return mount(wrappedComponent, options);
});

完整示例： https://github.com/kenikori/reeact-chakra-cypress

Answer 2

这样更新您的组件。

Cypress.Commands.add('mount', (jsx, options) =>
  mount(React.createElement(ThemeProvider, { theme }, jsx), options)
);