From e1dac618a8b8929f601c7ec8aca3842c5ebf9d03 Mon Sep 17 00:00:00 2001
From: Shin'ya Ueoka <ueokande@i-beam.org>
Date: Mon, 13 Apr 2020 20:37:36 +0900
Subject: Use plugin:prettier/recommended

---
 test/settings/components/ui/input.test.tsx | 145 ++++++++++++++++++-----------
 1 file changed, 90 insertions(+), 55 deletions(-)

(limited to 'test/settings/components/ui')

diff --git a/test/settings/components/ui/input.test.tsx b/test/settings/components/ui/input.test.tsx
index a3e7ff4..2f2b075 100644
--- a/test/settings/components/ui/input.test.tsx
+++ b/test/settings/components/ui/input.test.tsx
@@ -1,13 +1,13 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import ReactTestUtils from 'react-dom/test-utils';
-import Input from 'settings/components/ui/Input'
+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');
+    container = document.createElement("div");
     document.body.appendChild(container);
   });
 
@@ -17,94 +17,129 @@ describe("settings/ui/Input", () => {
   });
 
   context("type=text", () => {
-    it('renders text input', () => {
+    it("renders text input", () => {
       ReactTestUtils.act(() => {
         ReactDOM.render(
-          <Input type='text' name='myname' label='myfield' value='myvalue'/>,
-          container);
+          <Input type="text" name="myname" label="myfield" value="myvalue" />,
+          container
+        );
       });
 
-      const label = document.querySelector('label');
-      const 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');
+      const label = document.querySelector("label");
+      const 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) => {
+    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);
+        ReactDOM.render(
+          <Input
+            type="text"
+            name="myname"
+            label="myfield"
+            value="myvalue"
+            onChange={(e) => {
+              expect(e.target.value).to.equal("newvalue");
+              done();
+            }}
+          />,
+          container
+        );
       });
 
-      const input = document.querySelector('input');
-      input.value = 'newvalue';
+      const input = document.querySelector("input");
+      input.value = "newvalue";
       ReactTestUtils.Simulate.change(input);
     });
   });
 
   context("type=radio", () => {
-    it('renders radio button', () => {
+    it("renders radio button", () => {
       ReactTestUtils.act(() => {
         ReactDOM.render(
-          <Input type='radio' name='myname' label='myfield' value='myvalue'/>,
-          container);
+          <Input type="radio" name="myname" label="myfield" value="myvalue" />,
+          container
+        );
       });
 
-      const label = document.querySelector('label');
-      const 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');
+      const label = document.querySelector("label");
+      const 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) => {
+    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);
+        ReactDOM.render(
+          <Input
+            type="text"
+            name="radio"
+            label="myfield"
+            value="myvalue"
+            onChange={(e) => {
+              expect(e.target.checked).to.be.true;
+              done();
+            }}
+          />,
+          container
+        );
       });
 
-      const input = document.querySelector('input');
+      const input = document.querySelector("input");
       input.checked = true;
       ReactTestUtils.Simulate.change(input);
     });
   });
 
   context("type=textarea", () => {
-    it('renders textarea button', () => {
+    it("renders textarea button", () => {
       ReactTestUtils.act(() => {
         ReactDOM.render(
-          <Input type='textarea' name='myname' label='myfield' value='myvalue' error='myerror' />,
-          container);
+          <Input
+            type="textarea"
+            name="myname"
+            label="myfield"
+            value="myvalue"
+            error="myerror"
+          />,
+          container
+        );
       });
 
-      const label = document.querySelector('label');
-      const textarea = document.querySelector('textarea');
-      const 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');
+      const label = document.querySelector("label");
+      const textarea = document.querySelector("textarea");
+      const 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) => {
+    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);
+        ReactDOM.render(
+          <Input
+            type="textarea"
+            name="myname"
+            label="myfield"
+            value="myvalue"
+            onChange={(e) => {
+              expect(e.target.value).to.equal("newvalue");
+              done();
+            }}
+          />,
+          container
+        );
       });
 
-      const input = document.querySelector('textarea');
-      input.value = 'newvalue'
+      const input = document.querySelector("textarea");
+      input.value = "newvalue";
       ReactTestUtils.Simulate.change(input);
     });
   });
-- 
cgit v1.2.3