// Copyright 2020 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import {assert} from 'chai';

import {getBrowserAndPages, waitFor, waitForAria} from '../../shared/helper.js';
import {describe, it} from '../../shared/mocha-extensions.js';
import {openPanelViaMoreTools} from '../helpers/settings-helpers.js';

describe('Rendering pane', () => {
  it('includes UI for simulating vision deficiencies', async () => {
    await openPanelViaMoreTools('Rendering');

    const option = await waitFor('option[value="achromatopsia"]');
    const actual = await option.evaluate(node => {
      const select = node.closest('select');
      return select ? select.textContent : '';
    });
    const expected = [
      'No emulation',
      'Blurred vision',
      'Protanopia',
      'Deuteranopia',
      'Tritanopia',
      'Achromatopsia',
    ].join('');
    assert.deepEqual(actual, expected);
  });

  it('includes UI for emulating color-gamut media feature', async () => {
    await openPanelViaMoreTools('Rendering');

    const option = await waitFor('option[value="rec2020"]');
    const actual = await option.evaluate(node => {
      const select = node.closest('select');
      return select ? select.textContent : '';
    });
    const expected = [
      'No emulation',
      'color-gamut: srgb',
      'color-gamut: p3',
      'color-gamut: rec2020',
    ].join('');
    assert.deepEqual(actual, expected);
  });

  it('includes UI for emulating prefers-contrast media feature', async function() {
    await openPanelViaMoreTools('Rendering');

    // TODO(sartang@microsoft.com): Remove this condition once feature is fully enabled
    const {frontend} = getBrowserAndPages();
    const hasSupport = await frontend.evaluate(() => {
      return window.matchMedia('(prefers-contrast)').media === '(prefers-contrast)';
    });

    if (!hasSupport) {
      // @ts-ignore
      this.skip();
    }

    const option = await waitFor('option[value="custom"]');
    const actual = await option.evaluate(node => {
      const select = node.closest('select');
      return select ? select.textContent : '';
    });
    const expected = [
      'No emulation',
      'prefers-contrast: more',
      'prefers-contrast: less',
      'prefers-contrast: custom',
    ].join('');
    assert.deepEqual(actual, expected);
  });

  it('includes UI for emulating auto dark mode', async () => {
    await openPanelViaMoreTools('Rendering');
    await waitForAria('Enable automatic dark mode[role="checkbox"]');
  });
});