Filename	Percent	Total	Covered	Uncovered
src/components/Editor/tests/Breakpoints.spec.js	55 %	104	58	46

Filename

Percent

Total

Covered

Uncovered

src/components/Editor/tests/Breakpoints.spec.js

55 %

104

import React from "react";
import { shallow } from "enzyme";
import Breakpoints from "../Breakpoints";
import * as I from "immutable";

const BreakpointsComponent = Breakpoints.WrappedComponent;

function generateDefaults(overrides) {
  const sourceId = "server1.conn1.child1/source1";
  const matchingBreakpoints = { id1: { location: { sourceId } } };

  return {
    selectedSource: { sourceId, get: () => false },
    editor: {
      codeMirror: {
        setGutterMarker: jest.fn()
      }
    },
    breakpoints: I.Map(matchingBreakpoints),
    ...overrides
  };
}

function render(overrides = {}) {
  const props = generateDefaults(overrides);
  const component = shallow(<BreakpointsComponent {...props} />);
  return { component, props };
}

describe("Breakpoints Component", () => {
  it("should render breakpoints without columns", async () => {
    const sourceId = "server1.conn1.child1/source1";
    const breakpoints = I.Map({ id1: { location: { sourceId } } });

    const { component, props } = render({ breakpoints });
    expect(component.find("Breakpoint")).toHaveLength(props.breakpoints.size);
  });

  it("should render breakpoints with columns", async () => {
    const sourceId = "server1.conn1.child1/source1";
    const breakpoints = I.Map({ id1: { location: { column: 2, sourceId } } });

    const { component, props } = render({ breakpoints });
    expect(component.find("Breakpoint")).toHaveLength(props.breakpoints.size);
    expect(component).toMatchSnapshot();
  });
});

​x
 
import React from "react";
import { shallow } from "enzyme";
import Breakpoints from "../Breakpoints";
import * as I from "immutable";
​
const BreakpointsComponent = Breakpoints.WrappedComponent;
​
function generateDefaults(overrides) {
  const sourceId = "server1.conn1.child1/source1";
  const matchingBreakpoints = { id1: { location: { sourceId } } };
​
  return {
    selectedSource: { sourceId, get: () => false },
    editor: {
      codeMirror: {
        setGutterMarker: jest.fn()
      }
    },
    breakpoints: I.Map(matchingBreakpoints),
    ...overrides
  };
}
​
function render(overrides = {}) {
  const props = generateDefaults(overrides);
  const component = shallow(<BreakpointsComponent {...props} />);
  return { component, props };
}
​
describe("Breakpoints Component", () => {
  it("should render breakpoints without columns", async () => {
    const sourceId = "server1.conn1.child1/source1";
    const breakpoints = I.Map({ id1: { location: { sourceId } } });
​
    const { component, props } = render({ breakpoints });
    expect(component.find("Breakpoint")).toHaveLength(props.breakpoints.size);
  });
​
  it("should render breakpoints with columns", async () => {
    const sourceId = "server1.conn1.child1/source1";
    const breakpoints = I.Map({ id1: { location: { column: 2, sourceId } } });
​
    const { component, props } = render({ breakpoints });
    expect(component.find("Breakpoint")).toHaveLength(props.breakpoints.size);
    expect(component).toMatchSnapshot();
  });
});
​

Flow Coverage Report - src/components/Editor/tests/Breakpoints.spec.js