summaryrefslogtreecommitdiffstats
path: root/devtools/client/inspector/test/browser_inspector_highlighter-eyedropper-clipboard.js
blob: 2f77528cd88482dceffc31f8b8564dec8e64651c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
"use strict";

// Test that the eyedropper can copy colors to the clipboard

const HIGHLIGHTER_TYPE = "EyeDropper";
const ID = "eye-dropper-";
const TEST_URI =
  "data:text/html;charset=utf-8,<style>html{background:red}</style>";

add_task(async function() {
  const helper = await openInspectorForURL(TEST_URI).then(
    getHighlighterHelperFor(HIGHLIGHTER_TYPE)
  );
  helper.prefix = ID;

  const {
    show,
    finalize,
    waitForElementAttributeSet,
    waitForElementAttributeRemoved,
  } = helper;

  info("Show the eyedropper with the copyOnSelect option");
  await show("html", { copyOnSelect: true });

  info(
    "Make sure to wait until the eyedropper is done taking a screenshot of the page"
  );
  await waitForElementAttributeSet("root", "drawn", helper);

  await waitForClipboardPromise(() => {
    info("Activate the eyedropper so the background color is copied");
    EventUtils.synthesizeKey("KEY_Enter");
  }, "#ff0000");

  ok(true, "The clipboard contains the right value");

  await waitForElementAttributeRemoved("root", "drawn", helper);
  await waitForElementAttributeSet("root", "hidden", helper);
  ok(true, "The eyedropper is now hidden");

  finalize();
});