<!DOCTYPE html>
<title>synthetic clipboard events should not be composed</title>
<link rel="help" href="https://w3c.github.io/clipboard-apis/#clipboard-event-copy">
<link rel="help" href="https://w3c.github.io/clipboard-apis/#clipboard-event-cut">
<link rel="help" href="https://w3c.github.io/clipboard-apis/#clipboard-event-paste">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id=log></div>
<script>
const EVENTS = [ 'copy', 'cut', 'paste' ];

function testEvent(eventName, init, composed_flag_expectation, testName) {
  async_test(test => {
    document.addEventListener(eventName, test.step_func_done(e => {
      assert_false(e.isTrusted, `synthetic ${eventName} event is untrusted`);
      assert_equals(e.composed, composed_flag_expectation,
                    `composed flag should be ${composed_flag_expectation}`);
    }));
    const event = new ClipboardEvent(eventName, init);
    document.dispatchEvent(event);
  }, testName);
}

EVENTS.forEach(name => {
  testEvent(name, { bubbles: true, cancellable: true }, false,
            `Unspecified synthetic ${name} event should not be composed.`);
  testEvent(name, { bubbles: true, cancelable: true, composed: true }, true,
            `Synthetic ${name} event can be explicitly composed.`);
  testEvent(name, { bubbles: true, cancelable: true, composed: false }, false,
            `Synthetic ${name} event can be explicitly uncomposed.`);
});
</script>