/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test submitting display device changes on the device modal

const TEST_URL = "data:text/html;charset=utf-8,";

addRDMTask(
  TEST_URL,
  async function({ ui }) {
    const { document, store } = ui.toolWindow;

    await openDeviceModal(ui);

    const preferredDevicesBefore = _loadPreferredDevices();

    info("Check the first unchecked device and exit the modal.");
    const uncheckedCb = [
      ...document.querySelectorAll(".device-input-checkbox"),
    ].filter(cb => !cb.checked)[0];
    const value = uncheckedCb.value;
    uncheckedCb.click();
    document.getElementById("device-close-button").click();

    ok(
      !store.getState().devices.isModalOpen,
      "The device modal is closed on exit."
    );

    info("Check that the device list remains unchanged after exitting.");
    const preferredDevicesAfter = _loadPreferredDevices();

    is(
      preferredDevicesAfter.added.size - preferredDevicesBefore.added.size,
      1,
      "Got expected number of added devices."
    );
    is(
      preferredDevicesBefore.removed.size,
      preferredDevicesAfter.removed.size,
      "Got expected number of removed devices."
    );
    ok(
      !preferredDevicesAfter.removed.has(value),
      value + " was not added to removed device list."
    );
  },
  { usingBrowserUI: true, waitForDeviceList: true }
);
