Move branch from other project

Author: rakieta2015

babel.config.js

@@ -0,0 +1,5 @@
+// babel.config.js
+module.exports = {
+  presets: ['@babel/preset-env', '@babel/preset-react'],
+  plugins: ['@babel/plugin-proposal-class-properties']
+};

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/react",
-  "version": "3.0.2",
+  "version": "3.0.0-rc.1",
   "description": "CoreUI React Bootstrap 4 components",
   "license": "MIT",
   "author": {
@@ -36,11 +36,14 @@
     "test:watch": "nwb test-react --server",
     "lint": "eslint src",
     "link": "npm link && link.sh",
-    "changelog": "auto-changelog --starting-version 3.0.0-rc.2"
+    "jest:test": "jest",
+    "jest:coverage": "jest --coverage",
+    "jest:init": "jest init",
+    "jest:cache": "jest --clearCache"
   },
   "dependencies": {
-    "@coreui/icons": "2.0.0-beta.3",
-    "@coreui/icons-react": "^1.0.1",
+    "@coreui/icons": "^2.0.0-beta.3",
+    "@coreui/icons-react": "^1.0.0-beta.5",
     "@coreui/utils": "~1.3.1",
     "@popperjs/core": "~2.4.0",
     "classnames": "~2.2.6",
@@ -56,16 +59,39 @@
     "react-router-dom": "~5.2.0"
   },
   "devDependencies": {
-    "auto-changelog": "2.0.0",
+    "@babel/core": "*",
+    "@babel/plugin-proposal-class-properties": "*",
+    "@babel/preset-env": "*",
+    "@babel/preset-react": "*",
+    "@coreui/coreui-chartjs": "^2.0.0-beta.0",
+    "@coreui/icons": "^1.0.1",
+    "@coreui/icons-react": "^1.0.0-alpha.5",
     "babel-eslint": "^10.1.0",
+    "babel-jest": "*",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
-    "eslint": "^7.2.0",
-    "eslint-plugin-import": "^2.21.1",
+    "enzyme-to-json": "^3.5.0",
+    "eslint": "^7.1.0",
+    "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-react": "^7.20.0",
+    "expect": "^26.0.1",
+    "jest": "^26.0.1",
     "nwb": "^0.25.2",
+    "react": "^16.13.1",
+    "react-app-polyfill": "^1.0.6",
+    "react-dom": "^16.13.1",
+    "react-router-dom": "^5.1.2",
+    "react-test-renderer": "^16.13.1",
     "sinon": "^9.0.2"
   },
