Fix tests

CHANGELOG.md

@@ -12,7 +12,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 ### Fixed
 - Test errors.
 
-### Securytiy
+### Security
 - Bump dependencies versions.
 
 ## [0.3.4] - 2020-04-15

react/__tests__/Form.test.tsx

@@ -6,34 +6,36 @@ import FormInputCheckbox from '../FormInputCheckbox'
 import FormText from '../FormInputText'
 import FormFieldGroup from '../FormFieldGroup'
 
-test('should render full schema', () => {
-  const { getAllByText } = render(<Form entity="asdf" schema="asdf" />)
+describe('Form', () => {
+  it('should render full schema', () => {
+    const { getAllByText } = render(<Form entity="asdf" schema="asdf" />)
 
-  expect(getAllByText('First Name')[0]).toBeDefined()
-  expect(getAllByText('Last Name')[0]).toBeDefined()
-  expect(getAllByText('Age')[0]).toBeDefined()
-  expect(getAllByText('Your height in meters')[0]).toBeDefined()
-  expect(getAllByText('Email address')[0]).toBeDefined()
-  expect(getAllByText('Street Type')[0]).toBeDefined()
-  expect(getAllByText('Address')[0]).toBeDefined()
-  expect(getAllByText('Street Number')[0]).toBeDefined()
-  expect(getAllByText('Do you agree with the terms?')[0]).toBeDefined()
-})
+    expect(getAllByText('First Name')[0]).toBeDefined()
+    expect(getAllByText('Last Name')[0]).toBeDefined()
+    expect(getAllByText('Age')[0]).toBeDefined()
+    expect(getAllByText('Your height in meters')[0]).toBeDefined()
+    expect(getAllByText('Email address')[0]).toBeDefined()
+    expect(getAllByText('Street Type')[0]).toBeDefined()
+    expect(getAllByText('Address')[0]).toBeDefined()
+    expect(getAllByText('Street Number')[0]).toBeDefined()
+    expect(getAllByText('Do you agree with the terms?')[0]).toBeDefined()
+  })
 
-test('should render partial schema', () => {
-  const { getAllByText } = render(
-    <Form entity="asdf" schema="asdf">
-      <FormText pointer="#/properties/firstName" />
-      <FormText pointer="#/properties/lastName" />
-      <FormFieldGroup pointer="#/properties/address" />
-      <FormInputCheckbox pointer="#/properties/agreement" />
-    </Form>
-  )
+  it('should render partial schema', () => {
+    const { getAllByText } = render(
+      <Form entity="asdf" schema="asdf">
+        <FormText pointer="#/properties/firstName" />
+        <FormText pointer="#/properties/lastName" />
+        <FormFieldGroup pointer="#/properties/address" />
+        <FormInputCheckbox pointer="#/properties/agreement" />
+      </Form>
+    )
 
-  expect(getAllByText('First Name')[0]).toBeDefined()
-  expect(getAllByText('Last Name')[0]).toBeDefined()
-  expect(getAllByText('Street Type')[0]).toBeDefined()
-  expect(getAllByText('Address')[0]).toBeDefined()
-  expect(getAllByText('Street Number')[0]).toBeDefined()
-  expect(getAllByText('Do you agree with the terms?')[0]).toBeDefined()
+    expect(getAllByText('First Name')[0]).toBeDefined()
+    expect(getAllByText('Last Name')[0]).toBeDefined()
+    expect(getAllByText('Street Type')[0]).toBeDefined()
+    expect(getAllByText('Address')[0]).toBeDefined()
+    expect(getAllByText('Street Number')[0]).toBeDefined()
+    expect(getAllByText('Do you agree with the terms?')[0]).toBeDefined()
+  })
 })

react/components/Checkbox.tsx

@@ -30,7 +30,7 @@ export const Checkbox: FC<{
           {...(checked ? { checked: true } : { checked: false })}
           onChange={() => {
             const pointer = checkboxObject.pointer
-
+            console.log('styleguide checkbox - chamou boy')
             checkboxObject.formContext.setValue(pointer, !checked)
           }}
           checked={Boolean(checked)}
@@ -55,7 +55,7 @@ export const Checkbox: FC<{
             {...(checked ? { checked: true } : { checked: false })}
             onChange={() => {
               const pointer = checkboxObject.pointer
-
+              console.log('styleguide checkbox - chamou boy')
               checkboxObject.formContext.setValue(pointer, !checked)
             }}
             checked={Boolean(checked)}

react/setupTest.js

@@ -1,3 +1,11 @@
 require('mutationobserver-shim')
 
-window.matchMedia = () => {}
+window.matchMedia =
+  window.matchMedia ||
+  function() {
+    return {
+      matches: false,
+      addListener: function() {},
+      removeListener: function() {},
+    }
+  }