Overlay.test.js

import Utils from './Utils';
import TestIDs from '../playground/src/testIDs';
import Android from './AndroidUtils';

const { elementByLabel, elementById, expectImagesToBeEqual,expectImagesToBeNotEqual } = Utils;

describe('Overlay', () => {
  beforeEach(async () => {
    await device.launchApp({ newInstance: true });
    await elementById(TestIDs.NAVIGATION_TAB).tap();
    await elementById(TestIDs.OVERLAY_BTN).tap();
  });

  it('show and dismiss overlay', async () => {
    await elementById(TestIDs.SHOW_OVERLAY_BTN).tap();
    await expect(elementById(TestIDs.OVERLAY_ALERT_HEADER)).toBeVisible();
    await elementById(TestIDs.DISMISS_BTN).tap();
    await expect(elementById(TestIDs.OVERLAY_ALERT_HEADER)).toBeNotVisible();
  });

  it('overlay pass touches - true', async () => {
    await elementById(TestIDs.SHOW_TOUCH_THROUGH_OVERLAY_BTN).tap();
    await expect(elementById(TestIDs.SHOW_OVERLAY_BTN)).toBeVisible();
    await elementById(TestIDs.ALERT_BUTTON).tap();
    await expect(elementByLabel('Alert displayed')).toBeVisible();
  });

  it.e2e('overlay should redraw after orientation change', async () => {
    await elementById(TestIDs.SHOW_OVERLAY_BTN).tap();
    await device.setOrientation('landscape');
    await expect(elementById(TestIDs.OVERLAY_ALERT_HEADER)).toBeVisible();
  });

  it('setRoot should not remove overlay', async () => {
    await elementById(TestIDs.SHOW_TOUCH_THROUGH_OVERLAY_BTN).tap();
    await elementById(TestIDs.SET_ROOT_BTN).tap();
    await expect(elementById(TestIDs.OVERLAY_ALERT_HEADER)).toBeVisible();
  });

  it('nested touchables work as expected', async () => {
    await elementById(TestIDs.TOAST_BTN).tap();
    await elementById(TestIDs.TOAST_OK_BTN_INNER).tap();
    await expect(elementByLabel('Inner button clicked')).toBeVisible();
    await elementById(TestIDs.OK_BUTTON).tap();

    await elementById(TestIDs.TOAST_BTN).tap();
    await elementById(TestIDs.TOAST_OK_BTN_OUTER).tap();
    await expect(elementByLabel('Outer button clicked')).toBeVisible();
  });

  xtest('overlay pass touches - false', async () => {
    await elementById(TestIDs.SHOW_OVERLAY_BUTTON).tap();
    await expect(elementById(TestIDs.SHOW_OVERLAY_BUTTON)).toBeVisible();
    await expect(elementById(TestIDs.TOP_BAR_ELEMENT)).toBeVisible();
    await elementById(TestIDs.HIDE_TOP_BAR_BUTTON).tap();
    await expect(elementById(TestIDs.TOP_BAR_ELEMENT)).toBeVisible();
  });

  it.e2e(':android: should show banner overlay and not block the screen', async () => {
    const snapshottedImagePath = './e2e/assets/overlay_banner_padding.png';
    Android.setDemoMode();
    let expected = await device.takeScreenshot('without_banner');
    await elementById(TestIDs.SHOW_BANNER_OVERLAY).tap();
    await expect(elementById(TestIDs.BANNER_OVERLAY)).toBeVisible();
    const actual = await device.takeScreenshot('with_banner');
    expectImagesToBeNotEqual(expected, actual)
    await elementById(TestIDs.SET_LAYOUT_BOTTOM_INSETS).tap();
    expected = await device.takeScreenshot('with_banner');
    expectImagesToBeEqual(expected, snapshottedImagePath)
  });

  it.e2e(':ios: should show banner overlay and not block the screen', async () => {
    await elementById(TestIDs.SHOW_BANNER_OVERLAY).tap();
    await expect(elementById(TestIDs.BANNER_OVERLAY)).toBeVisible();
    await expect(elementById(TestIDs.FOOTER_TEXT)).toBeNotVisible();
    await elementById(TestIDs.SET_LAYOUT_BOTTOM_INSETS).tap();
    await expect(elementById(TestIDs.FOOTER_TEXT)).toBeVisible();
  });
});

describe('Overlay Dismiss all', () => {
  beforeEach(async () => {
    await device.launchApp({ newInstance: true });
    await elementById(TestIDs.NAVIGATION_TAB).tap();
    await elementById(TestIDs.OVERLAY_BTN).tap();
  });

  xit('dismissAllOverlays should dismiss all opened overlays', async () => {
    await elementById(TestIDs.SHOW_FULLSCREEN_OVERLAY_BTN).tap();
    await elementById(TestIDs.SHOW_OVERLAY_BTN).tap();
    await elementById(TestIDs.DISMISS_ALL_OVERLAYS_BUTTON).tap();
    await expect(elementById(TestIDs.OVERLAY_DISMISSED_COUNT)).toHaveText('2');
  });

  it.e2e('dismissAllOverlays should be able to dismiss only one overlay', async () => {
    await elementById(TestIDs.SHOW_OVERLAY_BTN).tap();
    await elementById(TestIDs.DISMISS_ALL_OVERLAYS_BUTTON).tap();
    await expect(elementById(TestIDs.OVERLAY_DISMISSED_COUNT)).toHaveText('1');
  });
});