Frame.spec.js - mozsearch

Enable keyboard shortcuts

/* 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/>. */

import React from "devtools/client/shared/vendor/react";

import { shallow, mount } from "enzyme";

import Frame from "../Frame.js";

import { makeMockFrame, makeMockSource } from "../../../../utils/test-mockup";

function frameProperties(frame, selectedFrame, overrides = {}) {

  return {

    frame,

    selectedFrame,

    copyStackTrace: jest.fn(),

    contextTypes: {},

    selectFrame: jest.fn(),

    selectLocation: jest.fn(),

    toggleBlackBox: jest.fn(),

    displayFullUrl: false,

    frameworkGroupingOn: false,

    panel: "webconsole",

    toggleFrameworkGrouping: null,

    restart: jest.fn(),

    ...overrides,

};

function render(frameToSelect = {}, overrides = {}, propsOverrides = {}) {

  const source = makeMockSource("foo-view.js");

  const defaultFrame = makeMockFrame("1", source, undefined, 10, "renderFoo");

  const frame = { ...defaultFrame, ...overrides };

  const selectedFrame = { ...frame, ...frameToSelect };

  const props = frameProperties(frame, selectedFrame, propsOverrides);

  const component = shallow(React.createElement(Frame, props));

  return { component, props };

describe("Frame", () => {

  it("user frame", () => {

    const { component } = render();

    expect(component).toMatchSnapshot();

});

  it("user frame (not selected)", () => {

    const { component } = render({ id: "2" });

    expect(component).toMatchSnapshot();

});

  it("library frame", () => {

    const source = makeMockSource("backbone.js");

    const backboneFrame = {

      ...makeMockFrame("3", source, undefined, 12, "updateEvents"),

      library: "backbone",

};

    const { component } = render({ id: "3" }, backboneFrame);

    expect(component).toMatchSnapshot();

});

  it("filename only", () => {

    const source = makeMockSource(

      "https://firefox.com/assets/src/js/foo-view.js"

);

    const frame = makeMockFrame("1", source, undefined, 10, "renderFoo");

    const props = frameProperties(frame, null);

    const component = mount(React.createElement(Frame, props));

    expect(component.text()).toBe("    renderFoo foo-view.js:10");

});

  it("full URL", () => {

    const url = `https://${"a".repeat(100)}.com/assets/src/js/foo-view.js`;

    const source = makeMockSource(url);

    const frame = makeMockFrame("1", source, undefined, 10, "renderFoo");

    const props = frameProperties(frame, null, { displayFullUrl: true });

    const component = mount(React.createElement(Frame, props));

    expect(component.text()).toBe(`    renderFoo ${url}:10`);

});

  it("renders asyncCause", () => {

    const url = `https://example.com/async.js`;

    const source = makeMockSource(url);

    const frame = makeMockFrame("1", source, undefined, 10, "timeoutFn");

    frame.asyncCause = "setTimeout handler";

    const props = frameProperties(frame);

    const component = mount(React.createElement(Frame, props), {

      context: { l10n: L10N },

});

    expect(component.find(".location-async-cause").text()).toBe(

      `    (Async: setTimeout handler)`

);

});

  it("getFrameTitle", () => {

    const url = `https://${"a".repeat(100)}.com/assets/src/js/foo-view.js`;

    const source = makeMockSource(url);

    const frame = makeMockFrame("1", source, undefined, 10, "renderFoo");

    const props = frameProperties(frame, null, {

      getFrameTitle: x => `Jump to ${x}`,

});

    const component = shallow(React.createElement(Frame, props));

    expect(component.prop("title")).toBe(`Jump to ${url}:10`);

    expect(component).toMatchSnapshot();

});

});