Skip to content

Commit

Permalink
improve tests for conditionals #7
Browse files Browse the repository at this point in the history
  • Loading branch information
Josh Pollock committed Apr 9, 2019
1 parent d92f059 commit 7cbad98
Show file tree
Hide file tree
Showing 3 changed files with 302 additions and 5 deletions.
24 changes: 20 additions & 4 deletions packages/forms/src/CF2Form/CF2Form.test.js
Original file line number Diff line number Diff line change
@@ -1,8 +1,23 @@
import {CF2Form} from "./CF2Form";
import React from 'react';
import React, { useEffect } from "react";
import renderer from 'react-test-renderer';
import { render, fireEvent, getByTestId} from "react-testing-library";
describe.skip( 'CF2Form', () => {
describe( 'CF2Form', () => {


it("calls effect", () => {
return new Promise(resolve => {
render(<EffectfulComponent effect={resolve} />);
});
});

function EffectfulComponent({ effect }) {
useEffect(effect);

return null;
}


let axios = {
post: jest.fn((config) => Promise.resolve({data: {}})),
request: jest.fn((config) => Promise.resolve({data: {}}))
Expand Down Expand Up @@ -41,11 +56,12 @@ describe.skip( 'CF2Form', () => {
conditionals: []
};

it( 'Matches snapshot',async (done) => {

it.skip( 'Matches snapshot', () => {
expect(render(<CF2Form formConfig={formConfig} axios={axios}/>)).toMatchSnapshot();
});

it( 'Snapshot with tokens',async () => {
it.skip( 'Snapshot with tokens',async () => {
expect(render(
<CF2Form
apiRootUri={'https://localhost/'}
Expand Down
282 changes: 282 additions & 0 deletions packages/forms/src/CF2Form/__snapshots__/CF2Form.test.js.snap
Original file line number Diff line number Diff line change
@@ -0,0 +1,282 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`CF2Form Matches snapshot 1`] = `
Object {
"asFragment": [Function],
"baseElement": <body>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div>
<div>
Loading Spinner
</div>
</div>
</body>,
"container": <div>
<div>
Loading Spinner
</div>
</div>,
"debug": [Function],
"findAllByAltText": [Function],
"findAllByDisplayValue": [Function],
"findAllByLabelText": [Function],
"findAllByPlaceholderText": [Function],
"findAllByRole": [Function],
"findAllByTestId": [Function],
"findAllByText": [Function],
"findAllByTitle": [Function],
"findByAltText": [Function],
"findByDisplayValue": [Function],
"findByLabelText": [Function],
"findByPlaceholderText": [Function],
"findByRole": [Function],
"findByTestId": [Function],
"findByText": [Function],
"findByTitle": [Function],
"getAllByAltText": [Function],
"getAllByDisplayValue": [Function],
"getAllByLabelText": [Function],
"getAllByPlaceholderText": [Function],
"getAllByRole": [Function],
"getAllBySelectText": [Function],
"getAllByTestId": [Function],
"getAllByText": [Function],
"getAllByTitle": [Function],
"getAllByValue": [Function],
"getByAltText": [Function],
"getByDisplayValue": [Function],
"getByLabelText": [Function],
"getByPlaceholderText": [Function],
"getByRole": [Function],
"getBySelectText": [Function],
"getByTestId": [Function],
"getByText": [Function],
"getByTitle": [Function],
"getByValue": [Function],
"queryAllByAltText": [Function],
"queryAllByDisplayValue": [Function],
"queryAllByLabelText": [Function],
"queryAllByPlaceholderText": [Function],
"queryAllByRole": [Function],
"queryAllBySelectText": [Function],
"queryAllByTestId": [Function],
"queryAllByText": [Function],
"queryAllByTitle": [Function],
"queryAllByValue": [Function],
"queryByAltText": [Function],
"queryByDisplayValue": [Function],
"queryByLabelText": [Function],
"queryByPlaceholderText": [Function],
"queryByRole": [Function],
"queryBySelectText": [Function],
"queryByTestId": [Function],
"queryByText": [Function],
"queryByTitle": [Function],
"queryByValue": [Function],
"rerender": [Function],
"unmount": [Function],
}
`;

exports[`CF2Form Snapshot with tokens 1`] = `
Object {
"asFragment": [Function],
"baseElement": <body>
<div
aria-atomic="true"
aria-live="polite"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-polite"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div
aria-atomic="true"
aria-live="assertive"
aria-relevant="additions text"
class="a11y-speak-region"
id="a11y-speak-assertive"
style="position: absolute;margin: -1px;padding: 0;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);-webkit-clip-path: inset(50%);clip-path: inset(50%);border: 0;word-wrap: normal !important;"
/>
<div>
<div
class="caldera"
>
<form
class="cf222 caldera-form"
>
<div
class="sc-bdVaJa caldera-form-row caldera-row sc-bwzfXH pjOvZ"
>
<div
class="caldera-column sc-bdVaJa iHZvIS"
>
<div
class="caldera-field-wrapper caldera-field-wrapper-text"
>
<div
class="components-base-control"
>
<div
class="components-base-control__field"
>
<input
id="fld_7908577"
type="submit"
value="Click Me"
/>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<div>
<div
class="caldera"
>
<form
class="cf222 caldera-form"
>
<div
class="sc-bdVaJa caldera-form-row caldera-row sc-bwzfXH pjOvZ"
>
<div
class="caldera-column sc-bdVaJa iHZvIS"
>
<div
class="caldera-field-wrapper caldera-field-wrapper-text"
>
<div
class="components-base-control"
>
<div
class="components-base-control__field"
>
<input
id="fld_7908577"
type="submit"
value="Click Me"
/>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</body>,
"container": <div>
<div
class="caldera"
>
<form
class="cf222 caldera-form"
>
<div
class="sc-bdVaJa caldera-form-row caldera-row sc-bwzfXH pjOvZ"
>
<div
class="caldera-column sc-bdVaJa iHZvIS"
>
<div
class="caldera-field-wrapper caldera-field-wrapper-text"
>
<div
class="components-base-control"
>
<div
class="components-base-control__field"
>
<input
id="fld_7908577"
type="submit"
value="Click Me"
/>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>,
"debug": [Function],
"findAllByAltText": [Function],
"findAllByDisplayValue": [Function],
"findAllByLabelText": [Function],
"findAllByPlaceholderText": [Function],
"findAllByRole": [Function],
"findAllByTestId": [Function],
"findAllByText": [Function],
"findAllByTitle": [Function],
"findByAltText": [Function],
"findByDisplayValue": [Function],
"findByLabelText": [Function],
"findByPlaceholderText": [Function],
"findByRole": [Function],
"findByTestId": [Function],
"findByText": [Function],
"findByTitle": [Function],
"getAllByAltText": [Function],
"getAllByDisplayValue": [Function],
"getAllByLabelText": [Function],
"getAllByPlaceholderText": [Function],
"getAllByRole": [Function],
"getAllBySelectText": [Function],
"getAllByTestId": [Function],
"getAllByText": [Function],
"getAllByTitle": [Function],
"getAllByValue": [Function],
"getByAltText": [Function],
"getByDisplayValue": [Function],
"getByLabelText": [Function],
"getByPlaceholderText": [Function],
"getByRole": [Function],
"getBySelectText": [Function],
"getByTestId": [Function],
"getByText": [Function],
"getByTitle": [Function],
"getByValue": [Function],
"queryAllByAltText": [Function],
"queryAllByDisplayValue": [Function],
"queryAllByLabelText": [Function],
"queryAllByPlaceholderText": [Function],
"queryAllByRole": [Function],
"queryAllBySelectText": [Function],
"queryAllByTestId": [Function],
"queryAllByText": [Function],
"queryAllByTitle": [Function],
"queryAllByValue": [Function],
"queryByAltText": [Function],
"queryByDisplayValue": [Function],
"queryByLabelText": [Function],
"queryByPlaceholderText": [Function],
"queryByRole": [Function],
"queryBySelectText": [Function],
"queryByTestId": [Function],
"queryByText": [Function],
"queryByTitle": [Function],
"queryByValue": [Function],
"rerender": [Function],
"unmount": [Function],
}
`;
1 change: 0 additions & 1 deletion packages/forms/src/CalderaForm/CalderaForm.js
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,6 @@ export class CalderaForm extends Component {
return (
<div
className={classNameService.getFormWrapperClassNames(form.ID)}

>
<Formik
className={'caldera-form'}
Expand Down

0 comments on commit 7cbad98

Please sign in to comment.