@charcoal-ui/react 3.6.0 → 3.7.0

package/src/components/Checkbox/performance.test.tsx

@@ -1,30 +0,0 @@
-import { light } from '@charcoal-ui/theme'
-import 'jest-styled-components'
-
-import React from 'react'
-import renderer from 'react-test-renderer'
-import { ThemeProvider } from 'styled-components'
-import Checkbox from '.'
-
-export function render(children: JSX.Element) {
-  return renderer
-    .create(<ThemeProvider theme={light}>{children}</ThemeProvider>)
-    .toJSON()
-}
-
-const array = [...Array<undefined>(1000)].map((_, i) => i)
-
-describe('Checkbox', () => {
-  test('<Checkbox />', () => {
-    function ManyCheckbox() {
-      return (
-        <>
-          {array.map((i) => (
-            <Checkbox key={i} label="test" />
-          ))}
-        </>
-      )
-    }
-    render(<ManyCheckbox />)
-  })
-})

package/src/components/Checkbox/snapshot.test.tsx

@@ -1,66 +0,0 @@
-import { dark, light } from '@charcoal-ui/theme'
-import renderer from 'react-test-renderer'
-import { ThemeProvider } from 'styled-components'
-import { Story } from '../../_lib/compat'
-import path from 'path'
-import glob from 'glob'
-
-import 'jest-styled-components'
-
-function render(children: JSX.Element) {
-  return renderer.create(children).toJSON()
-}
-
-const themes = Object.entries({
-  light,
-  dark,
-})
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-interface StoryWithMetadata<ArgsType = any> {
-  filename: string
-  name: string
-  story: Story<ArgsType>
-  args: ArgsType
-}
-const stories: StoryWithMetadata[] = glob
-  .sync(path.resolve(__dirname, '*.story.tsx'))
-  .flatMap((filePath) => {
-    // eslint-disable-next-line @typescript-eslint/no-var-requires
-    const exports = require(`./${path.relative(
-      __dirname,
-      filePath
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    )}`) as Record<string, any>
-
-    return Object.entries(exports)
-      .filter(
-        ([exportName, exportValue]) =>
-          exportName !== 'default' && typeof exportValue === 'function'
-      )
-      .map(([exportName, exportValue]) => ({
-        filename: path.relative(__dirname, filePath),
-        name: exportName,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        story: exportValue as Story<any>,
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-member-access
-        args: { ...exports.default.args, ...exportValue.args },
-      }))
-  })
-
-describe.each(themes)('using %s theme', (_name, theme) => {
-  describe.each(stories)(
-    'storiesOf($filename).add($name)',
-    ({ story: Story, args }) => {
-      it('snapshot', () => {
-        expect(
-          render(
-            <ThemeProvider theme={theme}>
-              <Story {...args} />
-            </ThemeProvider>
-          )
-        ).toMatchSnapshot()
-      })
-    }
-  )
-})