aboutsummaryrefslogtreecommitdiff
path: root/test/settings/components/ui/input.test.jsx
diff options
context:
space:
mode:
authorShin'ya Ueoka <ueokande@i-beam.org>2019-04-30 14:00:07 +0900
committerShin'ya Ueoka <ueokande@i-beam.org>2019-05-02 11:14:19 +0900
commitc60d0e7392fc708e961614d6b756a045de74f458 (patch)
tree0b9a5fce1879e38a92d5dbb2915779aee0ad22d6 /test/settings/components/ui/input.test.jsx
parent257162e5b6b4993e1dff0d705ffa6f0d809033eb (diff)
Rename .js/.jsx to .ts/.tsx
Diffstat (limited to 'test/settings/components/ui/input.test.jsx')
-rw-r--r--test/settings/components/ui/input.test.jsx111
1 files changed, 0 insertions, 111 deletions
diff --git a/test/settings/components/ui/input.test.jsx b/test/settings/components/ui/input.test.jsx
deleted file mode 100644
index 432efcb..0000000
--- a/test/settings/components/ui/input.test.jsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactTestUtils from 'react-dom/test-utils';
-import Input from 'settings/components/ui/Input'
-
-describe("settings/ui/Input", () => {
- let container;
-
- beforeEach(() => {
- container = document.createElement('div');
- document.body.appendChild(container);
- });
-
- afterEach(() => {
- document.body.removeChild(container);
- container = null;
- });
-
- context("type=text", () => {
- it('renders text input', () => {
- ReactTestUtils.act(() => {
- ReactDOM.render(
- <Input type='text' name='myname' label='myfield' value='myvalue'/>,
- container);
- });
-
- let label = document.querySelector('label');
- let input = document.querySelector('input');
- expect(label.textContent).to.contain('myfield');
- expect(input.type).to.contain('text');
- expect(input.name).to.contain('myname');
- expect(input.value).to.contain('myvalue');
- });
-
- it('invoke onChange', (done) => {
- ReactTestUtils.act(() => {
- ReactDOM.render(<Input type='text' name='myname' label='myfield' value='myvalue' onChange={(e) => {
- expect(e.target.value).to.equal('newvalue');
- done();
- }}/>, container);
- });
-
- let input = document.querySelector('input');
- input.value = 'newvalue';
- ReactTestUtils.Simulate.change(input);
- });
- });
-
- context("type=radio", () => {
- it('renders radio button', () => {
- ReactTestUtils.act(() => {
- ReactDOM.render(
- <Input type='radio' name='myname' label='myfield' value='myvalue'/>,
- container);
- });
-
- let label = document.querySelector('label');
- let input = document.querySelector('input');
- expect(label.textContent).to.contain('myfield');
- expect(input.type).to.contain('radio');
- expect(input.name).to.contain('myname');
- expect(input.value).to.contain('myvalue');
- });
-
- it('invoke onChange', (done) => {
- ReactTestUtils.act(() => {
- ReactDOM.render(<Input type='text' name='radio' label='myfield' value='myvalue' onChange={(e) => {
- expect(e.target.checked).to.be.true;
- done();
- }}/>,
- container);
- });
-
- let input = document.querySelector('input');
- input.checked = true;
- ReactTestUtils.Simulate.change(input);
- });
- });
-
- context("type=textarea", () => {
- it('renders textarea button', () => {
- ReactTestUtils.act(() => {
- ReactDOM.render(
- <Input type='textarea' name='myname' label='myfield' value='myvalue' error='myerror' />,
- container);
- });
-
- let label = document.querySelector('label');
- let textarea = document.querySelector('textarea');
- let error = document.querySelector('.settings-ui-input-error');
- expect(label.textContent).to.contain('myfield');
- expect(textarea.nodeName).to.contain('TEXTAREA');
- expect(textarea.name).to.contain('myname');
- expect(textarea.value).to.contain('myvalue');
- expect(error.textContent).to.contain('myerror');
- });
-
- it('invoke onChange', (done) => {
- ReactTestUtils.act(() => {
- ReactDOM.render(<Input type='textarea' name='myname' label='myfield' value='myvalue' onChange={(e) => {
- expect(e.target.value).to.equal('newvalue');
- done();
- }}/>, container);
- });
-
- let input = document.querySelector('textarea');
- input.value = 'newvalue'
- ReactTestUtils.Simulate.change(input);
- });
- });
-});