From c869329d6e961a9758a4671b9a2f1872e909b1e4 Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Sun, 7 Apr 2019 23:30:05 +0300
Subject: Fix tests and update snapshots

---
 vnext/src/components/LoginButton.js                |  7 +++---
 vnext/src/components/__tests__/LoginButton.test.js | 15 ++++++++----
 .../__snapshots__/LoginButton.test.js.snap         | 28 ++++++++--------------
 .../__tests__/__snapshots__/UserLink.test.js.snap  |  1 +
 4 files changed, 24 insertions(+), 27 deletions(-)

(limited to 'vnext')

diff --git a/vnext/src/components/LoginButton.js b/vnext/src/components/LoginButton.js
index 92be22b8..cd26252e 100644
--- a/vnext/src/components/LoginButton.js
+++ b/vnext/src/components/LoginButton.js
@@ -9,7 +9,6 @@ import { useFormState } from 'react-use-form-state';
 import { me, facebookLink, vkLink } from '../api';
 
 function LoginButton({ onAuth, title }) {
-  
   const [open, setOpen] = useState(false);
   const [formState, { text, password }] = useFormState();
 
@@ -18,7 +17,7 @@ function LoginButton({ onAuth, title }) {
       event.preventDefault();
     }
     setOpen(!open);
-  }
+  };
   let onSubmit = (event) => {
     event.preventDefault();
     me(formState.values.username, formState.values.password)
@@ -29,7 +28,7 @@ function LoginButton({ onAuth, title }) {
       ).catch(ex => {
         console.log(ex);
       });
-  }  
+  };
   return (
     <>
       <a onClick={onToggle}>
@@ -88,4 +87,4 @@ const vkButtonStyle = {
   background: '#4c75a3'
 };
 
-export default LoginButton;
\ No newline at end of file
+export default LoginButton;
diff --git a/vnext/src/components/__tests__/LoginButton.test.js b/vnext/src/components/__tests__/LoginButton.test.js
index be083c22..da80abb0 100644
--- a/vnext/src/components/__tests__/LoginButton.test.js
+++ b/vnext/src/components/__tests__/LoginButton.test.js
@@ -1,16 +1,21 @@
 import React from 'react';
 
 import LoginButton from '../LoginButton';
-import renderer from 'react-test-renderer';
+import { create, act } from 'react-test-renderer';
 
 test('Login button and form are renders correctly', () => {
-    const button = renderer.create(
-        <LoginButton title="Log in" onAuth={() => {}} />
-    );
+    var button = null;
+    act(() => {
+        button = create(
+            <LoginButton title="Log in" onAuth={() => { }} />
+        );
+    });
     let link = button.toJSON();
     expect(link).toMatchSnapshot();
 
-    button.root.instance.toggleModal();
+    act(() => {
+        button.root.findByType('a').props.onClick();
+    });
     let modal = button.toJSON();
     expect(modal).toMatchSnapshot();
 });
diff --git a/vnext/src/components/__tests__/__snapshots__/LoginButton.test.js.snap b/vnext/src/components/__tests__/__snapshots__/LoginButton.test.js.snap
index e5c4ebe5..e2e36e24 100644
--- a/vnext/src/components/__tests__/__snapshots__/LoginButton.test.js.snap
+++ b/vnext/src/components/__tests__/__snapshots__/LoginButton.test.js.snap
@@ -49,17 +49,6 @@ Array [
   </a>,
   <div
     id="dialogt"
-    style={
-      Object {
-        "backgroundColor": "rgba(0, 0, 0, 0.3)",
-        "bottom": 0,
-        "left": 0,
-        "padding": 50,
-        "position": "fixed",
-        "right": 0,
-        "top": 0,
-      }
-    }
   >
     <div
       id="dialogw"
@@ -156,8 +145,9 @@ Array [
           onSubmit={[Function]}
         >
           <input
-            className="signinput"
+            class="input"
             name="username"
+            onBlur={[Function]}
             onChange={[Function]}
             placeholder="Username..."
             type="text"
@@ -165,19 +155,21 @@ Array [
           />
           <br />
           <input
-            className="signinput"
+            class="input"
             name="password"
+            onBlur={[Function]}
             onChange={[Function]}
             placeholder="Password..."
             type="password"
             value=""
           />
           <br />
-          <input
-            className="signsubmit"
-            type="submit"
-            value="OK"
-          />
+          <button
+            className="Button"
+            onClick={[Function]}
+          >
+            OK
+          </button>
         </form>
       </div>
     </div>
diff --git a/vnext/src/components/__tests__/__snapshots__/UserLink.test.js.snap b/vnext/src/components/__tests__/__snapshots__/UserLink.test.js.snap
index 996e592a..15e25367 100644
--- a/vnext/src/components/__tests__/__snapshots__/UserLink.test.js.snap
+++ b/vnext/src/components/__tests__/__snapshots__/UserLink.test.js.snap
@@ -23,6 +23,7 @@ Array [
     ugnich
   </a>,
   <a
+    className="info-avatar"
     href="https://example.com/u/test"
   >
     <img />
-- 
cgit v1.2.3