LoginButton refactoring and snapshots

1 files changed, 16 insertions, 0 deletions

diff --git a/vnext/src/components/__tests__/LoginButton.test.js b/vnext/src/components/__tests__/LoginButton.test.js
new file mode 100644
index 00000000..0b672365
--- /dev/null
+++ b/vnext/src/components/__tests__/LoginButton.test.js
@@ -0,0 +1,16 @@
+import React from 'react';
+
+import LoginButton from '../LoginButton';
+import renderer from 'react-test-renderer';
+
+test('Login button and form are renders correctly', () => {
+    const button = renderer.create(
+        <LoginButton title="Log in" onAuth={() => {}} />
+    );
+    let link = button.toJSON();
+    expect(link).toMatchSnapshot();
+
+    button.root.instance.toggleModal();
+    let modal = button.toJSON();
+    expect(modal).toMatchSnapshot();
+});
\ No newline at end of file