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

Go back to all files summary.

Filename	Percent	Total	Covered	Uncovered
src/components/shared/tests/ManagedTree.spec.js	74 %	220	163	57

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

import ManagedTree from "../ManagedTree";

describe("ManagedTree", () => {
  const testTree = {
    a: {
      value: "FOO",
      children: [
        { value: 1 },
        { value: 2 },
        { value: 3 },
        { value: 4 },
        { value: 5 }
      ]
    },
    b: {
      value: "BAR",
      children: [
        { value: "A" },
        { value: "B" },
        { value: "C" },
        { value: "D" },
        { value: "E" }
      ]
    },
    c: { value: "BAZ" }
  };
  const renderItem = item => <div>{item.value ? item.value : item}</div>;
  const onFocus = jest.fn();
  const onExpand = jest.fn();
  const onCollapse = jest.fn();
  const getPath = (item, i) => {
    if (item.value) {
      return item.value;
    }
    if (i) {
      return i;
    }
    return `${item}-$`;
  };
  const tree = shallow(
    <ManagedTree
      getRoots={() => Object.keys(testTree)}
      getParent={item => null}
      getChildren={branch => branch.children || []}
      itemHeight={24}
      autoExpandAll={true}
      autoExpandDepth={1}
      getPath={getPath}
      renderItem={renderItem}
      onFocus={onFocus}
      onExpand={onExpand}
      onCollapse={onCollapse}
    />
  );
  beforeEach(() => {
    onFocus.mockClear();
    onExpand.mockClear();
    onCollapse.mockClear();
  });
  it("render", () => expect(tree).toMatchSnapshot());
  it("expands list items", () => {
    tree.setProps({
      listItems: testTree.b.children
    });
    expect(tree).toMatchSnapshot();
  });
  it("highlights list items", () => {
    tree.setProps({
      highlightItems: testTree.a.children
    });
    expect(tree).toMatchSnapshot();
  });
  it("focuses list items", () => {
    tree.setProps({ focused: testTree.a });
    expect(tree).toMatchSnapshot();
    expect(tree.state().focusedItem).toEqual(testTree.a);
    expect(onFocus).toHaveBeenCalledWith(testTree.a);
  });
  it("sets expanded items", () => {
    const mountedTree = mount(
      <ManagedTree
        getRoots={() => Object.keys(testTree)}
        getParent={item => null}
        getChildren={branch => branch.children || []}
        itemHeight={24}
        autoExpandAll={true}
        autoExpandDepth={1}
        getPath={getPath}
        renderItem={renderItem}
        onFocus={onFocus}
        onExpand={onExpand}
        onCollapse={onCollapse}
      />
    );
    expect(mountedTree).toMatchSnapshot();
    mountedTree
      .find("TreeNode")
      .first()
      .simulate("click");
    expect(mountedTree).toMatchSnapshot();
    expect(onExpand).toHaveBeenCalledWith(
      "c",
      new Set(Object.keys(testTree).map(k => `${k}-$`))
    );
  });
});

