message: test(extend-theme): add test
diff: -import * as React from "react"
  import { extendTheme, ThemeOverride } from "../src/extend-theme"
  import { createBreakpoints } from "@chakra-ui/theme-tools"
  @@ -43,6 +42,29 @@ describe("extendTheme", () => {
  expect(Object.keys(solidStyles).length).toBeGreaterThan(1)
  })
  + it("should merge component baseStyle object with a function result", () => {
  + const testColor = "papayawhip"
  + const override = {
  + components: {
  + Button: {
  + baseStyle: () => ({
  + bg: testColor,
  + }),
  + },
  + },
  + }
  +
  + const customTheme = extendTheme(override)
  +
  + const { baseStyle, defaultProps } = customTheme.components.Button
  + const baseStyles = baseStyle(defaultProps)
  +
  + expect(baseStyles.bg).toBe(testColor)
  +
  + // should have more properties from the default theme
  + expect(Object.keys(baseStyles).length).toBeGreaterThan(1)
  + })
  +
  it("should override component variant with an object", () => {
  const testColor = "papayawhip"
  const override = {
  