Flow Coverage Report - src/components/shared/tests/Popover.spec.js

Go back to all files summary.

Filename	Percent	Total	Covered	Uncovered
src/components/shared/tests/Popover.spec.js	79 %	147	117	30

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

import Popover from "../Popover";

describe("Popover", () => {
  const onMouseLeave = jest.fn();
  const editorRef = {
    getBoundingClientRect() {
      return {
        x: 0,
        y: 0,
        width: 100,
        height: 100,
        top: 250,
        right: 0,
        bottom: 0,
        left: 20
      };
    }
  };
  const targetPosition = {
    x: 100,
    y: 200,
    width: 300,
    height: 300,
    top: 50,
    right: 0,
    bottom: 0,
    left: 200
  };
  const popover = shallow(
    <Popover
      onMouseLeave={onMouseLeave}
      editorRef={editorRef}
      targetPosition={targetPosition}
    >
      <h1>Poppy!</h1>
    </Popover>
  );
  const tooltip = shallow(
    <Popover
      type="tooltip"
      onMouseLeave={onMouseLeave}
      editorRef={editorRef}
      targetPosition={targetPosition}
    >
      <h1>Toolie!</h1>
    </Popover>
  );
  const div = document.createElement("div");
  const event = { currentTarget: div };
  beforeEach(() => onMouseLeave.mockClear());
  it("render", () => expect(popover).toMatchSnapshot());
  it("render (tooltip)", () => expect(tooltip).toMatchSnapshot());
  it("calls mouseLeave", () => {
    popover.find(".popover").simulate("mouseleave", event);
    expect(onMouseLeave).toHaveBeenCalled();
  });
  it("calls mouseLeave (tooltip)", () => {
    tooltip.find(".tooltip").simulate("mouseleave", event);
    expect(onMouseLeave).toHaveBeenCalled();
  });
  it("no mouse leave on bracket or gap", () => {
    div.className = "bracket-arrow";
    popover.find(".popover").simulate("mouseleave", event);
    expect(onMouseLeave).not.toHaveBeenCalled();
  });
  it("mount popover", () => {
    const mountedPopover = mount(
      <Popover
        onMouseLeave={onMouseLeave}
        editorRef={editorRef}
        targetPosition={targetPosition}
      >
        <h1>Poppy!</h1>
      </Popover>
    );
    expect(mountedPopover).toMatchSnapshot();
  });
  it("mount tooltip", () => {
    const mountedTooltip = mount(
      <Popover
        type="tooltip"
        onMouseLeave={onMouseLeave}
        editorRef={editorRef}
        targetPosition={targetPosition}
      >
        <h1>Toolie!</h1>
      </Popover>
    );
    expect(mountedTooltip).toMatchSnapshot();
  });
});

{"expressions":{"covered_count":117,"uncovered_count":30,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":7,"column":9,"offset":140},"end":{"line":7,"column":20,"offset":152}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":8,"column":9,"offset":174},"end":{"line":8,"column":17,"offset":183}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":22,"column":9,"offset":402},"end":{"line":22,"column":22,"offset":416}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":32,"column":9,"offset":547},"end":{"line":32,"column":15,"offset":554}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":32,"column":19,"offset":557},"end":{"line":32,"column":25,"offset":564}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":32,"column":19,"offset":557},"end":{"line":40,"column":3,"offset":725}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":41,"column":9,"offset":735},"end":{"line":41,"column":15,"offset":742}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":41,"column":19,"offset":745},"end":{"line":41,"column":25,"offset":752}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":41,"column":19,"offset":745},"end":{"line":50,"column":3,"offset":935}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":51,"column":9,"offset":945},"end":{"line":51,"column":11,"offset":948}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":52,"column":9,"offset":990},"end":{"line":52,"column":13,"offset":995}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":54,"column":29,"offset":1096},"end":{"line":54,"column":35,"offset":1103}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":55,"column":39,"offset":1163},"end":{"line":55,"column":45,"offset":1170}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":57,"column":5,"offset":1229},"end":{"line":57,"column":11,"offset":1236}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":57,"column":5,"offset":1229},"end":{"line":57,"column":28,"offset":1253}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":57,"column":5,"offset":1229},"end":{"line":57,"column":58,"offset":1283}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":61,"column":5,"offset":1383},"end":{"line":61,"column":11,"offset":1390}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":61,"column":5,"offset":1383},"end":{"line":61,"column":28,"offset":1407}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":61,"column":5,"offset":1383},"end":{"line":61,"column":58,"offset":1437}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":66,"column":5,"offset":1580},"end":{"line":66,"column":11,"offset":1587}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":66,"column":5,"offset":1580},"end":{"line":66,"column":28,"offset":1604}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":66,"column":5,"offset":1580},"end":{"line":66,"column":58,"offset":1634}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":70,"column":11,"offset":1731},"end":{"line":70,"column":24,"offset":1745}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":70,"column":28,"offset":1748},"end":{"line":70,"column":32,"offset":1753}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":70,"column":28,"offset":1748},"end":{"line":78,"column":5,"offset":1930}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":79,"column":12,"offset":1943},"end":{"line":79,"column":25,"offset":1957}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":82,"column":11,"offset":2024},"end":{"line":82,"column":24,"offset":2038}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":82,"column":28,"offset":2041},"end":{"line":82,"column":32,"offset":2046}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":82,"column":28,"offset":2041},"end":{"line":91,"column":5,"offset":2247}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/Popover.spec.js","type":"SourceFile","start":{"line":92,"column":12,"offset":2260},"end":{"line":92,"column":25,"offset":2274}}]},"percent":79}