{"expressions":{"covered_count":163,"uncovered_count":57,"uncovered_locs":[{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":7,"column":9,"offset":152},"end":{"line":7,"column":16,"offset":160}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":30,"column":9,"offset":554},"end":{"line":30,"column":18,"offset":564}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":30,"column":22,"offset":567},"end":{"line":30,"column":25,"offset":571}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":30,"column":36,"offset":581},"end":{"line":30,"column":39,"offset":585}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":30,"column":36,"offset":581},"end":{"line":30,"column":45,"offset":591}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":30,"column":36,"offset":581},"end":{"line":30,"column":65,"offset":611}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":30,"column":49,"offset":594},"end":{"line":30,"column":52,"offset":598}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":30,"column":49,"offset":594},"end":{"line":30,"column":58,"offset":604}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":30,"column":62,"offset":607},"end":{"line":30,"column":65,"offset":611}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":31,"column":9,"offset":628},"end":{"line":31,"column":15,"offset":635}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":32,"column":9,"offset":657},"end":{"line":32,"column":16,"offset":665}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":33,"column":9,"offset":687},"end":{"line":33,"column":18,"offset":697}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":34,"column":9,"offset":719},"end":{"line":34,"column":15,"offset":726}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":34,"column":20,"offset":730},"end":{"line":34,"column":23,"offset":734}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":34,"column":26,"offset":736},"end":{"line":34,"column":26,"offset":737}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":35,"column":9,"offset":752},"end":{"line":35,"column":12,"offset":756}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":35,"column":9,"offset":752},"end":{"line":35,"column":18,"offset":762}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":36,"column":14,"offset":779},"end":{"line":36,"column":17,"offset":783}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":36,"column":14,"offset":779},"end":{"line":36,"column":23,"offset":789}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":38,"column":9,"offset":805},"end":{"line":38,"column":9,"offset":806}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":39,"column":14,"offset":823},"end":{"line":39,"column":14,"offset":824}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":41,"column":15,"offset":846},"end":{"line":41,"column":18,"offset":850}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":43,"column":9,"offset":869},"end":{"line":43,"column":12,"offset":873}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":43,"column":16,"offset":876},"end":{"line":43,"column":22,"offset":883}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":43,"column":16,"offset":876},"end":{"line":57,"column":3,"offset":1249}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":46,"column":18,"offset":964},"end":{"line":46,"column":21,"offset":968}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":47,"column":20,"offset":997},"end":{"line":47,"column":25,"offset":1003}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":47,"column":30,"offset":1007},"end":{"line":47,"column":35,"offset":1013}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":47,"column":30,"offset":1007},"end":{"line":47,"column":44,"offset":1022}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":63,"column":29,"offset":1385},"end":{"line":63,"column":32,"offset":1389}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":65,"column":5,"offset":1450},"end":{"line":65,"column":8,"offset":1454}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":65,"column":5,"offset":1450},"end":{"line":67,"column":6,"offset":1509}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":68,"column":12,"offset":1522},"end":{"line":68,"column":15,"offset":1526}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":71,"column":5,"offset":1595},"end":{"line":71,"column":8,"offset":1599}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":71,"column":5,"offset":1595},"end":{"line":73,"column":6,"offset":1659}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":74,"column":12,"offset":1672},"end":{"line":74,"column":15,"offset":1676}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":77,"column":5,"offset":1742},"end":{"line":77,"column":8,"offset":1746}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":77,"column":5,"offset":1742},"end":{"line":77,"column":42,"offset":1780}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":78,"column":12,"offset":1793},"end":{"line":78,"column":15,"offset":1797}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":79,"column":12,"offset":1829},"end":{"line":79,"column":15,"offset":1833}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":79,"column":12,"offset":1829},"end":{"line":79,"column":23,"offset":1841}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":79,"column":12,"offset":1829},"end":{"line":79,"column":35,"offset":1853}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":83,"column":11,"offset":1982},"end":{"line":83,"column":21,"offset":1993}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":83,"column":25,"offset":1996},"end":{"line":83,"column":29,"offset":2001}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":83,"column":25,"offset":1996},"end":{"line":97,"column":5,"offset":2395}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":86,"column":20,"offset":2088},"end":{"line":86,"column":23,"offset":2092}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":87,"column":22,"offset":2123},"end":{"line":87,"column":27,"offset":2129}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":87,"column":32,"offset":2133},"end":{"line":87,"column":37,"offset":2139}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":87,"column":32,"offset":2133},"end":{"line":87,"column":46,"offset":2148}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":98,"column":12,"offset":2408},"end":{"line":98,"column":22,"offset":2419}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":99,"column":5,"offset":2444},"end":{"line":99,"column":15,"offset":2455}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":99,"column":5,"offset":2444},"end":{"line":100,"column":23,"offset":2479}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":99,"column":5,"offset":2444},"end":{"line":101,"column":14,"offset":2494}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":99,"column":5,"offset":2444},"end":{"line":102,"column":24,"offset":2519}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":103,"column":12,"offset":2532},"end":{"line":103,"column":22,"offset":2543}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":106,"column":41,"offset":2658},"end":{"line":106,"column":41,"offset":2659}},{"source":"/Users/jlaster/src/mozilla/debugger.html/src/components/shared/tests/ManagedTree.spec.js","type":"SourceFile","start":{"line":106,"column":49,"offset":2666},"end":{"line":106,"column":49,"offset":2667}}]},"percent":74}