tests: update sidebar and forms tests

Author: mrholek

src/components/form/__tests__/CForm.spec.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { render } from '@testing-library/react'
 import '@testing-library/jest-dom/extend-expect'
-import { CForm, CFormLabel, CFormControl, CFormText, CFormCheck, CButton } from '../../../index'
+import { CForm, CFormLabel, CFormInput, CFormText, CFormCheck, CButton } from '../../../index'
 
 test('loads and displays CForm component', async () => {
   const { container } = render(<CForm>Test</CForm>)
@@ -23,7 +23,7 @@ test('CForm example', async () => {
   const { container } = render(
     <CForm>
       <CFormLabel>A</CFormLabel>
-      <CFormControl type="email" aria-describedby="B" />
+      <CFormInput type="email" aria-describedby="B" />
       <CFormText>C</CFormText>
       <CFormCheck label="D" />
       <CButton type="submit" color="primary">

src/components/form/__tests__/CFormControl.spec.tsx

@@ -1,16 +1,16 @@
 import * as React from 'react'
 import { render, fireEvent } from '@testing-library/react'
 import '@testing-library/jest-dom/extend-expect'
-import { CFormControl } from '../../../index'
+import { CFormInput } from '../../../index'
 
-test('loads and displays CFormControl component', async () => {
-  const { container } = render(<CFormControl />)
+test('loads and displays CFormInput component', async () => {
+  const { container } = render(<CFormInput />)
   expect(container).toMatchSnapshot()
 })
 
-test('CFormControl customize', async () => {
+test('CFormInput customize', async () => {
   const { container } = render(
-    <CFormControl
+    <CFormInput
       className="bazinga"
       component="h3"
       disabled={true}
@@ -28,17 +28,15 @@ test('CFormControl customize', async () => {
   expect(container.firstChild).toHaveClass('form-control-lg')
 })
 
-test('CFormControl customize classNameParent', async () => {
-  const { container } = render(
-    <CFormControl className="bazinga" classNameParent="classNameParent" />,
-  )
+test('CFormInput customize classNameParent', async () => {
+  const { container } = render(<CFormInput className="bazinga" classNameParent="classNameParent" />)
   expect(container).toMatchSnapshot()
 })
 
-test('CFormControl change input', async () => {
+test('CFormInput change input', async () => {
   jest.useFakeTimers()
   const onChange = jest.fn()
-  render(<CFormControl onChange={onChange} />)
+  render(<CFormInput onChange={onChange} />)
   expect(onChange).toHaveBeenCalledTimes(0)
   const input = document.querySelector('input')
   if (input !== null) {

src/components/form/__tests__/__snapshots__/CFormControl.spec.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`CFormControl customize 1`] = `
+exports[`CFormInput customize 1`] = `
 <div>
   <h3
     class="form-control-plaintext form-control-color form-control-lg bazinga"
@@ -11,7 +11,7 @@ exports[`CFormControl customize 1`] = `
 </div>
 `;
 
-exports[`CFormControl customize classNameParent 1`] = `
+exports[`CFormInput customize classNameParent 1`] = `
 <div>
   <input
     class="classNameParent"
@@ -20,7 +20,7 @@ exports[`CFormControl customize classNameParent 1`] = `
 </div>
 `;
 
-exports[`loads and displays CFormControl component 1`] = `
+exports[`loads and displays CFormInput component 1`] = `
 <div>
   <input
     class="form-control"

src/components/sidebar/__tests__/CSidebar.spec.tsx

@@ -4,8 +4,6 @@ import '@testing-library/jest-dom/extend-expect'
 import {
   CSidebar /* , CSidebarNav, CNavLink, CNavGroup, CNavGroupItems, CNavItem */,
 } from '../../../index'
-//import { CCreateNavItem } from '../CCreateNavItem'
-//import navigation from '../_nav'
 
 test('loads and displays CSidebar component', async () => {
   const { container } = render(<CSidebar>Test</CSidebar>)
@@ -41,25 +39,3 @@ test('CSidebar customize show', async () => {
   expect(container.firstChild).toHaveClass('sidebar-narrow-unfoldable')
   expect(container.firstChild).toHaveClass('show')
 })
-
-/*
-test('CSidebar example', async () => {
-  const { container } = render(<CSidebar>
-    A
-    <CSidebarNav>
-      <CNavLink>B</CNavLink>
-      <CCreateNavItem
-        items={navigation}
-        components={{
-          CNavGroup,
-          CNavGroupItems,
-          CNavItem,
-          CNavLink,
-        }}
-      />
-      <CNavLink>ccc</CNavLink>
-    </CSidebarNav>
-  </CSidebar>)
-  expect(container).toMatchSnapshot()
-})
-*/

src/gatsby-theme-docz/theme/prism/light copy.js

@@ -0,0 +1,76 @@
+export default {
+  plain: {
+    fontFamily: 'Inconsolata',
+    color: '#ccc',
+    backgroundColor: '#2d2d2d',
+  },
+  styles: [
+    {
+      types: ['comment', 'block-comment', 'prolog', 'doctype', 'cdata'],
+      style: {
+        color: '#999',
+        fontStyle: 'italic',
+      },
+    },
+    {
+      types: ['punctuation'],
+      style: {
+        color: '#ccc',
+      },
+    },
+    {
+      types: ['tag', 'attr-name', 'namespace', 'deleted'],
+      style: {
+        color: '#ec5975',
+      },
+    },
+    {
+      types: ['function-name'],
+      style: {
+        color: '#6196cc',
+      },
+    },
+    {
+      types: ['boolean', 'number', 'function'],
+      style: {
+        color: '#f08d49',
+      },
+    },
+    {
+      types: ['property', 'class-name', 'constant', 'symbol'],
+      style: {
+        color: '#f08d49',
+      },
+    },
+    {
+      types: ['property', 'class-name', 'constant', 'symbol'],
+      style: {
+        color: '#f8c555',
+      },
+    },
+    {
+      types: ['selector', 'important', 'atrule', 'keyword', 'builtin'],
+      style: {
+        color: '#cc99cd',
+      },
+    },
+    {
+      types: ['string', 'char', 'attr-value', 'regex', 'variable'],
+      style: {
+        color: '#7ec699',
+      },
+    },
+    {
+      types: ['string', 'char', 'attr-value', 'regex', 'variable'],
+      style: {
+        color: '#7ec699',
+      },
+    },
+    {
+      types: ['operator', 'entity', 'url'],
+      style: {
+        color: '#67cdcc',
+      },
+    },
+  ],
+}