joyent-portal/packages/my-joy-beta/src/components/__tests__/key-value.ui.js

102 lines
1.9 KiB
JavaScript

import React from 'react';
import { toMatchImageSnapshot } from 'jest-image-snapshot';
import renderer from 'react-test-renderer';
import screenshot from 'react-screenshot-renderer';
import { KeyValue } from '../key-value';
import Theme from '@mocks/theme';
expect.extend({
toMatchImageSnapshot
});
it('<KeyValue />', async () => {
expect(
await screenshot(
<Theme ss>
<KeyValue />
</Theme>
)
).toMatchImageSnapshot();
});
it('<KeyValue expanded={false} />', async () => {
expect(
await screenshot(
<Theme ss>
<KeyValue expanded={false} />
</Theme>
)
).toMatchImageSnapshot();
});
it('<KeyValue input="input" />', async () => {
expect(
await screenshot(
<Theme ss>
<KeyValue input="input" />
</Theme>
)
).toMatchImageSnapshot();
});
it('<KeyValue input="textarea" />', async () => {
expect(
await screenshot(
<Theme ss>
<KeyValue input="textarea" />
</Theme>
)
).toMatchImageSnapshot();
});
it('<KeyValue type="tag" />', async () => {
expect(
await screenshot(
<Theme ss>
<KeyValue type="tag" />
</Theme>
)
).toMatchImageSnapshot();
});
it('<KeyValue method="add" />', async () => {
expect(
await screenshot(
<Theme ss>
<KeyValue method="add" />
</Theme>
)
).toMatchImageSnapshot();
});
it('<KeyValue method="edit" />', async () => {
expect(
await screenshot(
<Theme ss>
<KeyValue method="edit" />
</Theme>
)
).toMatchImageSnapshot();
});
it('<KeyValue removing />', async () => {
expect(
renderer.create(
<Theme ss>
<KeyValue removing />
</Theme>
)
).toMatchImageSnapshot();
});
it('<KeyValue submitting />', async () => {
expect(
renderer.create(
<Theme ss>
<KeyValue submitting />
</Theme>
)
).toMatchImageSnapshot();
});