@carbon/ibm-cloud-cognitive-cdai/es/component_helpers/A11yHelper.spec.js

Carbon for Cloud & Cognitive CD&AI UI components

//
// Copyright IBM Corp. 2020, 2020
//
// This source code is licensed under the Apache-2.0 license found in the
// LICENSE file in the root directory of this source tree.
//

import { keys, handlers, keyAndClickHandler, createInteractionHandler } from './A11yHelper';
import sinon from 'sinon';
var sinonSandbox = sinon.createSandbox();
var EVENTS = {
  CLICK: {
    type: keys.CLICK
  },
  SPACE: {
    key: keys.SPACE
  },
  ENTER: {
    key: keys.ENTER
  },
  TAB: {
    key: keys.TAB
  }
};
describe('A11yHelper - functions', function () {
  afterEach(function () {
    sinonSandbox.reset();
  });
  it('keyAndClickHandler only triggers callback with correct events', function () {
    var mockCallback = sinonSandbox.stub();
    var handleFunction = keyAndClickHandler(mockCallback);
    handleFunction();
    expect(mockCallback.callCount).toBe(0);
    handleFunction(EVENTS.CLICK);
    expect(mockCallback.callCount).toBe(1);
    handleFunction(EVENTS.SPACE);
    expect(mockCallback.callCount).toBe(2);
    handleFunction(EVENTS.ENTER);
    expect(mockCallback.callCount).toBe(3);
  });
  it('keyAndClickHandler triggers correctly with custom valid keys', function () {
    var mockCallback = sinonSandbox.stub();
    var validKeys = [keys.TAB, keys.ENTER];
    var handleFunction = keyAndClickHandler(mockCallback, validKeys);
    handleFunction();
    expect(mockCallback.callCount).toBe(0); // doesn't trigger rom blank event

    handleFunction(EVENTS.CLICK);
    expect(mockCallback.callCount).toBe(0); // doesn't trigger from default click event

    handleFunction(EVENTS.TAB);
    expect(mockCallback.callCount).toBe(1); // triggers from custom tab event

    handleFunction(EVENTS.ENTER);
    expect(mockCallback.callCount).toBe(2); // triggers form custom enter event
  });
  it('createInteractionHandler calls a callback for the correct default events', function () {
    var mockCallback = sinonSandbox.stub();
    var interactionHandler = createInteractionHandler(mockCallback);
    expect(interactionHandler.onKeyPress).toBeUndefined(); // onKeyPress is not included in default set of handlers

    interactionHandler.onKeyDown(EVENTS.TAB);
    expect(mockCallback.callCount).toBe(0); // tab is not included in default set of valid keys, don't expect callback to be called

    interactionHandler.onClick(EVENTS.CLICK);
    expect(mockCallback.callCount).toBe(1);
    interactionHandler.onKeyDown(EVENTS.ENTER);
    expect(mockCallback.callCount).toBe(2);
    interactionHandler.onKeyDown(EVENTS.SPACE);
    expect(mockCallback.callCount).toBe(3);
  });
  it('createInteractionHandler calls a callback for the correct custom events', function () {
    var mockCallback = sinonSandbox.stub();
    var validHandlers = [handlers.onKeyPress];
    var validKeys = [keys.TAB, keys.ENTER];
    var interactionHandler = createInteractionHandler(mockCallback, validHandlers, validKeys);
    expect(interactionHandler.onKeyDown).toBeUndefined(); // onKeyDown is not included in custom set of handlers
    expect(interactionHandler.onClick).toBeUndefined(); // onClick is not included in custom set of handlers

    interactionHandler.onKeyPress(EVENTS.ENTER);
    expect(mockCallback.callCount).toBe(1); // onKeyPress is not included in default set of handlers, don't expect callback to be called

    interactionHandler.onKeyPress(EVENTS.TAB);
    expect(mockCallback.callCount).toBe(2);
    interactionHandler.onKeyPress(EVENTS.SPACE);
    expect(mockCallback.callCount).toBe(2); // space is not part of custom set of keys
  });
});