summaryrefslogtreecommitdiffstats
path: root/devtools/client/debugger/src/components/test/WelcomeBox.spec.js
blob: 777dbcbf9c7ab4462c366e77352d55aac02a2744 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */

// @flow

import React from "react";
import { shallow } from "enzyme";

import { WelcomeBox } from "../WelcomeBox";

function render(overrides = {}) {
  const props = {
    horizontal: false,
    togglePaneCollapse: jest.fn(),
    endPanelCollapsed: false,
    setActiveSearch: jest.fn(),
    openQuickOpen: jest.fn(),
    toggleShortcutsModal: jest.fn(),
    ...overrides,
  };
  const component = shallow(<WelcomeBox {...props} />);

  return { component, props };
}

describe("WelomeBox", () => {
  it("renders with default values", () => {
    const { component } = render();
    expect(component).toMatchSnapshot();
  });

  it("doesn't render toggle button in horizontal mode", () => {
    const { component } = render({
      horizontal: true,
    });
    expect(component.find("PaneToggleButton")).toHaveLength(0);
  });

  it("calls correct function on searchSources click", () => {
    const { component, props } = render();

    component.find(".welcomebox__searchSources").simulate("click");
    expect(props.openQuickOpen).toHaveBeenCalled();
  });

  it("calls correct function on searchProject click", () => {
    const { component, props } = render();

    component.find(".welcomebox__searchProject").simulate("click");
    expect(props.setActiveSearch).toHaveBeenCalled();
  });

  it("calls correct function on allShotcuts click", () => {
    const { component, props } = render();

    component.find(".welcomebox__allShortcuts").simulate("click");
    expect(props.toggleShortcutsModal).toHaveBeenCalled();
  });
});