+  "jest": {
+    "moduleNameMapper": {
+      "\\.(css|less)$": "<rootDir>/tests/__mocks__/styleMock.js"
+    },
+    "transformIgnorePatterns": [
+      "<rootDir>/node_modules/"
+    ]
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/coreui/coreui-react.git"

package.json

@@ -0,0 +1,69 @@
+import React from 'react'
+//import { renderHook, act } from '@testing-library/react-hooks'
+import { configure, mount, shallow } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CAlert from '../CAlert'
+
+configure({ adapter: new Adapter() })
+
+describe('CAlert', () => {
+  it('renders basic wrapper correctly', () => {
+    const component = renderer.create(<CAlert/>);
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+  it('renders customized wrapper correctly', () => {
+    const componentCustomized = renderer.create(
+      <CAlert
+        className='class-name'
+        closeButton
+        color='warning'
+        show
+      >
+        CAlert
+      </CAlert>
+    );
+    let tree = componentCustomized.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+  /*
+  it('closes alert after click on dismiss button', () => {
+    jest.useFakeTimers()
+    const onClose = jest.fn();
+    const component = mount(
+      <CAlert 
+        closeButton 
+        show
+        onShowChange={onClose}
+      >
+        CAlert
+      </CAlert>
+    );
+    console.log(component.html())
+    component.find('button').simulate('click')
+    //jest.runAllTimers()
+    jest.advanceTimersByTime(5001)
+    console.log(component.html())
+    expect(component).toBe(false)
+  })
+  */
+  it('run onShowChange after click on dismiss button', () => {
+    jest.useFakeTimers()
+    const onClose = jest.fn();
+    const component = mount(
+      <CAlert 
+        closeButton 
+        show
+        onShowChange={onClose}
+      >
+        CAlert
+      </CAlert>
+    );
+    expect(onClose).toHaveBeenCalledTimes(1);
+    component.find('button').simulate('click')
+    jest.advanceTimersByTime(1000)
+    expect(onClose).toHaveBeenCalledTimes(2);
+  })
+})

src/alert/tests/CAlert.test.js

@@ -0,0 +1,30 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CBadge from '../CBadge'
+
+configure({ adapter: new Adapter() })
+
+describe('CBadge', () => {
+  it('renders basic wrapper correctly', () => {
+    const component = renderer.create(<CBadge/>);
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+  it('renders customized wrapper correctly', () => {
+    const componentCustomized = renderer.create(
+      <CBadge
+        className='class-name'
+        color='warning'
+        shape="pill"
+        href='href'
+      >
+        CBadge
+      </CBadge>
+    );
+    let tree = componentCustomized.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+})

src/badge/tests/CBadge.test.js

@@ -0,0 +1,18 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CBadge renders basic wrapper correctly 1`] = `
+<span
+  className="badge"
+/>
+`;
+
+exports[`CBadge renders customized wrapper correctly 1`] = `
+<a
+  className="class-name badge badge-warning badge-pill"
+  href="href"
+  onClick={[Function]}
+  rel={null}
+>
+  CBadge
+</a>
+`;

src/badge/tests/__snapshots__/CBadge.test.js.snap

@@ -0,0 +1,33 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CBreadcrumb from '../CBreadcrumb'
+import CBreadcrumbItem from '../CBreadcrumbItem'
+
+configure({ adapter: new Adapter() })
+
+describe('CBreadcrumb', () => {
+  it('renders basic wrapper correctly', () => {
+    const component = renderer.create(<CBreadcrumb/>);
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+  it('renders customized wrapper correctly', () => {
+    const componentCustomized = renderer.create(
+      <CBreadcrumb
+        className='class-name'
+      >
+        <CBreadcrumbItem
+
+        >item</CBreadcrumbItem>
+        <CBreadcrumbItem
+          active
+        >item 2</CBreadcrumbItem>
+      </CBreadcrumb>
+    );
+    let tree = componentCustomized.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+})

src/breadcrumb/tests/CBreadcrumb.test.js

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CBreadcrumb renders basic wrapper correctly 1`] = `
+<ol
+  className="breadcrumb"
+/>
+`;
+
+exports[`CBreadcrumb renders customized wrapper correctly 1`] = `
+<ol
+  className="class-name breadcrumb"
+>
+  <li
+    className="breadcrumb-item"
+    role="presentation"
+  >
+    item
+  </li>
+  <li
+    aria-current="page"
+    className="active breadcrumb-item"
+    role="presentation"
+  >
+    item 2
+  </li>
+</ol>
+`;

src/breadcrumb/tests/__snapshots__/CBreadcrumb.test.js.snap

@@ -0,0 +1,72 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CButton from '../CButton'
+
+configure({ adapter: new Adapter() })
+
+describe('CButton', () => {
+  it('renders basic wrapper correctly', () => {
+    const component = renderer.create(<CButton/>);
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+  it('renders customized wrapper correctly', () => {
+    const componentCustomized = renderer.create(
+      <CButton
+        className='class-name'
+        disabled
+        block
+        size="lg"
+        pressed
+        shape="pill"
+        variant="ghost"
+        color='warning'
+      >
+        CAlert
+      </CButton>
+    );
+    let tree = componentCustomized.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+  it('renders customized wrapper correctly two', () => {
+    const componentCustomized = renderer.create(
+      <CButton
+        className='class-name'
+        active
+        block
+        size="lg"
+        pressed
+        shape="pill"
+        color='warning'
+        href="href"
+      >
+        CButton
+      </CButton>
+    );
+    let tree = componentCustomized.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+  it('on click', () => {
+    const closeFn = jest.fn();
+    const component = mount(
+      <CButton
+        className='class-name'
+        active
+        block
+        size="lg"
+        pressed
+        shape="pill"
+        color='warning'
+        onClick={closeFn}
+      >
+        CButton
+      </CButton>
+    );
+    component.find('button').simulate('click')
+    expect(closeFn).toHaveBeenCalledTimes(1);
+  })
+
+})

src/button/tests/CButton.test.js

@@ -0,0 +1,27 @@
+import React from 'react'
+import { configure, mount } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+import renderer from 'react-test-renderer';
+
+import CButtonClose from '../CButtonClose'
+
+configure({ adapter: new Adapter() })
+
+describe('CButtonClose', () => {
+  it('renders basic wrapper correctly', () => {
+    const component = renderer.create(<CButtonClose/>);
+    let tree = component.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+  it('renders customized wrapper correctly', () => {
+    const componentCustomized = renderer.create(
+      <CButtonClose
+        className='class-name'
+      >
+        CButtonClose
+      </CButtonClose>
+    );
+    let tree = componentCustomized.toJSON();
+    expect(tree).toMatchSnapshot()
+  })
+})