ShortcutFeatureHighlight.test.jsx

Enable keyboard shortcuts

import React from "react";

import { mount } from "enzyme";

import { ShortcutFeatureHighlight } from "content-src/components/DiscoveryStreamComponents/FeatureHighlight/ShortcutFeatureHighlight";

describe("Discovery Stream <ShortcutFeatureHighlight>", () => {

  let wrapper;

  let sandbox;

  let dispatch;

  let handleDismiss;

  let handleBlock;

  beforeEach(() => {

    sandbox = sinon.createSandbox();

    dispatch = sandbox.stub();

    handleDismiss = sandbox.stub();

    handleBlock = sandbox.stub();

    wrapper = mount(

      <ShortcutFeatureHighlight

        dispatch={dispatch}

        handleDismiss={handleDismiss}

        handleBlock={handleBlock}

        position="inset-block-end inset-inline-start"

        feature="FEATURE_SHORTCUT_HIGHLIGHT"

/>

);

});

  afterEach(() => {

    sandbox.restore();

});

  it("should render highlight container", () => {

    assert.ok(wrapper.exists());

    assert.ok(wrapper.find(".shortcut-feature-highlight").exists());

});

  it("should dispatch dismiss event and call handleDismiss and handleBlock", () => {

    const dismissCallback = wrapper

      .find("FeatureHighlight")

      .prop("dismissCallback");

    dismissCallback();

    assert(handleDismiss.calledOnce);

    assert(handleBlock.calledOnce);

});

});