[ARVADOS-WORKBENCH2] updated: 1.1.4-52-g63ff090

[Git user]

Summary of changes:
 src/components/main-app-bar/main-app-bar.test.tsx | 98 +++++++++++++++++++++++
 1 file changed, 98 insertions(+)
 create mode 100644 src/components/main-app-bar/main-app-bar.test.tsx

       via  63ff090649294e3d4bd99c977fc72680c0c43d34 (commit)
      from  8d401d8610a2a5f9845f4dd4d2dca81ba9b77252 (commit)

Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.


commit 63ff090649294e3d4bd99c977fc72680c0c43d34
Author: Michal Klobukowski <michal.klobukowski at contractors.roche.com>
Date:   Wed Jun 13 11:56:16 2018 +0200

    Create tests for main app bar
    
    Feature #13590
    
    Arvados-DCO-1.1-Signed-off-by: Michal Klobukowski <michal.klobukowski at contractors.roche.com>

diff --git a/src/components/main-app-bar/main-app-bar.test.tsx b/src/components/main-app-bar/main-app-bar.test.tsx
new file mode 100644
index 0000000..cf24b29
--- /dev/null
+++ b/src/components/main-app-bar/main-app-bar.test.tsx
@@ -0,0 +1,98 @@
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
+import * as React from "react";
+import { mount, configure, ReactWrapper } from "enzyme";
+import * as Adapter from "enzyme-adapter-react-16";
+import MainAppBar from "./main-app-bar";
+import SearchBar from "./search-bar/search-bar";
+import Breadcrumbs from "../breadcrumbs/breadcrumbs";
+import DropdownMenu from "./dropdown-menu/dropdown-menu";
+import { Button, MenuItem, IconButton } from "@material-ui/core";
+
+configure({ adapter: new Adapter() });
+
+describe("<MainAppBar />", () => {
+
+    const user = {
+        firstName: "Test",
+        lastName: "User",
+        email: "test.user at example.com"
+    };
+
+    it("renders all components and the menu for authenticated user if user prop has value", () => {
+        const mainAppBar = mount(
+            <MainAppBar
+                user={user}
+                {...{ searchText: "", breadcrumbs: [], menuItems: { accountMenu: [], helpMenu: [], anonymousMenu: [] }, onSearch: jest.fn(), onBreadcrumbClick: jest.fn(), onMenuItemClick: jest.fn() }}
+            />
+        );
+        expect(mainAppBar.find(SearchBar)).toHaveLength(1);
+        expect(mainAppBar.find(Breadcrumbs)).toHaveLength(1);
+        expect(mainAppBar.find(DropdownMenu)).toHaveLength(2);
+    });
+
+    it("renders only the menu for anonymous user if user prop is undefined", () => {
+        const menuItems = { accountMenu: [], helpMenu: [], anonymousMenu: [{ label: 'Sign in' }] };
+        const mainAppBar = mount(
+            <MainAppBar
+                menuItems={menuItems}
+                {...{ searchText: "", breadcrumbs: [], onSearch: jest.fn(), onBreadcrumbClick: jest.fn(), onMenuItemClick: jest.fn() }}
+            />
+        );
+        expect(mainAppBar.find(SearchBar)).toHaveLength(0);
+        expect(mainAppBar.find(Breadcrumbs)).toHaveLength(0);
+        expect(mainAppBar.find(DropdownMenu)).toHaveLength(0);
+        expect(mainAppBar.find(Button)).toHaveLength(1);
+    });
+
+    it("communicates with <SearchBar />", () => {
+        const onSearch = jest.fn();
+        const mainAppBar = mount(
+            <MainAppBar
+                searchText="search text"
+                searchDebounce={2000}
+                onSearch={onSearch}
+                {...{ user, breadcrumbs: [], menuItems: { accountMenu: [], helpMenu: [], anonymousMenu: [] }, onBreadcrumbClick: jest.fn(), onMenuItemClick: jest.fn() }}
+            />
+        );
+        const searchBar = mainAppBar.find(SearchBar);
+        expect(searchBar.prop("value")).toBe("search text");
+        expect(searchBar.prop("debounce")).toBe(2000);
+        searchBar.prop("onSearch")("new search text");
+        expect(onSearch).toBeCalledWith("new search text");
+    });
+
+    it("communicates with <Breadcrumbs />", () => {
+        const items = [{ label: "breadcrumb 1" }];
+        const onBreadcrumbClick = jest.fn();
+        const mainAppBar = mount(
+            <MainAppBar
+                breadcrumbs={items}
+                onBreadcrumbClick={onBreadcrumbClick}
+                {...{ user, searchText: "", menuItems: { accountMenu: [], helpMenu: [], anonymousMenu: [] }, onSearch: jest.fn(), onMenuItemClick: jest.fn() }}
+            />
+        );
+        const breadcrumbs = mainAppBar.find(Breadcrumbs);
+        expect(breadcrumbs.prop("items")).toBe(items);
+        breadcrumbs.prop("onClick")(items[0]);
+        expect(onBreadcrumbClick).toBeCalledWith(items[0]);
+    });
+
+    it("communicates with menu", () => {
+        const onMenuItemClick = jest.fn();
+        const menuItems = { accountMenu: [{label: "log out"}], helpMenu: [], anonymousMenu: [] };
+        const mainAppBar = mount(
+            <MainAppBar
+                menuItems={menuItems}
+                onMenuItemClick={onMenuItemClick}
+                {...{ user, searchText: "", breadcrumbs: [], onSearch: jest.fn(), onBreadcrumbClick: jest.fn() }}
+            />
+        );
+
+        mainAppBar.find(DropdownMenu).at(0).find(IconButton).simulate("click");
+        mainAppBar.find(DropdownMenu).at(0).find(MenuItem).at(1).simulate("click");
+        expect(onMenuItemClick).toBeCalledWith(menuItems.accountMenu[0]);
+    });
+});
\ No newline at end of file

-----------------------------------------------------------------------


hooks/post-receive
--