From 5aefc40330facc8979d74b8418353abb695bd01c Mon Sep 17 00:00:00 2001
From: decaffeinate <alberto@hey.com>
Date: Mon, 6 Dec 2021 16:12:46 +0000
Subject: [PATCH 01/12] decaffeinate: Rename accessibility_test.coffee and 20
 other files from .coffee to .js

---
 .../system/{accessibility_test.coffee => accessibility_test.js}   | 0
 ...{attachment_caption_test.coffee => attachment_caption_test.js} | 0
 ...{attachment_gallery_test.coffee => attachment_gallery_test.js} | 0
 src/test/system/{attachment_test.coffee => attachment_test.js}    | 0
 src/test/system/{basic_input_test.coffee => basic_input_test.js}  | 0
 .../{block_formatting_test.coffee => block_formatting_test.js}    | 0
 src/test/system/{caching_test.coffee => caching_test.js}          | 0
 .../system/{canceled_input_test.coffee => canceled_input_test.js} | 0
 .../{composition_input_test.coffee => composition_input_test.js}  | 0
 .../{cursor_movement_test.coffee => cursor_movement_test.js}      | 0
 .../system/{custom_element_test.coffee => custom_element_test.js} | 0
 .../system/{html_loading_test.coffee => html_loading_test.js}     | 0
 .../system/{html_reparsing_test.coffee => html_reparsing_test.js} | 0
 .../{html_replacement_test.coffee => html_replacement_test.js}    | 0
 ...tallation_process_test.coffee => installation_process_test.js} | 0
 .../system/{level_2_input_test.coffee => level_2_input_test.js}   | 0
 .../{list_formatting_test.coffee => list_formatting_test.js}      | 0
 .../system/{mutation_input_test.coffee => mutation_input_test.js} | 0
 src/test/system/{pasting_test.coffee => pasting_test.js}          | 0
 .../{text_formatting_test.coffee => text_formatting_test.js}      | 0
 src/test/system/{undo_test.coffee => undo_test.js}                | 0
 21 files changed, 0 insertions(+), 0 deletions(-)
 rename src/test/system/{accessibility_test.coffee => accessibility_test.js} (100%)
 rename src/test/system/{attachment_caption_test.coffee => attachment_caption_test.js} (100%)
 rename src/test/system/{attachment_gallery_test.coffee => attachment_gallery_test.js} (100%)
 rename src/test/system/{attachment_test.coffee => attachment_test.js} (100%)
 rename src/test/system/{basic_input_test.coffee => basic_input_test.js} (100%)
 rename src/test/system/{block_formatting_test.coffee => block_formatting_test.js} (100%)
 rename src/test/system/{caching_test.coffee => caching_test.js} (100%)
 rename src/test/system/{canceled_input_test.coffee => canceled_input_test.js} (100%)
 rename src/test/system/{composition_input_test.coffee => composition_input_test.js} (100%)
 rename src/test/system/{cursor_movement_test.coffee => cursor_movement_test.js} (100%)
 rename src/test/system/{custom_element_test.coffee => custom_element_test.js} (100%)
 rename src/test/system/{html_loading_test.coffee => html_loading_test.js} (100%)
 rename src/test/system/{html_reparsing_test.coffee => html_reparsing_test.js} (100%)
 rename src/test/system/{html_replacement_test.coffee => html_replacement_test.js} (100%)
 rename src/test/system/{installation_process_test.coffee => installation_process_test.js} (100%)
 rename src/test/system/{level_2_input_test.coffee => level_2_input_test.js} (100%)
 rename src/test/system/{list_formatting_test.coffee => list_formatting_test.js} (100%)
 rename src/test/system/{mutation_input_test.coffee => mutation_input_test.js} (100%)
 rename src/test/system/{pasting_test.coffee => pasting_test.js} (100%)
 rename src/test/system/{text_formatting_test.coffee => text_formatting_test.js} (100%)
 rename src/test/system/{undo_test.coffee => undo_test.js} (100%)

diff --git a/src/test/system/accessibility_test.coffee b/src/test/system/accessibility_test.js
similarity index 100%
rename from src/test/system/accessibility_test.coffee
rename to src/test/system/accessibility_test.js
diff --git a/src/test/system/attachment_caption_test.coffee b/src/test/system/attachment_caption_test.js
similarity index 100%
rename from src/test/system/attachment_caption_test.coffee
rename to src/test/system/attachment_caption_test.js
diff --git a/src/test/system/attachment_gallery_test.coffee b/src/test/system/attachment_gallery_test.js
similarity index 100%
rename from src/test/system/attachment_gallery_test.coffee
rename to src/test/system/attachment_gallery_test.js
diff --git a/src/test/system/attachment_test.coffee b/src/test/system/attachment_test.js
similarity index 100%
rename from src/test/system/attachment_test.coffee
rename to src/test/system/attachment_test.js
diff --git a/src/test/system/basic_input_test.coffee b/src/test/system/basic_input_test.js
similarity index 100%
rename from src/test/system/basic_input_test.coffee
rename to src/test/system/basic_input_test.js
diff --git a/src/test/system/block_formatting_test.coffee b/src/test/system/block_formatting_test.js
similarity index 100%
rename from src/test/system/block_formatting_test.coffee
rename to src/test/system/block_formatting_test.js
diff --git a/src/test/system/caching_test.coffee b/src/test/system/caching_test.js
similarity index 100%
rename from src/test/system/caching_test.coffee
rename to src/test/system/caching_test.js
diff --git a/src/test/system/canceled_input_test.coffee b/src/test/system/canceled_input_test.js
similarity index 100%
rename from src/test/system/canceled_input_test.coffee
rename to src/test/system/canceled_input_test.js
diff --git a/src/test/system/composition_input_test.coffee b/src/test/system/composition_input_test.js
similarity index 100%
rename from src/test/system/composition_input_test.coffee
rename to src/test/system/composition_input_test.js
diff --git a/src/test/system/cursor_movement_test.coffee b/src/test/system/cursor_movement_test.js
similarity index 100%
rename from src/test/system/cursor_movement_test.coffee
rename to src/test/system/cursor_movement_test.js
diff --git a/src/test/system/custom_element_test.coffee b/src/test/system/custom_element_test.js
similarity index 100%
rename from src/test/system/custom_element_test.coffee
rename to src/test/system/custom_element_test.js
diff --git a/src/test/system/html_loading_test.coffee b/src/test/system/html_loading_test.js
similarity index 100%
rename from src/test/system/html_loading_test.coffee
rename to src/test/system/html_loading_test.js
diff --git a/src/test/system/html_reparsing_test.coffee b/src/test/system/html_reparsing_test.js
similarity index 100%
rename from src/test/system/html_reparsing_test.coffee
rename to src/test/system/html_reparsing_test.js
diff --git a/src/test/system/html_replacement_test.coffee b/src/test/system/html_replacement_test.js
similarity index 100%
rename from src/test/system/html_replacement_test.coffee
rename to src/test/system/html_replacement_test.js
diff --git a/src/test/system/installation_process_test.coffee b/src/test/system/installation_process_test.js
similarity index 100%
rename from src/test/system/installation_process_test.coffee
rename to src/test/system/installation_process_test.js
diff --git a/src/test/system/level_2_input_test.coffee b/src/test/system/level_2_input_test.js
similarity index 100%
rename from src/test/system/level_2_input_test.coffee
rename to src/test/system/level_2_input_test.js
diff --git a/src/test/system/list_formatting_test.coffee b/src/test/system/list_formatting_test.js
similarity index 100%
rename from src/test/system/list_formatting_test.coffee
rename to src/test/system/list_formatting_test.js
diff --git a/src/test/system/mutation_input_test.coffee b/src/test/system/mutation_input_test.js
similarity index 100%
rename from src/test/system/mutation_input_test.coffee
rename to src/test/system/mutation_input_test.js
diff --git a/src/test/system/pasting_test.coffee b/src/test/system/pasting_test.js
similarity index 100%
rename from src/test/system/pasting_test.coffee
rename to src/test/system/pasting_test.js
diff --git a/src/test/system/text_formatting_test.coffee b/src/test/system/text_formatting_test.js
similarity index 100%
rename from src/test/system/text_formatting_test.coffee
rename to src/test/system/text_formatting_test.js
diff --git a/src/test/system/undo_test.coffee b/src/test/system/undo_test.js
similarity index 100%
rename from src/test/system/undo_test.coffee
rename to src/test/system/undo_test.js

From 9fa192be8a6cfa5af8a4dcba96481e38e2da4220 Mon Sep 17 00:00:00 2001
From: decaffeinate <alberto@hey.com>
Date: Mon, 6 Dec 2021 16:12:49 +0000
Subject: [PATCH 02/12] decaffeinate: Convert accessibility_test.coffee and 20
 other files to JS

---
 src/test/system/accessibility_test.js        |   60 +-
 src/test/system/attachment_caption_test.js   |   82 +-
 src/test/system/attachment_gallery_test.js   |   89 +-
 src/test/system/attachment_test.js           |  178 +--
 src/test/system/basic_input_test.js          |  128 +-
 src/test/system/block_formatting_test.js     | 1159 +++++++++---------
 src/test/system/caching_test.js              |   41 +-
 src/test/system/canceled_input_test.js       |   84 +-
 src/test/system/composition_input_test.js    |  341 +++---
 src/test/system/cursor_movement_test.js      |  124 +-
 src/test/system/custom_element_test.js       |  940 +++++++-------
 src/test/system/html_loading_test.js         |  190 +--
 src/test/system/html_reparsing_test.js       |   56 +-
 src/test/system/html_replacement_test.js     |  243 ++--
 src/test/system/installation_process_test.js |  127 +-
 src/test/system/level_2_input_test.js        |  512 ++++----
 src/test/system/list_formatting_test.js      |  139 +--
 src/test/system/mutation_input_test.js       |  246 ++--
 src/test/system/pasting_test.js              |  496 ++++----
 src/test/system/text_formatting_test.js      |  383 +++---
 src/test/system/undo_test.js                 |  130 +-
 21 files changed, 3017 insertions(+), 2731 deletions(-)

diff --git a/src/test/system/accessibility_test.js b/src/test/system/accessibility_test.js
index 285634b41..16c539d35 100644
--- a/src/test/system/accessibility_test.js
+++ b/src/test/system/accessibility_test.js
@@ -1,31 +1,43 @@
-import { assert, test, testGroup, triggerEvent } from "test/test_helper"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { assert, test, testGroup, triggerEvent } from "test/test_helper";
 
-testGroup "Accessibility attributes", template: "editor_default_aria_label", ->
-  test "sets the role to textbox", ->
-    editor = document.getElementById("editor-without-labels")
-    assert.equal editor.getAttribute("role"), "textbox"
+testGroup("Accessibility attributes", {template: "editor_default_aria_label"}, function() {
+  test("sets the role to textbox", function() {
+    const editor = document.getElementById("editor-without-labels");
+    return assert.equal(editor.getAttribute("role"), "textbox");
+  });
 
-  test "does not set aria-label when the element has no <label> elements", ->
-    editor = document.getElementById("editor-without-labels")
-    assert.equal editor.hasAttribute("aria-label"), false
+  test("does not set aria-label when the element has no <label> elements", function() {
+    const editor = document.getElementById("editor-without-labels");
+    return assert.equal(editor.hasAttribute("aria-label"), false);
+  });
 
-  test "does not override aria-label when the element declares it", ->
-    editor = document.getElementById("editor-with-aria-label")
-    assert.equal editor.getAttribute("aria-label"), "ARIA Label text"
+  test("does not override aria-label when the element declares it", function() {
+    const editor = document.getElementById("editor-with-aria-label");
+    return assert.equal(editor.getAttribute("aria-label"), "ARIA Label text");
+  });
 
-  test "does not set aria-label when the element declares aria-labelledby", ->
-    editor = document.getElementById("editor-with-aria-labelledby")
-    assert.equal editor.hasAttribute("aria-label"), false
-    assert.equal editor.getAttribute("aria-labelledby"),"aria-labelledby-id"
+  test("does not set aria-label when the element declares aria-labelledby", function() {
+    const editor = document.getElementById("editor-with-aria-labelledby");
+    assert.equal(editor.hasAttribute("aria-label"), false);
+    return assert.equal(editor.getAttribute("aria-labelledby"),"aria-labelledby-id");
+  });
 
-  test "assigns aria-label to the text of the element's <label> elements", ->
-    editor = document.getElementById("editor-with-labels")
-    assert.equal editor.getAttribute("aria-label"), "Label 1 Label 2 Label 3"
+  test("assigns aria-label to the text of the element's <label> elements", function() {
+    const editor = document.getElementById("editor-with-labels");
+    return assert.equal(editor.getAttribute("aria-label"), "Label 1 Label 2 Label 3");
+  });
 
-  test "updates the aria-label on focus", ->
-    editor = document.getElementById("editor-with-modified-label")
-    label = document.getElementById("modified-label")
+  return test("updates the aria-label on focus", function() {
+    const editor = document.getElementById("editor-with-modified-label");
+    const label = document.getElementById("modified-label");
 
-    label.innerHTML = "<span>New Value</span>"
-    triggerEvent(editor, "focus")
-    assert.equal editor.getAttribute("aria-label"), "New Value"
+    label.innerHTML = "<span>New Value</span>";
+    triggerEvent(editor, "focus");
+    return assert.equal(editor.getAttribute("aria-label"), "New Value");
+  });
+});
diff --git a/src/test/system/attachment_caption_test.js b/src/test/system/attachment_caption_test.js
index 58da76e6f..d23debfcf 100644
--- a/src/test/system/attachment_caption_test.js
+++ b/src/test/system/attachment_caption_test.js
@@ -1,43 +1,53 @@
-import config from "trix/config"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
 
-import { assert, insertImageAttachment, test, testGroup } from "test/test_helper"
+import { assert, insertImageAttachment, test, testGroup } from "test/test_helper";
 
-testGroup "Attachment captions", template: "editor_empty", ->
-  test "default caption includes file name and size", ->
-    insertImageAttachment()
-    element = getCaptionElement()
-    assert.notOk element.hasAttribute("data-trix-placeholder")
-    assert.equal element.textContent, "image.gif 35 Bytes"
+testGroup("Attachment captions", {template: "editor_empty"}, function() {
+  test("default caption includes file name and size", function() {
+    insertImageAttachment();
+    const element = getCaptionElement();
+    assert.notOk(element.hasAttribute("data-trix-placeholder"));
+    return assert.equal(element.textContent, "image.gif 35 Bytes");
+  });
 
-  test "caption excludes file name when configured", ->
-    withPreviewCaptionConfig name: false, size: true, ->
-      insertImageAttachment()
-      element = getCaptionElement()
-      assert.notOk element.hasAttribute("data-trix-placeholder")
-      assert.equal element.textContent, "35 Bytes"
+  test("caption excludes file name when configured", () => withPreviewCaptionConfig({name: false, size: true}, function() {
+    insertImageAttachment();
+    const element = getCaptionElement();
+    assert.notOk(element.hasAttribute("data-trix-placeholder"));
+    return assert.equal(element.textContent, "35 Bytes");
+  }));
 
-  test "caption excludes file size when configured", ->
-    withPreviewCaptionConfig name: true, size: false, ->
-      insertImageAttachment()
-      element = getCaptionElement()
-      assert.notOk element.hasAttribute("data-trix-placeholder")
-      assert.equal element.textContent, "image.gif"
+  test("caption excludes file size when configured", () => withPreviewCaptionConfig({name: true, size: false}, function() {
+    insertImageAttachment();
+    const element = getCaptionElement();
+    assert.notOk(element.hasAttribute("data-trix-placeholder"));
+    return assert.equal(element.textContent, "image.gif");
+  }));
 
-  test "caption is empty when configured", ->
-    withPreviewCaptionConfig name: false, size: false, ->
-      insertImageAttachment()
-      element = getCaptionElement()
-      assert.ok element.hasAttribute("data-trix-placeholder")
-      assert.equal element.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder
-      assert.equal element.textContent, ""
+  return test("caption is empty when configured", () => withPreviewCaptionConfig({name: false, size: false}, function() {
+    insertImageAttachment();
+    const element = getCaptionElement();
+    assert.ok(element.hasAttribute("data-trix-placeholder"));
+    assert.equal(element.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder);
+    return assert.equal(element.textContent, "");
+  }));
+});
 
-withPreviewCaptionConfig = (captionConfig = {}, fn) ->
-  {caption} = config.attachments.preview
-  config.attachments.preview.caption = captionConfig
-  try
-    fn()
-  finally
-    config.attachments.preview.caption = caption
+var withPreviewCaptionConfig = function(captionConfig, fn) {
+  if (captionConfig == null) { captionConfig = {}; }
+  const {caption} = config.attachments.preview;
+  config.attachments.preview.caption = captionConfig;
+  try {
+    return fn();
+  } finally {
+    config.attachments.preview.caption = caption;
+  }
+};
 
-getCaptionElement = ->
-  getEditorElement().querySelector("figcaption")
+var getCaptionElement = () => getEditorElement().querySelector("figcaption");
diff --git a/src/test/system/attachment_gallery_test.js b/src/test/system/attachment_gallery_test.js
index 8bfba5896..89c5c6f57 100644
--- a/src/test/system/attachment_gallery_test.js
+++ b/src/test/system/attachment_gallery_test.js
@@ -1,44 +1,57 @@
-import { assert, clickToolbarButton, createImageAttachment, defer, insertAttachments, moveCursor, pressKey, test, testGroup, typeCharacters } from "test/test_helper"
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { assert, clickToolbarButton, createImageAttachment, defer, insertAttachments, moveCursor, pressKey, test, testGroup, typeCharacters } from "test/test_helper";
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
 
-ORC = OBJECT_REPLACEMENT_CHARACTER
+const ORC = OBJECT_REPLACEMENT_CHARACTER;
 
-testGroup "Attachment galleries", template: "editor_empty", ->
-  test "inserting more than one image attachment creates a gallery block", (expectDocument) ->
-    insertAttachments(createImageAttachments(2))
-    assert.blockAttributes([0, 2], ["attachmentGallery"])
-    expectDocument "#{ORC}#{ORC}\n"
+testGroup("Attachment galleries", {template: "editor_empty"}, function() {
+  test("inserting more than one image attachment creates a gallery block", function(expectDocument) {
+    insertAttachments(createImageAttachments(2));
+    assert.blockAttributes([0, 2], ["attachmentGallery"]);
+    return expectDocument(`${ORC}${ORC}\n`);
+  });
 
-  test "gallery formatting is removed from blocks containing less than two image attachments", (expectDocument) ->
-    insertAttachments(createImageAttachments(2))
-    assert.blockAttributes([0, 2], ["attachmentGallery"])
-    getEditor().setSelectedRange([1, 2])
-    pressKey "backspace", ->
-      requestAnimationFrame ->
-        assert.blockAttributes([0, 2], [])
-        expectDocument "#{ORC}\n"
+  test("gallery formatting is removed from blocks containing less than two image attachments", function(expectDocument) {
+    insertAttachments(createImageAttachments(2));
+    assert.blockAttributes([0, 2], ["attachmentGallery"]);
+    getEditor().setSelectedRange([1, 2]);
+    return pressKey("backspace", () => requestAnimationFrame(function() {
+      assert.blockAttributes([0, 2], []);
+      return expectDocument(`${ORC}\n`);
+    }));
+  });
 
-  test "typing in an attachment gallery block splits it", (expectDocument) ->
-    insertAttachments(createImageAttachments(4))
-    getEditor().setSelectedRange(2)
-    typeCharacters "a", ->
-      requestAnimationFrame ->
-        assert.blockAttributes([0, 2], ["attachmentGallery"])
-        assert.blockAttributes([3, 4], [])
-        assert.blockAttributes([5, 7], ["attachmentGallery"])
-        expectDocument "#{ORC}#{ORC}\na\n#{ORC}#{ORC}\n"
+  test("typing in an attachment gallery block splits it", function(expectDocument) {
+    insertAttachments(createImageAttachments(4));
+    getEditor().setSelectedRange(2);
+    return typeCharacters("a", () => requestAnimationFrame(function() {
+      assert.blockAttributes([0, 2], ["attachmentGallery"]);
+      assert.blockAttributes([3, 4], []);
+      assert.blockAttributes([5, 7], ["attachmentGallery"]);
+      return expectDocument(`${ORC}${ORC}\na\n${ORC}${ORC}\n`);
+    }));
+  });
 
-  test "inserting a gallery in a formatted block", (expectDocument) ->
-    clickToolbarButton attribute: "quote", ->
-      typeCharacters "abc", ->
-        insertAttachments(createImageAttachments(2))
-        requestAnimationFrame ->
-          assert.blockAttributes([0, 3], ["quote"])
-          assert.blockAttributes([4, 6], ["attachmentGallery"])
-          expectDocument "abc\n#{ORC}#{ORC}\n"
+  return test("inserting a gallery in a formatted block", expectDocument => clickToolbarButton({attribute: "quote"}, () => typeCharacters("abc", function() {
+    insertAttachments(createImageAttachments(2));
+    return requestAnimationFrame(function() {
+      assert.blockAttributes([0, 3], ["quote"]);
+      assert.blockAttributes([4, 6], ["attachmentGallery"]);
+      return expectDocument(`abc\n${ORC}${ORC}\n`);
+    });
+  })));
+});
 
-createImageAttachments = (num = 1) ->
-  attachments = []
-  while attachments.length < num
-    attachments.push(createImageAttachment())
-  attachments
+var createImageAttachments = function(num) {
+  if (num == null) { num = 1; }
+  const attachments = [];
+  while (attachments.length < num) {
+    attachments.push(createImageAttachment());
+  }
+  return attachments;
+};
diff --git a/src/test/system/attachment_test.js b/src/test/system/attachment_test.js
index 199d2c028..9c70d1727 100644
--- a/src/test/system/attachment_test.js
+++ b/src/test/system/attachment_test.js
@@ -1,100 +1,100 @@
-import config from "trix/config"
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
 
-import { after, assert, clickElement, clickToolbarButton, createFile, defer, dragToCoordinates, moveCursor, pressKey, test, testGroup, triggerEvent, typeCharacters } from "test/test_helper"
+import { after, assert, clickElement, clickToolbarButton, createFile, defer, dragToCoordinates, moveCursor, pressKey, test, testGroup, triggerEvent, typeCharacters } from "test/test_helper";
 
-testGroup "Attachments", template: "editor_with_image", ->
-  test "moving an image by drag and drop", (expectDocument) ->
-    typeCharacters "!", ->
-      moveCursor direction: "right", times: 1, (coordinates) ->
-        img = document.activeElement.querySelector("img")
-        triggerEvent(img, "mousedown")
-        defer ->
-          dragToCoordinates coordinates, ->
-            expectDocument "!a#{OBJECT_REPLACEMENT_CHARACTER}b\n"
+testGroup("Attachments", {template: "editor_with_image"}, function() {
+  test("moving an image by drag and drop", expectDocument => typeCharacters("!", () => moveCursor({direction: "right", times: 1}, function(coordinates) {
+    const img = document.activeElement.querySelector("img");
+    triggerEvent(img, "mousedown");
+    return defer(() => dragToCoordinates(coordinates, () => expectDocument(`!a${OBJECT_REPLACEMENT_CHARACTER}b\n`)));
+  })));
 
-  test "removing an image", (expectDocument) ->
-    after 20, ->
-      clickElement getFigure(), ->
-        closeButton = getFigure().querySelector("[data-trix-action=remove]")
-        clickElement closeButton, ->
-          expectDocument "ab\n"
+  test("removing an image", expectDocument => after(20, () => clickElement(getFigure(), function() {
+    const closeButton = getFigure().querySelector("[data-trix-action=remove]");
+    return clickElement(closeButton, () => expectDocument("ab\n"));
+  })));
 
-  test "editing an image caption", (expectDocument) ->
-    after 20, ->
-      clickElement findElement("figure"), ->
-        clickElement findElement("figcaption"), ->
-          defer ->
-            textarea = findElement("textarea")
-            assert.ok textarea
-            textarea.focus()
-            textarea.value = "my"
-            triggerEvent(textarea, "input")
-            defer ->
-              textarea.value = ""
-              defer ->
-                textarea.value = "my caption"
-                triggerEvent(textarea, "input")
-                pressKey "return", ->
-                  assert.notOk findElement("textarea")
-                  assert.textAttributes [2, 3], caption: "my caption"
-                  assert.locationRange index: 0, offset: 3
-                  expectDocument "ab#{OBJECT_REPLACEMENT_CHARACTER}\n"
+  test("editing an image caption", expectDocument => after(20, () => clickElement(findElement("figure"), () => clickElement(findElement("figcaption"), () => defer(function() {
+    const textarea = findElement("textarea");
+    assert.ok(textarea);
+    textarea.focus();
+    textarea.value = "my";
+    triggerEvent(textarea, "input");
+    return defer(function() {
+      textarea.value = "";
+      return defer(function() {
+        textarea.value = "my caption";
+        triggerEvent(textarea, "input");
+        return pressKey("return", function() {
+          assert.notOk(findElement("textarea"));
+          assert.textAttributes([2, 3], {caption: "my caption"});
+          assert.locationRange({index: 0, offset: 3});
+          return expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`);
+        });
+      });
+    });
+  })))));
 
-  test "editing an attachment caption with no filename", (done) ->
-    after 20, ->
-      captionElement = findElement("figcaption")
-      assert.ok captionElement.clientHeight > 0
-      assert.equal captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder
+  test("editing an attachment caption with no filename", done => after(20, function() {
+    let captionElement = findElement("figcaption");
+    assert.ok(captionElement.clientHeight > 0);
+    assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder);
 
-      clickElement findElement("figure"), ->
-        captionElement = findElement("figcaption")
-        assert.ok captionElement.clientHeight > 0
-        assert.equal captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder
-        done()
+    return clickElement(findElement("figure"), function() {
+      captionElement = findElement("figcaption");
+      assert.ok(captionElement.clientHeight > 0);
+      assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder);
+      return done();
+    });
+  }));
 
-  test "updating an attachment's href attribute while editing its caption", (expectDocument) ->
-    attachment = getEditorController().attachmentManager.getAttachments()[0]
-    after 20, ->
-      clickElement findElement("figure"), ->
-        clickElement findElement("figcaption"), ->
-          defer ->
-            textarea = findElement("textarea")
-            assert.ok textarea
-            textarea.focus()
-            textarea.value = "my caption"
-            triggerEvent(textarea, "input")
-            attachment.setAttributes(href: "https://example.com")
-            defer ->
-              textarea = findElement("textarea")
-              assert.ok document.activeElement is textarea
-              assert.equal textarea.value, "my caption"
-              pressKey "return", ->
-                assert.notOk findElement("textarea")
-                assert.textAttributes [2, 3], caption: "my caption"
-                assert.locationRange index: 0, offset: 3
-                expectDocument "ab#{OBJECT_REPLACEMENT_CHARACTER}\n"
+  test("updating an attachment's href attribute while editing its caption", function(expectDocument) {
+    const attachment = getEditorController().attachmentManager.getAttachments()[0];
+    return after(20, () => clickElement(findElement("figure"), () => clickElement(findElement("figcaption"), () => defer(function() {
+      let textarea = findElement("textarea");
+      assert.ok(textarea);
+      textarea.focus();
+      textarea.value = "my caption";
+      triggerEvent(textarea, "input");
+      attachment.setAttributes({href: "https://example.com"});
+      return defer(function() {
+        textarea = findElement("textarea");
+        assert.ok(document.activeElement === textarea);
+        assert.equal(textarea.value, "my caption");
+        return pressKey("return", function() {
+          assert.notOk(findElement("textarea"));
+          assert.textAttributes([2, 3], {caption: "my caption"});
+          assert.locationRange({index: 0, offset: 3});
+          return expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`);
+        });
+      });
+    }))));
+  });
 
-  testGroup "File insertion", template: "editor_empty", ->
-    test "inserting a file in a formatted block", (expectDocument) ->
-      clickToolbarButton attribute: "bullet", ->
-        clickToolbarButton attribute: "bold", ->
-          getComposition().insertFile(createFile())
-          assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-          assert.textAttributes([0, 1], {})
-          expectDocument("#{OBJECT_REPLACEMENT_CHARACTER}\n")
+  return testGroup("File insertion", {template: "editor_empty"}, function() {
+    test("inserting a file in a formatted block", expectDocument => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "bold"}, function() {
+      getComposition().insertFile(createFile());
+      assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+      assert.textAttributes([0, 1], {});
+      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
+    })));
 
-    test "inserting a files in a formatted block", (expectDocument) ->
-      clickToolbarButton attribute: "quote", ->
-        clickToolbarButton attribute: "italic", ->
-          getComposition().insertFiles([createFile(), createFile()])
-          assert.blockAttributes([0, 2], ["quote"])
-          assert.textAttributes([0, 1], {})
-          assert.textAttributes([1, 2], {})
-          expectDocument("#{OBJECT_REPLACEMENT_CHARACTER}#{OBJECT_REPLACEMENT_CHARACTER}\n")
+    return test("inserting a files in a formatted block", expectDocument => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({attribute: "italic"}, function() {
+      getComposition().insertFiles([createFile(), createFile()]);
+      assert.blockAttributes([0, 2], ["quote"]);
+      assert.textAttributes([0, 1], {});
+      assert.textAttributes([1, 2], {});
+      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}${OBJECT_REPLACEMENT_CHARACTER}\n`);
+    })));
+  });
+});
 
-getFigure = ->
-  findElement("figure")
+var getFigure = () => findElement("figure");
 
-findElement = (selector) ->
-  getEditorElement().querySelector(selector)
+var findElement = selector => getEditorElement().querySelector(selector);
diff --git a/src/test/system/basic_input_test.js b/src/test/system/basic_input_test.js
index 32a2e0d1c..8b3c99c6b 100644
--- a/src/test/system/basic_input_test.js
+++ b/src/test/system/basic_input_test.js
@@ -1,90 +1,68 @@
-import config from "trix/config"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
 
-import { assert, defer, dragToCoordinates, expandSelection, insertNode, moveCursor, pressKey, selectAll, test, testIf, testGroup, triggerEvent, typeCharacters } from "test/test_helper"
+import { assert, defer, dragToCoordinates, expandSelection, insertNode, moveCursor, pressKey, selectAll, test, testIf, testGroup, triggerEvent, typeCharacters } from "test/test_helper";
 
-testGroup "Basic input", template: "editor_empty", ->
-  test "typing", (expectDocument) ->
-    typeCharacters "abc", ->
-      expectDocument "abc\n"
+testGroup("Basic input", {template: "editor_empty"}, function() {
+  test("typing", expectDocument => typeCharacters("abc", () => expectDocument("abc\n")));
 
-  test "backspacing", (expectDocument) ->
-    typeCharacters "abc\b", ->
-      assert.locationRange(index: 0, offset: 2)
-      expectDocument "ab\n"
+  test("backspacing", expectDocument => typeCharacters("abc\b", function() {
+    assert.locationRange({index: 0, offset: 2});
+    return expectDocument("ab\n");
+  }));
 
-  test "pressing delete", (expectDocument) ->
-    typeCharacters "ab", ->
-      moveCursor "left", ->
-        pressKey "delete", ->
-          expectDocument "a\n"
+  test("pressing delete", expectDocument => typeCharacters("ab", () => moveCursor("left", () => pressKey("delete", () => expectDocument("a\n")))));
 
-  test "pressing return", (expectDocument) ->
-    typeCharacters "ab", ->
-      pressKey "return", ->
-        typeCharacters "c", ->
-          expectDocument "ab\nc\n"
+  test("pressing return", expectDocument => typeCharacters("ab", () => pressKey("return", () => typeCharacters("c", () => expectDocument("ab\nc\n")))));
 
-  test "pressing escape in Safari", (expectDocument) ->
-    typeCharacters "a", ->
-      if triggerEvent(document.activeElement, "keydown", charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape")
-        triggerEvent(document.activeElement, "keypress", charCode: 27, keyCode: 27, which: 27, key: "Escape", code: "Escape")
-      defer ->
-        expectDocument "a\n"
+  test("pressing escape in Safari", expectDocument => typeCharacters("a", function() {
+    if (triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape"})) {
+      triggerEvent(document.activeElement, "keypress", {charCode: 27, keyCode: 27, which: 27, key: "Escape", code: "Escape"});
+    }
+    return defer(() => expectDocument("a\n"));
+  }));
 
-  test "pressing escape in Firefox", (expectDocument) ->
-    typeCharacters "a", ->
-      if triggerEvent(document.activeElement, "keydown", charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape")
-        triggerEvent(document.activeElement, "keypress", charCode: 0, keyCode: 27, which: 0, key: "Escape", code: "Escape")
-      defer ->
-        expectDocument "a\n"
+  test("pressing escape in Firefox", expectDocument => typeCharacters("a", function() {
+    if (triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape"})) {
+      triggerEvent(document.activeElement, "keypress", {charCode: 0, keyCode: 27, which: 0, key: "Escape", code: "Escape"});
+    }
+    return defer(() => expectDocument("a\n"));
+  }));
 
-  test "pressing escape in Chrome", (expectDocument) ->
-    typeCharacters "a", ->
-      triggerEvent(document.activeElement, "keydown", charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape")
-      defer ->
-        expectDocument "a\n"
+  test("pressing escape in Chrome", expectDocument => typeCharacters("a", function() {
+    triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape"});
+    return defer(() => expectDocument("a\n"));
+  }));
 
-  test "cursor left", (expectDocument) ->
-    typeCharacters "ac", ->
-      moveCursor "left", ->
-        typeCharacters "b", ->
-          expectDocument "abc\n"
+  test("cursor left", expectDocument => typeCharacters("ac", () => moveCursor("left", () => typeCharacters("b", () => expectDocument("abc\n")))));
 
-  test "replace entire document", (expectDocument) ->
-    typeCharacters "abc", ->
-      selectAll ->
-        typeCharacters "d", ->
-          expectDocument "d\n"
+  test("replace entire document", expectDocument => typeCharacters("abc", () => selectAll(() => typeCharacters("d", () => expectDocument("d\n")))));
 
-  test "remove entire document", (expectDocument) ->
-    typeCharacters "abc", ->
-      selectAll ->
-        typeCharacters "\b", ->
-          expectDocument "\n"
+  test("remove entire document", expectDocument => typeCharacters("abc", () => selectAll(() => typeCharacters("\b", () => expectDocument("\n")))));
 
-  test "drag text", (expectDocument) ->
-    typeCharacters "abc", ->
-      moveCursor direction: "left", times: 2, (coordinates) ->
-        moveCursor "right", ->
-          expandSelection "right", ->
-            dragToCoordinates coordinates, ->
-              expectDocument "acb\n"
+  test("drag text", expectDocument => typeCharacters("abc", () => moveCursor({direction: "left", times: 2}, coordinates => moveCursor("right", () => expandSelection("right", () => dragToCoordinates(coordinates, () => expectDocument("acb\n")))))));
 
-  testIf config.input.getLevel() is 0, "inserting newline after cursor (control + o)", (expectDocument) ->
-    typeCharacters "ab", ->
-      moveCursor "left", ->
-        triggerEvent(document.activeElement, "keydown", charCode: 0, keyCode: 79, which: 79, ctrlKey: true)
-        defer ->
-          assert.locationRange index: 0, offset: 1
-          expectDocument "a\nb\n"
+  testIf(config.input.getLevel() === 0, "inserting newline after cursor (control + o)", expectDocument => typeCharacters("ab", () => moveCursor("left", function() {
+    triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 79, which: 79, ctrlKey: true});
+    return defer(function() {
+      assert.locationRange({index: 0, offset: 1});
+      return expectDocument("a\nb\n");
+    });
+  })));
 
-  testIf config.input.getLevel() is 0, "inserting ó with control + alt + o (AltGr)", (expectDocument) ->
-    typeCharacters "ab", ->
-      moveCursor "left", ->
-        if triggerEvent(document.activeElement, "keydown", charCode: 0, keyCode: 79, which: 79, altKey: true, ctrlKey: true)
-          triggerEvent(document.activeElement, "keypress", charCode: 243, keyCode: 243, which: 243, altKey: true, ctrlKey: true)
-          insertNode(document.createTextNode("ó"))
+  return testIf(config.input.getLevel() === 0, "inserting ó with control + alt + o (AltGr)", expectDocument => typeCharacters("ab", () => moveCursor("left", function() {
+    if (triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 79, which: 79, altKey: true, ctrlKey: true})) {
+      triggerEvent(document.activeElement, "keypress", {charCode: 243, keyCode: 243, which: 243, altKey: true, ctrlKey: true});
+      insertNode(document.createTextNode("ó"));
+    }
 
-        defer ->
-          assert.locationRange index: 0, offset: 2
-          expectDocument "aób\n"
+    return defer(function() {
+      assert.locationRange({index: 0, offset: 2});
+      return expectDocument("aób\n");
+    });
+  })));
+});
diff --git a/src/test/system/block_formatting_test.js b/src/test/system/block_formatting_test.js
index d5a9d259c..2ad0219a7 100644
--- a/src/test/system/block_formatting_test.js
+++ b/src/test/system/block_formatting_test.js
@@ -1,606 +1,599 @@
-import Text from "trix/models/text"
-import Block from "trix/models/block"
-import Document from "trix/models/document"
-
-import { assert, clickToolbarButton, defer, expandSelection, isToolbarButtonActive, isToolbarButtonDisabled, moveCursor, pressKey, replaceDocument, selectAll, test, testGroup, typeCharacters } from "test/test_helper"
-
-testGroup "Block formatting", template: "editor_empty", ->
-  test "applying block attributes", (done) ->
-    typeCharacters "abc", ->
-      clickToolbarButton attribute: "quote", ->
-        assert.blockAttributes([0, 4], ["quote"])
-        assert.ok isToolbarButtonActive(attribute: "quote")
-        clickToolbarButton attribute: "code", ->
-          assert.blockAttributes([0, 4], ["quote", "code"])
-          assert.ok isToolbarButtonActive(attribute: "code")
-          clickToolbarButton attribute: "code", ->
-            assert.blockAttributes([0, 4], ["quote"])
-            assert.notOk isToolbarButtonActive(attribute: "code")
-            assert.ok isToolbarButtonActive(attribute: "quote")
-            done()
-
-  test "applying block attributes to text after newline", (done) ->
-    typeCharacters "a\nbc", ->
-      clickToolbarButton attribute: "quote", ->
-        assert.blockAttributes([0, 2], [])
-        assert.blockAttributes([2, 4], ["quote"])
-        done()
-
-  test "applying block attributes to text between newlines", (done) ->
-    typeCharacters """
-      ab
-      def
-      ghi
-      j
-    """, ->
-      moveCursor direction: "left", times: 2, ->
-        expandSelection direction: "left", times: 5, ->
-          clickToolbarButton attribute: "quote", ->
-            assert.blockAttributes([0, 3], [])
-            assert.blockAttributes([3, 11], ["quote"])
-            assert.blockAttributes([11, 13], [])
-            done()
-
-  test "applying bullets to text with newlines", (done) ->
-    typeCharacters """
-      abc
-      def
-      ghi
-      jkl
-      mno
-    """, ->
-      moveCursor direction: "left", times: 2, ->
-        expandSelection direction: "left", times: 15, ->
-          clickToolbarButton attribute: "bullet", ->
-            assert.blockAttributes([0, 4], ["bulletList", "bullet"])
-            assert.blockAttributes([4, 8], ["bulletList", "bullet"])
-            assert.blockAttributes([8, 12], ["bulletList", "bullet"])
-            assert.blockAttributes([12, 16], ["bulletList", "bullet"])
-            assert.blockAttributes([16, 20], ["bulletList", "bullet"])
-            done()
-
-  test "applying block attributes to adjacent unformatted blocks consolidates them", (done) ->
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("1"), ["bulletList", "bullet"])
-        new Block(Text.textForStringWithAttributes("a"), [])
-        new Block(Text.textForStringWithAttributes("b"), [])
-        new Block(Text.textForStringWithAttributes("c"), [])
-        new Block(Text.textForStringWithAttributes("2"), ["bulletList", "bullet"])
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import Text from "trix/models/text";
+import Block from "trix/models/block";
+import Document from "trix/models/document";
+
+import { assert, clickToolbarButton, defer, expandSelection, isToolbarButtonActive, isToolbarButtonDisabled, moveCursor, pressKey, replaceDocument, selectAll, test, testGroup, typeCharacters } from "test/test_helper";
+
+testGroup("Block formatting", {template: "editor_empty"}, function() {
+  test("applying block attributes", done => typeCharacters("abc", () => clickToolbarButton({attribute: "quote"}, function() {
+    assert.blockAttributes([0, 4], ["quote"]);
+    assert.ok(isToolbarButtonActive({attribute: "quote"}));
+    return clickToolbarButton({attribute: "code"}, function() {
+      assert.blockAttributes([0, 4], ["quote", "code"]);
+      assert.ok(isToolbarButtonActive({attribute: "code"}));
+      return clickToolbarButton({attribute: "code"}, function() {
+        assert.blockAttributes([0, 4], ["quote"]);
+        assert.notOk(isToolbarButtonActive({attribute: "code"}));
+        assert.ok(isToolbarButtonActive({attribute: "quote"}));
+        return done();
+      });
+    });
+  })));
+
+  test("applying block attributes to text after newline", done => typeCharacters("a\nbc", () => clickToolbarButton({attribute: "quote"}, function() {
+    assert.blockAttributes([0, 2], []);
+    assert.blockAttributes([2, 4], ["quote"]);
+    return done();
+  })));
+
+  test("applying block attributes to text between newlines", done => typeCharacters(`\
+ab
+def
+ghi
+j\
+`, () => moveCursor({direction: "left", times: 2}, () => expandSelection({direction: "left", times: 5}, () => clickToolbarButton({attribute: "quote"}, function() {
+    assert.blockAttributes([0, 3], []);
+    assert.blockAttributes([3, 11], ["quote"]);
+    assert.blockAttributes([11, 13], []);
+    return done();
+  })))));
+
+  test("applying bullets to text with newlines", done => typeCharacters(`\
+abc
+def
+ghi
+jkl
+mno\
+`, () => moveCursor({direction: "left", times: 2}, () => expandSelection({direction: "left", times: 15}, () => clickToolbarButton({attribute: "bullet"}, function() {
+    assert.blockAttributes([0, 4], ["bulletList", "bullet"]);
+    assert.blockAttributes([4, 8], ["bulletList", "bullet"]);
+    assert.blockAttributes([8, 12], ["bulletList", "bullet"]);
+    assert.blockAttributes([12, 16], ["bulletList", "bullet"]);
+    assert.blockAttributes([16, 20], ["bulletList", "bullet"]);
+    return done();
+  })))));
+
+  test("applying block attributes to adjacent unformatted blocks consolidates them", function(done) {
+    const document = new Document([
+        new Block(Text.textForStringWithAttributes("1"), ["bulletList", "bullet"]),
+        new Block(Text.textForStringWithAttributes("a"), []),
+        new Block(Text.textForStringWithAttributes("b"), []),
+        new Block(Text.textForStringWithAttributes("c"), []),
+        new Block(Text.textForStringWithAttributes("2"), ["bulletList", "bullet"]),
         new Block(Text.textForStringWithAttributes("3"), ["bulletList", "bullet"])
-      ]
-
-    replaceDocument(document)
-    getEditorController().setLocationRange([{index: 0, offset: 0}, {index: 5, offset: 1}])
-    defer ->
-      clickToolbarButton attribute: "quote", ->
-        assert.blockAttributes([0, 2], ["bulletList", "bullet", "quote"])
-        assert.blockAttributes([2, 8], ["quote"])
-        assert.blockAttributes([8, 10], ["bulletList", "bullet", "quote"])
-        assert.blockAttributes([10, 12], ["bulletList", "bullet", "quote"])
-        done()
-
-  test "breaking out of the end of a block", (done) ->
-    typeCharacters "abc", ->
-      clickToolbarButton attribute: "quote", ->
-        typeCharacters "\n\n", ->
-          document = getDocument()
-          assert.equal document.getBlockCount(), 2
-
-          block = document.getBlockAtIndex(0)
-          assert.deepEqual block.getAttributes(), ["quote"]
-          assert.equal block.toString(), "abc\n"
-
-          block = document.getBlockAtIndex(1)
-          assert.deepEqual block.getAttributes(), []
-          assert.equal block.toString(), "\n"
-
-          assert.locationRange(index: 1, offset: 0)
-          done()
-
-
-  test "breaking out of the middle of a block before character", (done) ->
-    # * = cursor
-    #
-    # ab
-    # *c
-    #
-    typeCharacters "abc", ->
-      clickToolbarButton attribute: "quote", ->
-        moveCursor "left", ->
-          typeCharacters "\n\n", ->
-            document = getDocument()
-            assert.equal document.getBlockCount(), 3
-
-            block = document.getBlockAtIndex(0)
-            assert.deepEqual block.getAttributes(), ["quote"]
-            assert.equal block.toString(), "ab\n"
-
-            block = document.getBlockAtIndex(1)
-            assert.deepEqual block.getAttributes(), []
-            assert.equal block.toString(), "\n"
-
-            block = document.getBlockAtIndex(2)
-            assert.deepEqual block.getAttributes(), ["quote"]
-            assert.equal block.toString(), "c\n"
-
-            assert.locationRange(index: 2, offset: 0)
-            done()
-
-  test "breaking out of the middle of a block before newline", (done) ->
-    # * = cursor
-    #
-    # ab
-    # *
-    # c
-    #
-    typeCharacters "abc", ->
-      clickToolbarButton attribute: "quote", ->
-        moveCursor "left", ->
-          typeCharacters "\n", ->
-            moveCursor "left", ->
-              typeCharacters "\n\n", ->
-                document = getDocument()
-                assert.equal document.getBlockCount(), 3
-
-                block = document.getBlockAtIndex(0)
-                assert.deepEqual block.getAttributes(), ["quote"]
-                assert.equal block.toString(), "ab\n"
-
-                block = document.getBlockAtIndex(1)
-                assert.deepEqual block.getAttributes(), []
-                assert.equal block.toString(), "\n"
-
-                block = document.getBlockAtIndex(2)
-                assert.deepEqual block.getAttributes(), ["quote"]
-                assert.equal block.toString(), "c\n"
-
-                done()
-
-  test "breaking out of a formatted block with adjacent non-formatted blocks", (expectDocument) ->
-    # * = cursor
-    #
-    # a
-    # b*
-    # c
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("a"), [])
-        new Block(Text.textForStringWithAttributes("b"), ["quote"])
+      ]);
+
+    replaceDocument(document);
+    getEditorController().setLocationRange([{index: 0, offset: 0}, {index: 5, offset: 1}]);
+    return defer(() => clickToolbarButton({attribute: "quote"}, function() {
+      assert.blockAttributes([0, 2], ["bulletList", "bullet", "quote"]);
+      assert.blockAttributes([2, 8], ["quote"]);
+      assert.blockAttributes([8, 10], ["bulletList", "bullet", "quote"]);
+      assert.blockAttributes([10, 12], ["bulletList", "bullet", "quote"]);
+      return done();
+    }));
+  });
+
+  test("breaking out of the end of a block", done => typeCharacters("abc", () => clickToolbarButton({attribute: "quote"}, () => typeCharacters("\n\n", function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 2);
+
+    let block = document.getBlockAtIndex(0);
+    assert.deepEqual(block.getAttributes(), ["quote"]);
+    assert.equal(block.toString(), "abc\n");
+
+    block = document.getBlockAtIndex(1);
+    assert.deepEqual(block.getAttributes(), []);
+    assert.equal(block.toString(), "\n");
+
+    assert.locationRange({index: 1, offset: 0});
+    return done();
+  }))));
+
+
+  test("breaking out of the middle of a block before character", done => // * = cursor
+  //
+  // ab
+  // *c
+  //
+  typeCharacters(
+    "abc",
+    () => clickToolbarButton({attribute: "quote"}, () => moveCursor("left", () => typeCharacters("\n\n", function() {
+      const document = getDocument();
+      assert.equal(document.getBlockCount(), 3);
+
+      let block = document.getBlockAtIndex(0);
+      assert.deepEqual(block.getAttributes(), ["quote"]);
+      assert.equal(block.toString(), "ab\n");
+
+      block = document.getBlockAtIndex(1);
+      assert.deepEqual(block.getAttributes(), []);
+      assert.equal(block.toString(), "\n");
+
+      block = document.getBlockAtIndex(2);
+      assert.deepEqual(block.getAttributes(), ["quote"]);
+      assert.equal(block.toString(), "c\n");
+
+      assert.locationRange({index: 2, offset: 0});
+      return done();
+    })))
+  ));
+
+  test("breaking out of the middle of a block before newline", done => // * = cursor
+  //
+  // ab
+  // *
+  // c
+  //
+  typeCharacters(
+    "abc",
+    () => clickToolbarButton({attribute: "quote"}, () => moveCursor("left", () => typeCharacters("\n", () => moveCursor("left", () => typeCharacters("\n\n", function() {
+      const document = getDocument();
+      assert.equal(document.getBlockCount(), 3);
+
+      let block = document.getBlockAtIndex(0);
+      assert.deepEqual(block.getAttributes(), ["quote"]);
+      assert.equal(block.toString(), "ab\n");
+
+      block = document.getBlockAtIndex(1);
+      assert.deepEqual(block.getAttributes(), []);
+      assert.equal(block.toString(), "\n");
+
+      block = document.getBlockAtIndex(2);
+      assert.deepEqual(block.getAttributes(), ["quote"]);
+      assert.equal(block.toString(), "c\n");
+
+      return done();
+    })))))
+  ));
+
+  test("breaking out of a formatted block with adjacent non-formatted blocks", function(expectDocument) {
+    // * = cursor
+    //
+    // a
+    // b*
+    // c
+    let document = new Document([
+        new Block(Text.textForStringWithAttributes("a"), []),
+        new Block(Text.textForStringWithAttributes("b"), ["quote"]),
         new Block(Text.textForStringWithAttributes("c"), [])
-      ]
-
-    replaceDocument(document)
-    getEditor().setSelectedRange(3)
-
-    typeCharacters "\n\n", ->
-      document = getDocument()
-      assert.equal document.getBlockCount(), 4
-      assert.blockAttributes([0, 1], [])
-      assert.blockAttributes([2, 3], ["quote"])
-      assert.blockAttributes([4, 5], [])
-      assert.blockAttributes([5, 6], [])
-      expectDocument("a\nb\n\nc\n")
-
-  test "breaking out a block after newline at offset 0", (done) ->
-    # * = cursor
-    #
-    #
-    # *a
-    #
-    typeCharacters "a", ->
-      clickToolbarButton attribute: "quote", ->
-        moveCursor "left", ->
-          typeCharacters "\n\n", ->
-            document = getDocument()
-            assert.equal document.getBlockCount(), 2
-
-            block = document.getBlockAtIndex(0)
-            assert.deepEqual block.getAttributes(), []
-            assert.equal block.toString(), "\n"
-
-            block = document.getBlockAtIndex(1)
-            assert.deepEqual block.getAttributes(), ["quote"]
-            assert.equal block.toString(), "a\n"
-            assert.locationRange(index: 1, offset: 0)
-
-            done()
-
-  test "deleting the only non-block-break character in a block", (done) ->
-    typeCharacters "ab", ->
-      clickToolbarButton attribute: "quote", ->
-        typeCharacters "\b\b", ->
-          assert.blockAttributes([0, 1], ["quote"])
-          done()
-
-  test "backspacing a quote", (done) ->
-    clickToolbarButton attribute: "quote", ->
-      assert.blockAttributes([0, 1], ["quote"])
-      pressKey "backspace", ->
-        assert.blockAttributes([0, 1], [])
-        done()
-
-  test "backspacing a nested quote", (done) ->
-    clickToolbarButton attribute: "quote", ->
-      clickToolbarButton action: "increaseNestingLevel", ->
-        assert.blockAttributes([0, 1], ["quote", "quote"])
-        pressKey "backspace", ->
-          assert.blockAttributes([0, 1], ["quote"])
-          pressKey "backspace", ->
-            assert.blockAttributes([0, 1], [])
-            done()
-
-  test "backspacing a list item", (done) ->
-    clickToolbarButton attribute: "bullet", ->
-      assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-      pressKey "backspace", ->
-        assert.blockAttributes([0, 0], [])
-        done()
-
-  test "backspacing a nested list item", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a\n", ->
-        clickToolbarButton action: "increaseNestingLevel", ->
-          assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet"])
-          pressKey "backspace", ->
-            assert.blockAttributes([2, 3], ["bulletList", "bullet"])
-            expectDocument("a\n\n")
-
-  test "backspacing a list item inside a quote", (done) ->
-    clickToolbarButton attribute: "quote", ->
-      clickToolbarButton attribute: "bullet", ->
-        assert.blockAttributes([0, 1], ["quote", "bulletList", "bullet"])
-        pressKey "backspace", ->
-          assert.blockAttributes([0, 1], ["quote"])
-          pressKey "backspace", ->
-            assert.blockAttributes([0, 1], [])
-            done()
-
-  test "backspacing selected nested list items", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a\n", ->
-        clickToolbarButton action: "increaseNestingLevel", ->
-          typeCharacters "b", ->
-            getSelectionManager().setLocationRange([{index: 0, offset: 0}, {index: 1, offset: 1}])
-            pressKey "backspace", ->
-              assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-              expectDocument("\n")
-
-  test "backspace selection spanning formatted blocks", (expectDocument) ->
-    clickToolbarButton attribute: "quote", ->
-      typeCharacters "ab\n\n", ->
-        clickToolbarButton attribute: "code", ->
-          typeCharacters "cd", ->
-            getSelectionManager().setLocationRange([{index: 0, offset: 1}, {index: 1, offset: 1}])
-            getComposition().deleteInDirection("backward")
-            assert.blockAttributes([0, 2], ["quote"])
-            expectDocument("ad\n")
-
-  test "backspace selection spanning and entire formatted block and a formatted block", (expectDocument) ->
-    clickToolbarButton attribute: "quote", ->
-      typeCharacters "ab\n\n", ->
-        clickToolbarButton attribute: "code", ->
-          typeCharacters "cd", ->
-            getSelectionManager().setLocationRange([{index: 0, offset: 0}, {index: 1, offset: 1}])
-            getComposition().deleteInDirection("backward")
-            assert.blockAttributes([0, 2], ["code"])
-            expectDocument("d\n")
-
-  test "increasing list level", (done) ->
-    assert.ok isToolbarButtonDisabled(action: "increaseNestingLevel")
-    assert.ok isToolbarButtonDisabled(action: "decreaseNestingLevel")
-    clickToolbarButton attribute: "bullet", ->
-      assert.ok isToolbarButtonDisabled(action: "increaseNestingLevel")
-      assert.notOk isToolbarButtonDisabled(action: "decreaseNestingLevel")
-      typeCharacters "a\n", ->
-        assert.notOk isToolbarButtonDisabled(action: "increaseNestingLevel")
-        assert.notOk isToolbarButtonDisabled(action: "decreaseNestingLevel")
-        clickToolbarButton action: "increaseNestingLevel", ->
-          typeCharacters "b", ->
-            assert.ok isToolbarButtonDisabled(action: "increaseNestingLevel")
-            assert.notOk isToolbarButtonDisabled(action: "decreaseNestingLevel")
-            assert.blockAttributes([0, 2], ["bulletList", "bullet"])
-            assert.blockAttributes([2, 4], ["bulletList", "bullet", "bulletList", "bullet"])
-            done()
-
-  test "changing list type", (done) ->
-    clickToolbarButton attribute: "bullet", ->
-      assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-      clickToolbarButton attribute: "number", ->
-        assert.blockAttributes([0, 1], ["numberList", "number"])
-        done()
-
-  test "adding bullet to heading block", (done) ->
-    clickToolbarButton attribute: "heading1", ->
-      clickToolbarButton attribute: "bullet", ->
-        assert.ok isToolbarButtonActive(attribute: "heading1")
-        assert.blockAttributes([1, 2], [])
-        done()
-
-  test "removing bullet from heading block", (done) ->
-    clickToolbarButton attribute: "bullet", ->
-      clickToolbarButton attribute: "heading1", ->
-        assert.ok isToolbarButtonDisabled(attribute: "bullet")
-        done()
-
-  test "breaking out of heading in list", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      clickToolbarButton attribute: "heading1", ->
-        assert.ok isToolbarButtonActive(attribute: "heading1")
-        typeCharacters "abc", ->
-          typeCharacters "\n", ->
-            assert.ok isToolbarButtonActive(attribute: "bullet")
-            document = getDocument()
-            assert.equal document.getBlockCount(), 2
-            assert.blockAttributes([0, 4], ["bulletList", "bullet", "heading1"])
-            assert.blockAttributes([4, 5], ["bulletList", "bullet"])
-            expectDocument("abc\n\n")
-
-  test "breaking out of middle of heading block", (expectDocument) ->
-    clickToolbarButton attribute: "heading1", ->
-      typeCharacters "abc", ->
-        assert.ok isToolbarButtonActive(attribute: "heading1")
-        moveCursor direction: "left", times: 1, ->
-          typeCharacters "\n", ->
-            document = getDocument()
-            assert.equal document.getBlockCount(), 2
-            assert.blockAttributes([0, 3], ["heading1"])
-            assert.blockAttributes([3, 4], ["heading1"])
-            expectDocument("ab\nc\n")
-
-  test "breaking out of middle of heading block with preceding blocks", (expectDocument) ->
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("a"), ["heading1"])
-        new Block(Text.textForStringWithAttributes("b"), [])
+      ]);
+
+    replaceDocument(document);
+    getEditor().setSelectedRange(3);
+
+    return typeCharacters("\n\n", function() {
+      document = getDocument();
+      assert.equal(document.getBlockCount(), 4);
+      assert.blockAttributes([0, 1], []);
+      assert.blockAttributes([2, 3], ["quote"]);
+      assert.blockAttributes([4, 5], []);
+      assert.blockAttributes([5, 6], []);
+      return expectDocument("a\nb\n\nc\n");
+    });
+  });
+
+  test("breaking out a block after newline at offset 0", done => // * = cursor
+  //
+  //
+  // *a
+  //
+  typeCharacters(
+    "a",
+    () => clickToolbarButton({attribute: "quote"}, () => moveCursor("left", () => typeCharacters("\n\n", function() {
+      const document = getDocument();
+      assert.equal(document.getBlockCount(), 2);
+
+      let block = document.getBlockAtIndex(0);
+      assert.deepEqual(block.getAttributes(), []);
+      assert.equal(block.toString(), "\n");
+
+      block = document.getBlockAtIndex(1);
+      assert.deepEqual(block.getAttributes(), ["quote"]);
+      assert.equal(block.toString(), "a\n");
+      assert.locationRange({index: 1, offset: 0});
+
+      return done();
+    })))
+  ));
+
+  test("deleting the only non-block-break character in a block", done => typeCharacters("ab", () => clickToolbarButton({attribute: "quote"}, () => typeCharacters("\b\b", function() {
+    assert.blockAttributes([0, 1], ["quote"]);
+    return done();
+  }))));
+
+  test("backspacing a quote", done => clickToolbarButton({attribute: "quote"}, function() {
+    assert.blockAttributes([0, 1], ["quote"]);
+    return pressKey("backspace", function() {
+      assert.blockAttributes([0, 1], []);
+      return done();
+    });
+  }));
+
+  test("backspacing a nested quote", done => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
+    assert.blockAttributes([0, 1], ["quote", "quote"]);
+    return pressKey("backspace", function() {
+      assert.blockAttributes([0, 1], ["quote"]);
+      return pressKey("backspace", function() {
+        assert.blockAttributes([0, 1], []);
+        return done();
+      });
+    });
+  })));
+
+  test("backspacing a list item", done => clickToolbarButton({attribute: "bullet"}, function() {
+    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+    return pressKey("backspace", function() {
+      assert.blockAttributes([0, 0], []);
+      return done();
+    });
+  }));
+
+  test("backspacing a nested list item", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n", () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
+    assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet"]);
+    return pressKey("backspace", function() {
+      assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
+      return expectDocument("a\n\n");
+    });
+  }))));
+
+  test("backspacing a list item inside a quote", done => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({attribute: "bullet"}, function() {
+    assert.blockAttributes([0, 1], ["quote", "bulletList", "bullet"]);
+    return pressKey("backspace", function() {
+      assert.blockAttributes([0, 1], ["quote"]);
+      return pressKey("backspace", function() {
+        assert.blockAttributes([0, 1], []);
+        return done();
+      });
+    });
+  })));
+
+  test("backspacing selected nested list items", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("b", function() {
+    getSelectionManager().setLocationRange([{index: 0, offset: 0}, {index: 1, offset: 1}]);
+    return pressKey("backspace", function() {
+      assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+      return expectDocument("\n");
+    });
+  })))));
+
+  test("backspace selection spanning formatted blocks", expectDocument => clickToolbarButton({attribute: "quote"}, () => typeCharacters("ab\n\n", () => clickToolbarButton({attribute: "code"}, () => typeCharacters("cd", function() {
+    getSelectionManager().setLocationRange([{index: 0, offset: 1}, {index: 1, offset: 1}]);
+    getComposition().deleteInDirection("backward");
+    assert.blockAttributes([0, 2], ["quote"]);
+    return expectDocument("ad\n");
+  })))));
+
+  test("backspace selection spanning and entire formatted block and a formatted block", expectDocument => clickToolbarButton({attribute: "quote"}, () => typeCharacters("ab\n\n", () => clickToolbarButton({attribute: "code"}, () => typeCharacters("cd", function() {
+    getSelectionManager().setLocationRange([{index: 0, offset: 0}, {index: 1, offset: 1}]);
+    getComposition().deleteInDirection("backward");
+    assert.blockAttributes([0, 2], ["code"]);
+    return expectDocument("d\n");
+  })))));
+
+  test("increasing list level", function(done) {
+    assert.ok(isToolbarButtonDisabled({action: "increaseNestingLevel"}));
+    assert.ok(isToolbarButtonDisabled({action: "decreaseNestingLevel"}));
+    return clickToolbarButton({attribute: "bullet"}, function() {
+      assert.ok(isToolbarButtonDisabled({action: "increaseNestingLevel"}));
+      assert.notOk(isToolbarButtonDisabled({action: "decreaseNestingLevel"}));
+      return typeCharacters("a\n", function() {
+        assert.notOk(isToolbarButtonDisabled({action: "increaseNestingLevel"}));
+        assert.notOk(isToolbarButtonDisabled({action: "decreaseNestingLevel"}));
+        return clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("b", function() {
+          assert.ok(isToolbarButtonDisabled({action: "increaseNestingLevel"}));
+          assert.notOk(isToolbarButtonDisabled({action: "decreaseNestingLevel"}));
+          assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
+          assert.blockAttributes([2, 4], ["bulletList", "bullet", "bulletList", "bullet"]);
+          return done();
+        }));
+      });
+    });
+  });
+
+  test("changing list type", done => clickToolbarButton({attribute: "bullet"}, function() {
+    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+    return clickToolbarButton({attribute: "number"}, function() {
+      assert.blockAttributes([0, 1], ["numberList", "number"]);
+      return done();
+    });
+  }));
+
+  test("adding bullet to heading block", done => clickToolbarButton({attribute: "heading1"}, () => clickToolbarButton({attribute: "bullet"}, function() {
+    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
+    assert.blockAttributes([1, 2], []);
+    return done();
+  })));
+
+  test("removing bullet from heading block", done => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "heading1"}, function() {
+    assert.ok(isToolbarButtonDisabled({attribute: "bullet"}));
+    return done();
+  })));
+
+  test("breaking out of heading in list", expectDocument => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "heading1"}, function() {
+    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
+    return typeCharacters("abc", () => typeCharacters("\n", function() {
+      assert.ok(isToolbarButtonActive({attribute: "bullet"}));
+      const document = getDocument();
+      assert.equal(document.getBlockCount(), 2);
+      assert.blockAttributes([0, 4], ["bulletList", "bullet", "heading1"]);
+      assert.blockAttributes([4, 5], ["bulletList", "bullet"]);
+      return expectDocument("abc\n\n");
+    }));
+  })));
+
+  test("breaking out of middle of heading block", expectDocument => clickToolbarButton({attribute: "heading1"}, () => typeCharacters("abc", function() {
+    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
+    return moveCursor({direction: "left", times: 1}, () => typeCharacters("\n", function() {
+      const document = getDocument();
+      assert.equal(document.getBlockCount(), 2);
+      assert.blockAttributes([0, 3], ["heading1"]);
+      assert.blockAttributes([3, 4], ["heading1"]);
+      return expectDocument("ab\nc\n");
+    }));
+  })));
+
+  test("breaking out of middle of heading block with preceding blocks", function(expectDocument) {
+    let document = new Document([
+        new Block(Text.textForStringWithAttributes("a"), ["heading1"]),
+        new Block(Text.textForStringWithAttributes("b"), []),
         new Block(Text.textForStringWithAttributes("cd"), ["heading1"])
-      ]
-
-    replaceDocument(document)
-    getEditor().setSelectedRange(5)
-    assert.ok isToolbarButtonActive(attribute: "heading1")
-
-    typeCharacters "\n", ->
-      document = getDocument()
-      assert.equal document.getBlockCount(), 4
-      assert.blockAttributes([0, 1], ["heading1"])
-      assert.blockAttributes([2, 3], [])
-      assert.blockAttributes([4, 5], ["heading1"])
-      assert.blockAttributes([6, 7], ["heading1"])
-      expectDocument("a\nb\nc\nd\n")
-
-  test "breaking out of end of heading block with preceding blocks", (expectDocument) ->
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("a"), ["heading1"])
-        new Block(Text.textForStringWithAttributes("b"), [])
+      ]);
+
+    replaceDocument(document);
+    getEditor().setSelectedRange(5);
+    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
+
+    return typeCharacters("\n", function() {
+      document = getDocument();
+      assert.equal(document.getBlockCount(), 4);
+      assert.blockAttributes([0, 1], ["heading1"]);
+      assert.blockAttributes([2, 3], []);
+      assert.blockAttributes([4, 5], ["heading1"]);
+      assert.blockAttributes([6, 7], ["heading1"]);
+      return expectDocument("a\nb\nc\nd\n");
+    });
+  });
+
+  test("breaking out of end of heading block with preceding blocks", function(expectDocument) {
+    let document = new Document([
+        new Block(Text.textForStringWithAttributes("a"), ["heading1"]),
+        new Block(Text.textForStringWithAttributes("b"), []),
         new Block(Text.textForStringWithAttributes("cd"), ["heading1"])
-      ]
-
-    replaceDocument(document)
-    getEditor().setSelectedRange(6)
-    assert.ok isToolbarButtonActive(attribute: "heading1")
-
-    typeCharacters "\n", ->
-      document = getDocument()
-      assert.equal document.getBlockCount(), 4
-      assert.blockAttributes([0, 1], ["heading1"])
-      assert.blockAttributes([2, 3], [])
-      assert.blockAttributes([4, 6], ["heading1"])
-      assert.blockAttributes([7, 8], [])
-      expectDocument("a\nb\ncd\n\n")
-
-  test "inserting newline before heading", (done) ->
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("\n"), [])
+      ]);
+
+    replaceDocument(document);
+    getEditor().setSelectedRange(6);
+    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
+
+    return typeCharacters("\n", function() {
+      document = getDocument();
+      assert.equal(document.getBlockCount(), 4);
+      assert.blockAttributes([0, 1], ["heading1"]);
+      assert.blockAttributes([2, 3], []);
+      assert.blockAttributes([4, 6], ["heading1"]);
+      assert.blockAttributes([7, 8], []);
+      return expectDocument("a\nb\ncd\n\n");
+    });
+  });
+
+  test("inserting newline before heading", function(done) {
+    let document = new Document([
+        new Block(Text.textForStringWithAttributes("\n"), []),
         new Block(Text.textForStringWithAttributes("abc"), ["heading1"])
-      ]
+      ]);
 
-    replaceDocument(document)
-    getEditor().setSelectedRange(0)
+    replaceDocument(document);
+    getEditor().setSelectedRange(0);
 
-    typeCharacters "\n", ->
-      document = getDocument()
-      assert.equal document.getBlockCount(), 2
+    return typeCharacters("\n", function() {
+      document = getDocument();
+      assert.equal(document.getBlockCount(), 2);
 
-      block = document.getBlockAtIndex(0)
-      assert.deepEqual block.getAttributes(), []
-      assert.equal block.toString(), "\n\n\n"
+      let block = document.getBlockAtIndex(0);
+      assert.deepEqual(block.getAttributes(), []);
+      assert.equal(block.toString(), "\n\n\n");
 
-      block = document.getBlockAtIndex(1)
-      assert.deepEqual block.getAttributes(), ["heading1"]
-      assert.equal block.toString(), "abc\n"
+      block = document.getBlockAtIndex(1);
+      assert.deepEqual(block.getAttributes(), ["heading1"]);
+      assert.equal(block.toString(), "abc\n");
 
-      done()
+      return done();
+    });
+  });
 
-  test "inserting multiple newlines before heading", (done) ->
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("\n"), [])
+  test("inserting multiple newlines before heading", function(done) {
+    let document = new Document([
+        new Block(Text.textForStringWithAttributes("\n"), []),
         new Block(Text.textForStringWithAttributes("abc"), ["heading1"])
-      ]
+      ]);
 
-    replaceDocument(document)
-    getEditor().setSelectedRange(0)
+    replaceDocument(document);
+    getEditor().setSelectedRange(0);
 
-    typeCharacters "\n\n", ->
-      document = getDocument()
-      assert.equal document.getBlockCount(), 2
+    return typeCharacters("\n\n", function() {
+      document = getDocument();
+      assert.equal(document.getBlockCount(), 2);
 
-      block = document.getBlockAtIndex(0)
-      assert.deepEqual block.getAttributes(), []
-      assert.equal block.toString(), "\n\n\n\n"
+      let block = document.getBlockAtIndex(0);
+      assert.deepEqual(block.getAttributes(), []);
+      assert.equal(block.toString(), "\n\n\n\n");
 
-      block = document.getBlockAtIndex(1)
-      assert.deepEqual block.getAttributes(), ["heading1"]
-      assert.equal block.toString(), "abc\n"
-      done()
+      block = document.getBlockAtIndex(1);
+      assert.deepEqual(block.getAttributes(), ["heading1"]);
+      assert.equal(block.toString(), "abc\n");
+      return done();
+    });
+  });
 
-  test "inserting multiple newlines before formatted block", (expectDocument) ->
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("\n"), [])
+  test("inserting multiple newlines before formatted block", function(expectDocument) {
+    let document = new Document([
+        new Block(Text.textForStringWithAttributes("\n"), []),
         new Block(Text.textForStringWithAttributes("abc"), ["quote"])
-      ]
-
-    replaceDocument(document)
-    getEditor().setSelectedRange(1)
-
-    typeCharacters "\n\n", ->
-      document = getDocument()
-      assert.equal document.getBlockCount(), 2
-      assert.blockAttributes([0, 1], [])
-      assert.blockAttributes([2, 3], [])
-      assert.blockAttributes([4, 6], ["quote"])
-      assert.locationRange(index: 0, offset: 3)
-      expectDocument("\n\n\n\nabc\n")
-
-  test "inserting newline after heading with text in following block", (expectDocument) ->
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("ab"), ["heading1"])
+      ]);
+
+    replaceDocument(document);
+    getEditor().setSelectedRange(1);
+
+    return typeCharacters("\n\n", function() {
+      document = getDocument();
+      assert.equal(document.getBlockCount(), 2);
+      assert.blockAttributes([0, 1], []);
+      assert.blockAttributes([2, 3], []);
+      assert.blockAttributes([4, 6], ["quote"]);
+      assert.locationRange({index: 0, offset: 3});
+      return expectDocument("\n\n\n\nabc\n");
+    });
+  });
+
+  test("inserting newline after heading with text in following block", function(expectDocument) {
+    let document = new Document([
+        new Block(Text.textForStringWithAttributes("ab"), ["heading1"]),
         new Block(Text.textForStringWithAttributes("cd"), [])
-      ]
-
-    replaceDocument(document)
-    getEditor().setSelectedRange(2)
-
-    typeCharacters "\n", ->
-      document = getDocument()
-      assert.equal document.getBlockCount(), 3
-      assert.blockAttributes([0, 2], ["heading1"])
-      assert.blockAttributes([3, 4], [])
-      assert.blockAttributes([5, 6], [])
-      expectDocument("ab\n\ncd\n")
-
-  test "backspacing a newline in an empty block with adjacent formatted blocks", (expectDocument) ->
-    document = new Document [
-        new Block(Text.textForStringWithAttributes("abc"), ["heading1"])
-        new Block
+      ]);
+
+    replaceDocument(document);
+    getEditor().setSelectedRange(2);
+
+    return typeCharacters("\n", function() {
+      document = getDocument();
+      assert.equal(document.getBlockCount(), 3);
+      assert.blockAttributes([0, 2], ["heading1"]);
+      assert.blockAttributes([3, 4], []);
+      assert.blockAttributes([5, 6], []);
+      return expectDocument("ab\n\ncd\n");
+    });
+  });
+
+  test("backspacing a newline in an empty block with adjacent formatted blocks", function(expectDocument) {
+    let document = new Document([
+        new Block(Text.textForStringWithAttributes("abc"), ["heading1"]),
+        new Block,
         new Block(Text.textForStringWithAttributes("d"), ["heading1"])
-      ]
-
-    replaceDocument(document)
-    getEditor().setSelectedRange(4)
-
-    pressKey "backspace", ->
-      document = getDocument()
-      assert.equal document.getBlockCount(), 2
-      assert.blockAttributes([0, 1], ["heading1"])
-      assert.blockAttributes([2, 3], ["heading1"])
-      expectDocument("abc\nd\n")
-
-  test "backspacing a newline at beginning of non-formatted block", (expectDocument) ->
-     document = new Document [
-         new Block(Text.textForStringWithAttributes("ab"), ["heading1"])
+      ]);
+
+    replaceDocument(document);
+    getEditor().setSelectedRange(4);
+
+    return pressKey("backspace", function() {
+      document = getDocument();
+      assert.equal(document.getBlockCount(), 2);
+      assert.blockAttributes([0, 1], ["heading1"]);
+      assert.blockAttributes([2, 3], ["heading1"]);
+      return expectDocument("abc\nd\n");
+    });
+  });
+
+  test("backspacing a newline at beginning of non-formatted block", function(expectDocument) {
+     let document = new Document([
+         new Block(Text.textForStringWithAttributes("ab"), ["heading1"]),
          new Block(Text.textForStringWithAttributes("\ncd"), [])
-       ]
-
-     replaceDocument(document)
-     getEditor().setSelectedRange(3)
-
-     pressKey "backspace", ->
-       document = getDocument()
-       assert.equal document.getBlockCount(), 2
-       assert.blockAttributes([0, 2], ["heading1"])
-       assert.blockAttributes([3, 5], [])
-       expectDocument("ab\ncd\n")
-
-  test "inserting newline after single character header", (expectDocument) ->
-    clickToolbarButton attribute: "heading1", ->
-      typeCharacters "a", ->
-        typeCharacters "\n", ->
-          document = getDocument()
-          assert.equal document.getBlockCount(), 2
-          assert.blockAttributes([0, 1], ["heading1"])
-          expectDocument("a\n\n")
-
-  test "terminal attributes are only added once", (expectDocument) ->
-    replaceDocument new Document [
-        new Block(Text.textForStringWithAttributes("a"), [])
-        new Block(Text.textForStringWithAttributes("b"), ["heading1"])
+       ]);
+
+     replaceDocument(document);
+     getEditor().setSelectedRange(3);
+
+     return pressKey("backspace", function() {
+       document = getDocument();
+       assert.equal(document.getBlockCount(), 2);
+       assert.blockAttributes([0, 2], ["heading1"]);
+       assert.blockAttributes([3, 5], []);
+       return expectDocument("ab\ncd\n");
+     });
+  });
+
+  test("inserting newline after single character header", expectDocument => clickToolbarButton({attribute: "heading1"}, () => typeCharacters("a", () => typeCharacters("\n", function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 2);
+    assert.blockAttributes([0, 1], ["heading1"]);
+    return expectDocument("a\n\n");
+  }))));
+
+  test("terminal attributes are only added once", function(expectDocument) {
+    replaceDocument(new Document([
+        new Block(Text.textForStringWithAttributes("a"), []),
+        new Block(Text.textForStringWithAttributes("b"), ["heading1"]),
         new Block(Text.textForStringWithAttributes("c"), [])
-      ]
-
-    selectAll ->
-      clickToolbarButton attribute: "heading1", ->
-        assert.equal getDocument().getBlockCount(), 3
-        assert.blockAttributes([0, 1], ["heading1"])
-        assert.blockAttributes([2, 3], ["heading1"])
-        assert.blockAttributes([4, 5], ["heading1"])
-        expectDocument("a\nb\nc\n")
-
-  test "terminal attributes replace existing terminal attributes", (expectDocument) ->
-    replaceDocument new Document [
-        new Block(Text.textForStringWithAttributes("a"), [])
-        new Block(Text.textForStringWithAttributes("b"), ["heading1"])
+      ]));
+
+    return selectAll(() => clickToolbarButton({attribute: "heading1"}, function() {
+      assert.equal(getDocument().getBlockCount(), 3);
+      assert.blockAttributes([0, 1], ["heading1"]);
+      assert.blockAttributes([2, 3], ["heading1"]);
+      assert.blockAttributes([4, 5], ["heading1"]);
+      return expectDocument("a\nb\nc\n");
+    }));
+  });
+
+  test("terminal attributes replace existing terminal attributes", function(expectDocument) {
+    replaceDocument(new Document([
+        new Block(Text.textForStringWithAttributes("a"), []),
+        new Block(Text.textForStringWithAttributes("b"), ["heading1"]),
         new Block(Text.textForStringWithAttributes("c"), [])
-      ]
-
-    selectAll ->
-      clickToolbarButton attribute: "code", ->
-        assert.equal getDocument().getBlockCount(), 3
-        assert.blockAttributes([0, 1], ["code"])
-        assert.blockAttributes([2, 3], ["code"])
-        assert.blockAttributes([4, 5], ["code"])
-        expectDocument("a\nb\nc\n")
-
-  test "code blocks preserve newlines", (expectDocument) ->
-    typeCharacters "a\nb", ->
-      selectAll ->
-        clickToolbarButton attribute: "code", ->
-          assert.equal getDocument().getBlockCount(), 1
-          assert.blockAttributes([0, 3], ["code"])
-          expectDocument("a\nb\n")
-
-  test "code blocks are not indentable", (done) ->
-    clickToolbarButton attribute: "code", ->
-      assert.notOk isToolbarButtonActive(action: "increaseNestingLevel")
-      done()
-
-  test "code blocks are terminal", (done) ->
-    clickToolbarButton attribute: "code", ->
-      assert.ok isToolbarButtonDisabled(attribute: "quote")
-      assert.ok isToolbarButtonDisabled(attribute: "heading1")
-      assert.ok isToolbarButtonDisabled(attribute: "bullet")
-      assert.ok isToolbarButtonDisabled(attribute: "number")
-      assert.notOk isToolbarButtonDisabled(attribute: "code")
-      assert.notOk isToolbarButtonDisabled(attribute: "bold")
-      assert.notOk isToolbarButtonDisabled(attribute: "italic")
-      done()
-
-  test "unindenting a code block inside a bullet", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      clickToolbarButton attribute: "code", ->
-        typeCharacters "a", ->
-          clickToolbarButton action: "decreaseNestingLevel", ->
-            document = getDocument()
-            assert.equal document.getBlockCount(), 1
-            assert.blockAttributes([0, 1], ["code"])
-            expectDocument("a\n")
-
-  test "indenting a heading inside a bullet", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a", ->
-        typeCharacters "\n", ->
-          clickToolbarButton attribute: "heading1", ->
-            typeCharacters "b", ->
-              clickToolbarButton action: "increaseNestingLevel", ->
-                document = getDocument()
-                assert.equal document.getBlockCount(), 2
-                assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-                assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet", "heading1"])
-                expectDocument("a\nb\n")
-
-  test "indenting a quote inside a bullet", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      clickToolbarButton attribute: "quote", ->
-        clickToolbarButton action: "increaseNestingLevel", ->
-          document = getDocument()
-          assert.equal document.getBlockCount(), 1
-          assert.blockAttributes([0, 1], ["bulletList", "bullet", "quote", "quote"])
-          expectDocument("\n")
-
-  test "list indentation constraints consider the list type", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a\n\n", ->
-        clickToolbarButton attribute: "number", ->
-          clickToolbarButton action: "increaseNestingLevel", ->
-            document = getDocument()
-            assert.equal document.getBlockCount(), 2
-            assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-            assert.blockAttributes([2, 3], ["numberList", "number"])
-            expectDocument("a\n\n")
+      ]));
+
+    return selectAll(() => clickToolbarButton({attribute: "code"}, function() {
+      assert.equal(getDocument().getBlockCount(), 3);
+      assert.blockAttributes([0, 1], ["code"]);
+      assert.blockAttributes([2, 3], ["code"]);
+      assert.blockAttributes([4, 5], ["code"]);
+      return expectDocument("a\nb\nc\n");
+    }));
+  });
+
+  test("code blocks preserve newlines", expectDocument => typeCharacters("a\nb", () => selectAll(() => clickToolbarButton({attribute: "code"}, function() {
+    assert.equal(getDocument().getBlockCount(), 1);
+    assert.blockAttributes([0, 3], ["code"]);
+    return expectDocument("a\nb\n");
+  }))));
+
+  test("code blocks are not indentable", done => clickToolbarButton({attribute: "code"}, function() {
+    assert.notOk(isToolbarButtonActive({action: "increaseNestingLevel"}));
+    return done();
+  }));
+
+  test("code blocks are terminal", done => clickToolbarButton({attribute: "code"}, function() {
+    assert.ok(isToolbarButtonDisabled({attribute: "quote"}));
+    assert.ok(isToolbarButtonDisabled({attribute: "heading1"}));
+    assert.ok(isToolbarButtonDisabled({attribute: "bullet"}));
+    assert.ok(isToolbarButtonDisabled({attribute: "number"}));
+    assert.notOk(isToolbarButtonDisabled({attribute: "code"}));
+    assert.notOk(isToolbarButtonDisabled({attribute: "bold"}));
+    assert.notOk(isToolbarButtonDisabled({attribute: "italic"}));
+    return done();
+  }));
+
+  test("unindenting a code block inside a bullet", expectDocument => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "code"}, () => typeCharacters("a", () => clickToolbarButton({action: "decreaseNestingLevel"}, function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 1);
+    assert.blockAttributes([0, 1], ["code"]);
+    return expectDocument("a\n");
+  })))));
+
+  test("indenting a heading inside a bullet", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a", () => typeCharacters("\n", () => clickToolbarButton({attribute: "heading1"}, () => typeCharacters("b", () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 2);
+    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+    assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet", "heading1"]);
+    return expectDocument("a\nb\n");
+  })))))));
+
+  test("indenting a quote inside a bullet", expectDocument => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 1);
+    assert.blockAttributes([0, 1], ["bulletList", "bullet", "quote", "quote"]);
+    return expectDocument("\n");
+  }))));
+
+  return test("list indentation constraints consider the list type", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n\n", () => clickToolbarButton({attribute: "number"}, () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 2);
+    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+    assert.blockAttributes([2, 3], ["numberList", "number"]);
+    return expectDocument("a\n\n");
+  })))));
+});
diff --git a/src/test/system/caching_test.js b/src/test/system/caching_test.js
index 00df43bce..80e3c9d11 100644
--- a/src/test/system/caching_test.js
+++ b/src/test/system/caching_test.js
@@ -1,21 +1,24 @@
-import { assert, clickToolbarButton, moveCursor, test, testGroup, typeCharacters } from "test/test_helper"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { assert, clickToolbarButton, moveCursor, test, testGroup, typeCharacters } from "test/test_helper";
 
-testGroup "View caching", template: "editor_empty", ->
-  test "reparsing and rendering identical texts", (done) ->
-    typeCharacters "a\nb\na", ->
-      moveCursor direction: "left", times: 2, ->
-        clickToolbarButton attribute: "quote", ->
-          html = getEditorElement().innerHTML
-          getEditorController().reparse()
-          getEditorController().render()
-          assert.equal getEditorElement().innerHTML, html
-          done()
+testGroup("View caching", {template: "editor_empty"}, function() {
+  test("reparsing and rendering identical texts", done => typeCharacters("a\nb\na", () => moveCursor({direction: "left", times: 2}, () => clickToolbarButton({attribute: "quote"}, function() {
+    const html = getEditorElement().innerHTML;
+    getEditorController().reparse();
+    getEditorController().render();
+    assert.equal(getEditorElement().innerHTML, html);
+    return done();
+  }))));
 
-  test "reparsing and rendering identical blocks", (done) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a\na", ->
-        html = getEditorElement().innerHTML
-        getEditorController().reparse()
-        getEditorController().render()
-        assert.equal getEditorElement().innerHTML, html
-        done()
+  return test("reparsing and rendering identical blocks", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\na", function() {
+    const html = getEditorElement().innerHTML;
+    getEditorController().reparse();
+    getEditorController().render();
+    assert.equal(getEditorElement().innerHTML, html);
+    return done();
+  })));
+});
diff --git a/src/test/system/canceled_input_test.js b/src/test/system/canceled_input_test.js
index 580d7e9ab..5c3b67426 100644
--- a/src/test/system/canceled_input_test.js
+++ b/src/test/system/canceled_input_test.js
@@ -1,40 +1,54 @@
-import { pressKey, test, testGroup, typeCharacters } from "test/test_helper"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { pressKey, test, testGroup, typeCharacters } from "test/test_helper";
 
-testOptions =
-  template: "editor_empty"
-  setup: ->
-    addEventListener("keydown", cancel, true)
-    addEventListener "trix-before-initialize", handler = ({target}) ->
-      removeEventListener("trix-before-initialize", handler)
-      target.addEventListener("keydown", cancel)
-  teardown: ->
-    removeEventListener("keydown", cancel, true)
+const testOptions = {
+  template: "editor_empty",
+  setup() {
+    let handler;
+    addEventListener("keydown", cancel, true);
+    return addEventListener("trix-before-initialize", (handler = function({target}) {
+      removeEventListener("trix-before-initialize", handler);
+      return target.addEventListener("keydown", cancel);
+    })
+    );
+  },
+  teardown() {
+    return removeEventListener("keydown", cancel, true);
+  }
+};
 
-cancelingInCapturingPhase = false
-cancelingAtTarget = false
+let cancelingInCapturingPhase = false;
+let cancelingAtTarget = false;
 
-cancel = (event) ->
-  switch event.eventPhase
-    when Event::CAPTURING_PHASE
-      event.preventDefault() if cancelingInCapturingPhase
-    when Event::AT_TARGET
-      event.preventDefault() if cancelingAtTarget
+var cancel = function(event) {
+  switch (event.eventPhase) {
+    case Event.prototype.CAPTURING_PHASE:
+      if (cancelingInCapturingPhase) { return event.preventDefault(); }
+      break;
+    case Event.prototype.AT_TARGET:
+      if (cancelingAtTarget) { return event.preventDefault(); }
+      break;
+  }
+};
 
-testGroup "Canceled input", testOptions, ->
-  test "ignoring canceled input events in capturing phase", (expectDocument) ->
-    typeCharacters "a", ->
-      cancelingInCapturingPhase = true
-      pressKey "backspace", ->
-        pressKey "return", ->
-          cancelingInCapturingPhase = false
-          typeCharacters "b", ->
-            expectDocument "ab\n"
+testGroup("Canceled input", testOptions, function() {
+  test("ignoring canceled input events in capturing phase", expectDocument => typeCharacters("a", function() {
+    cancelingInCapturingPhase = true;
+    return pressKey("backspace", () => pressKey("return", function() {
+      cancelingInCapturingPhase = false;
+      return typeCharacters("b", () => expectDocument("ab\n"));
+    }));
+  }));
 
-  test "ignoring canceled input events at target", (expectDocument) ->
-    typeCharacters "a", ->
-      cancelingAtTarget = true
-      pressKey "backspace", ->
-        pressKey "return", ->
-          cancelingAtTarget = false
-          typeCharacters "b", ->
-            expectDocument "ab\n"
+  return test("ignoring canceled input events at target", expectDocument => typeCharacters("a", function() {
+    cancelingAtTarget = true;
+    return pressKey("backspace", () => pressKey("return", function() {
+      cancelingAtTarget = false;
+      return typeCharacters("b", () => expectDocument("ab\n"));
+    }));
+  }));
+});
diff --git a/src/test/system/composition_input_test.js b/src/test/system/composition_input_test.js
index 12c7b049a..181551940 100644
--- a/src/test/system/composition_input_test.js
+++ b/src/test/system/composition_input_test.js
@@ -1,175 +1,172 @@
-import config from "trix/config"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
 
 import { assert, clickToolbarButton, defer, endComposition, insertNode,
   pressKey, selectNode, startComposition, test, testIf, testGroup,
-  triggerEvent, triggerInputEvent, typeCharacters, updateComposition } from "test/test_helper"
-
-testGroup "Composition input", template: "editor_empty", ->
-  test "composing", (expectDocument) ->
-    startComposition "a", ->
-      updateComposition "ab", ->
-        endComposition "abc", ->
-          expectDocument "abc\n"
-
-  test "typing and composing", (expectDocument) ->
-    typeCharacters "a", ->
-      startComposition "b", ->
-        updateComposition "bc", ->
-          endComposition "bcd", ->
-            typeCharacters "e", ->
-              expectDocument "abcde\n"
-
-  test "composition input is serialized", (expectDocument) ->
-    startComposition "´", ->
-      endComposition "é", ->
-        assert.equal getEditorElement().value, "<div>é</div>"
-        expectDocument "é\n"
-
-  test "pressing return after a canceled composition", (expectDocument) ->
-    typeCharacters "ab", ->
-      triggerEvent document.activeElement, "compositionend", data: "ab"
-      pressKey "return", ->
-        expectDocument "ab\n\n"
-
-  test "composing formatted text", (expectDocument) ->
-    typeCharacters "abc", ->
-      clickToolbarButton attribute: "bold", ->
-        startComposition "d", ->
-          updateComposition "de", ->
-            endComposition "def", ->
-              assert.textAttributes([0, 3], {})
-              assert.textAttributes([3, 6], bold: true)
-              expectDocument("abcdef\n")
-
-  test "composing away from formatted text", (expectDocument) ->
-    clickToolbarButton attribute: "bold", ->
-      typeCharacters "abc", ->
-        clickToolbarButton attribute: "bold", ->
-          startComposition "d", ->
-            updateComposition "de", ->
-              endComposition "def", ->
-                assert.textAttributes([0, 3], bold: true)
-                assert.textAttributes([3, 6], {})
-                expectDocument("abcdef\n")
-
-  test "composing another language using a QWERTY keyboard", (expectDocument) ->
-    element = getEditorElement()
-    keyCodes = x: 120, i: 105
-
-    triggerEvent(element, "keypress", charCode: keyCodes.x, keyCode: keyCodes.x, which: keyCodes.x)
-    startComposition "x", ->
-      triggerEvent(element, "keypress", charCode: keyCodes.i, keyCode: keyCodes.i, which: keyCodes.i)
-      updateComposition "xi", ->
-        endComposition "喜", ->
-          expectDocument "喜\n"
-
-  # Simulates the sequence of events when pressing backspace through a word on Android
-  testIf config.input.getLevel() is 0, "backspacing through a composition", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.insertString("a cat")
-
-    triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-    triggerEvent(element, "compositionupdate", data: "ca")
-    triggerEvent(element, "input")
-    removeCharacters -1, ->
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-      triggerEvent(element, "compositionupdate", data: "c")
-      triggerEvent(element, "input")
-      triggerEvent(element, "compositionend", data: "c")
-      removeCharacters -1, ->
-        pressKey "backspace", ->
-          expectDocument "a \n"
-
-  # Simulates the sequence of events when pressing backspace at the end of a
-  # word and updating it on Android (running older versions of System WebView)
-  testIf config.input.getLevel() is 0, "updating a composition", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.insertString("cat")
-
-    triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-    triggerEvent(element, "compositionstart", data: "cat")
-    triggerEvent(element, "compositionupdate", data: "cat")
-    triggerEvent(element, "input")
-    removeCharacters -1, ->
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-      triggerEvent(element, "compositionupdate", data: "car")
-      triggerEvent(element, "input")
-      triggerEvent(element, "compositionend", data: "car")
-      insertNode document.createTextNode("r"), ->
-        expectDocument("car\n")
-
-  # Simulates the sequence of events when typing on Android and then tapping elsewhere
-  testIf config.input.getLevel() is 0, "leaving a composition", (expectDocument) ->
-    element = getEditorElement()
-
-    triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-    triggerEvent(element, "compositionstart", data: "")
-    triggerInputEvent(element, "beforeinput", inputType: "insertCompositionText", data: "c")
-    triggerEvent(element, "compositionupdate", data: "c")
-    triggerEvent(element, "input")
-    node = document.createTextNode("c")
-    insertNode(node)
-    selectNode(node)
-    defer ->
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-      triggerInputEvent(element, "beforeinput", inputType: "insertCompositionText", data: "ca")
-      triggerEvent(element, "compositionupdate", data: "ca")
-      triggerEvent(element, "input")
-      node.data = "ca"
-      defer ->
-        triggerEvent(element, "compositionend", data: "")
-        defer ->
-          expectDocument("ca\n")
-
-  testIf config.browser.composesExistingText, "composition events from cursor movement are ignored", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.insertString("ab ")
-
-    element.editor.setSelectedRange(0)
-    triggerEvent(element, "compositionstart", data: "")
-    triggerEvent(element, "compositionupdate", data: "ab")
-    defer ->
-      element.editor.setSelectedRange(1)
-      triggerEvent(element, "compositionupdate", data: "ab")
-      defer ->
-        element.editor.setSelectedRange(2)
-        triggerEvent(element, "compositionupdate", data: "ab")
-        defer ->
-          element.editor.setSelectedRange(3)
-          triggerEvent(element, "compositionend", data: "ab")
-          defer ->
-            expectDocument("ab \n")
-
-  # Simulates compositions in Firefox where the final composition data is
-  # dispatched as both compositionupdate and compositionend.
-  testIf config.input.getLevel() is 0, "composition ending with same data as last update", (expectDocument) ->
-    element = getEditorElement()
-
-    triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-    triggerEvent(element, "compositionstart", data: "")
-    triggerEvent(element, "compositionupdate", data: "´")
-    node = document.createTextNode("´")
-    insertNode(node)
-    selectNode(node)
-    defer ->
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-      triggerEvent(element, "compositionupdate", data: "é")
-      triggerEvent(element, "input")
-      node.data = "é"
-      defer ->
-        triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-        triggerEvent(element, "compositionupdate", data: "éé")
-        triggerEvent(element, "input")
-        node.data = "éé"
-        defer ->
-          triggerEvent(element, "compositionend", data: "éé")
-          defer ->
-            assert.locationRange(index: 0, offset: 2)
-            expectDocument("éé\n")
-
-removeCharacters = (direction, callback) ->
-  selection = rangy.getSelection()
-  range = selection.getRangeAt(0)
-  range.moveStart("character", direction)
-  range.deleteContents()
-  defer(callback)
+  triggerEvent, triggerInputEvent, typeCharacters, updateComposition } from "test/test_helper";
+
+testGroup("Composition input", {template: "editor_empty"}, function() {
+  test("composing", expectDocument => startComposition("a", () => updateComposition("ab", () => endComposition("abc", () => expectDocument("abc\n")))));
+
+  test("typing and composing", expectDocument => typeCharacters("a", () => startComposition("b", () => updateComposition("bc", () => endComposition("bcd", () => typeCharacters("e", () => expectDocument("abcde\n")))))));
+
+  test("composition input is serialized", expectDocument => startComposition("´", () => endComposition("é", function() {
+    assert.equal(getEditorElement().value, "<div>é</div>");
+    return expectDocument("é\n");
+  })));
+
+  test("pressing return after a canceled composition", expectDocument => typeCharacters("ab", function() {
+    triggerEvent(document.activeElement, "compositionend", {data: "ab"});
+    return pressKey("return", () => expectDocument("ab\n\n"));
+  }));
+
+  test("composing formatted text", expectDocument => typeCharacters("abc", () => clickToolbarButton({attribute: "bold"}, () => startComposition("d", () => updateComposition("de", () => endComposition("def", function() {
+    assert.textAttributes([0, 3], {});
+    assert.textAttributes([3, 6], {bold: true});
+    return expectDocument("abcdef\n");
+  }))))));
+
+  test("composing away from formatted text", expectDocument => clickToolbarButton({attribute: "bold"}, () => typeCharacters("abc", () => clickToolbarButton({attribute: "bold"}, () => startComposition("d", () => updateComposition("de", () => endComposition("def", function() {
+    assert.textAttributes([0, 3], {bold: true});
+    assert.textAttributes([3, 6], {});
+    return expectDocument("abcdef\n");
+  })))))));
+
+  test("composing another language using a QWERTY keyboard", function(expectDocument) {
+    const element = getEditorElement();
+    const keyCodes = {x: 120, i: 105};
+
+    triggerEvent(element, "keypress", {charCode: keyCodes.x, keyCode: keyCodes.x, which: keyCodes.x});
+    return startComposition("x", function() {
+      triggerEvent(element, "keypress", {charCode: keyCodes.i, keyCode: keyCodes.i, which: keyCodes.i});
+      return updateComposition("xi", () => endComposition("喜", () => expectDocument("喜\n")));
+    });
+  });
+
+  // Simulates the sequence of events when pressing backspace through a word on Android
+  testIf(config.input.getLevel() === 0, "backspacing through a composition", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.insertString("a cat");
+
+    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+    triggerEvent(element, "compositionupdate", {data: "ca"});
+    triggerEvent(element, "input");
+    return removeCharacters(-1, function() {
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+      triggerEvent(element, "compositionupdate", {data: "c"});
+      triggerEvent(element, "input");
+      triggerEvent(element, "compositionend", {data: "c"});
+      return removeCharacters(-1, () => pressKey("backspace", () => expectDocument("a \n")));
+    });
+  });
+
+  // Simulates the sequence of events when pressing backspace at the end of a
+  // word and updating it on Android (running older versions of System WebView)
+  testIf(config.input.getLevel() === 0, "updating a composition", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.insertString("cat");
+
+    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+    triggerEvent(element, "compositionstart", {data: "cat"});
+    triggerEvent(element, "compositionupdate", {data: "cat"});
+    triggerEvent(element, "input");
+    return removeCharacters(-1, function() {
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+      triggerEvent(element, "compositionupdate", {data: "car"});
+      triggerEvent(element, "input");
+      triggerEvent(element, "compositionend", {data: "car"});
+      return insertNode(document.createTextNode("r"), () => expectDocument("car\n"));
+    });
+  });
+
+  // Simulates the sequence of events when typing on Android and then tapping elsewhere
+  testIf(config.input.getLevel() === 0, "leaving a composition", function(expectDocument) {
+    const element = getEditorElement();
+
+    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+    triggerEvent(element, "compositionstart", {data: ""});
+    triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data: "c"});
+    triggerEvent(element, "compositionupdate", {data: "c"});
+    triggerEvent(element, "input");
+    const node = document.createTextNode("c");
+    insertNode(node);
+    selectNode(node);
+    return defer(function() {
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+      triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data: "ca"});
+      triggerEvent(element, "compositionupdate", {data: "ca"});
+      triggerEvent(element, "input");
+      node.data = "ca";
+      return defer(function() {
+        triggerEvent(element, "compositionend", {data: ""});
+        return defer(() => expectDocument("ca\n"));
+      });
+    });
+  });
+
+  testIf(config.browser.composesExistingText, "composition events from cursor movement are ignored", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.insertString("ab ");
+
+    element.editor.setSelectedRange(0);
+    triggerEvent(element, "compositionstart", {data: ""});
+    triggerEvent(element, "compositionupdate", {data: "ab"});
+    return defer(function() {
+      element.editor.setSelectedRange(1);
+      triggerEvent(element, "compositionupdate", {data: "ab"});
+      return defer(function() {
+        element.editor.setSelectedRange(2);
+        triggerEvent(element, "compositionupdate", {data: "ab"});
+        return defer(function() {
+          element.editor.setSelectedRange(3);
+          triggerEvent(element, "compositionend", {data: "ab"});
+          return defer(() => expectDocument("ab \n"));
+        });
+      });
+    });
+  });
+
+  // Simulates compositions in Firefox where the final composition data is
+  // dispatched as both compositionupdate and compositionend.
+  return testIf(config.input.getLevel() === 0, "composition ending with same data as last update", function(expectDocument) {
+    const element = getEditorElement();
+
+    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+    triggerEvent(element, "compositionstart", {data: ""});
+    triggerEvent(element, "compositionupdate", {data: "´"});
+    const node = document.createTextNode("´");
+    insertNode(node);
+    selectNode(node);
+    return defer(function() {
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+      triggerEvent(element, "compositionupdate", {data: "é"});
+      triggerEvent(element, "input");
+      node.data = "é";
+      return defer(function() {
+        triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+        triggerEvent(element, "compositionupdate", {data: "éé"});
+        triggerEvent(element, "input");
+        node.data = "éé";
+        return defer(function() {
+          triggerEvent(element, "compositionend", {data: "éé"});
+          return defer(function() {
+            assert.locationRange({index: 0, offset: 2});
+            return expectDocument("éé\n");
+          });
+        });
+      });
+    });
+  });
+});
+
+var removeCharacters = function(direction, callback) {
+  const selection = rangy.getSelection();
+  const range = selection.getRangeAt(0);
+  range.moveStart("character", direction);
+  range.deleteContents();
+  return defer(callback);
+};
diff --git a/src/test/system/cursor_movement_test.js b/src/test/system/cursor_movement_test.js
index 03c365b44..b5f42b77a 100644
--- a/src/test/system/cursor_movement_test.js
+++ b/src/test/system/cursor_movement_test.js
@@ -1,54 +1,78 @@
-import { assert, createFile, expandSelection, insertFile, insertString, moveCursor, test, testGroup } from "test/test_helper"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { assert, createFile, expandSelection, insertFile, insertString, moveCursor, test, testGroup } from "test/test_helper";
 
-testGroup "Cursor movement", template: "editor_empty", ->
-  test "move cursor around attachment", (done) ->
-    insertFile(createFile())
-    assert.locationRange(index: 0, offset: 1)
-    moveCursor "left", ->
-      assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1})
-      moveCursor "left", ->
-        assert.locationRange(index: 0, offset: 0)
-        moveCursor "right", ->
-          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1})
-          moveCursor "right", ->
-            assert.locationRange(index: 0, offset: 1)
-            done()
+testGroup("Cursor movement", {template: "editor_empty"}, function() {
+  test("move cursor around attachment", function(done) {
+    insertFile(createFile());
+    assert.locationRange({index: 0, offset: 1});
+    return moveCursor("left", function() {
+      assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1});
+      return moveCursor("left", function() {
+        assert.locationRange({index: 0, offset: 0});
+        return moveCursor("right", function() {
+          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1});
+          return moveCursor("right", function() {
+            assert.locationRange({index: 0, offset: 1});
+            return done();
+          });
+        });
+      });
+    });
+  });
 
-  test "move cursor around attachment and text", (done) ->
-    insertString("a")
-    insertFile(createFile())
-    insertString("b")
-    assert.locationRange(index: 0, offset: 3)
-    moveCursor "left", ->
-      assert.locationRange(index: 0, offset: 2)
-      moveCursor "left", ->
-        assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 2})
-        moveCursor "left", ->
-          assert.locationRange(index: 0, offset: 1)
-          moveCursor "left", ->
-            assert.locationRange(index: 0, offset: 0)
-            done()
+  test("move cursor around attachment and text", function(done) {
+    insertString("a");
+    insertFile(createFile());
+    insertString("b");
+    assert.locationRange({index: 0, offset: 3});
+    return moveCursor("left", function() {
+      assert.locationRange({index: 0, offset: 2});
+      return moveCursor("left", function() {
+        assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 2});
+        return moveCursor("left", function() {
+          assert.locationRange({index: 0, offset: 1});
+          return moveCursor("left", function() {
+            assert.locationRange({index: 0, offset: 0});
+            return done();
+          });
+        });
+      });
+    });
+  });
 
-  test "expand selection over attachment", (done) ->
-    insertFile(createFile())
-    assert.locationRange(index: 0, offset: 1)
-    expandSelection "left", ->
-      assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1})
-      moveCursor "left", ->
-        assert.locationRange(index: 0, offset: 0)
-        expandSelection "right", ->
-          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1})
-          done()
+  test("expand selection over attachment", function(done) {
+    insertFile(createFile());
+    assert.locationRange({index: 0, offset: 1});
+    return expandSelection("left", function() {
+      assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1});
+      return moveCursor("left", function() {
+        assert.locationRange({index: 0, offset: 0});
+        return expandSelection("right", function() {
+          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1});
+          return done();
+        });
+      });
+    });
+  });
 
-  test "expand selection over attachment and text", (done) ->
-    insertString("a")
-    insertFile(createFile())
-    insertString("b")
-    assert.locationRange(index: 0, offset: 3)
-    expandSelection "left", ->
-      assert.locationRange({index: 0, offset: 2}, {index: 0, offset: 3})
-      expandSelection "left", ->
-        assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 3})
-        expandSelection "left", ->
-          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 3})
-          done()
+  return test("expand selection over attachment and text", function(done) {
+    insertString("a");
+    insertFile(createFile());
+    insertString("b");
+    assert.locationRange({index: 0, offset: 3});
+    return expandSelection("left", function() {
+      assert.locationRange({index: 0, offset: 2}, {index: 0, offset: 3});
+      return expandSelection("left", function() {
+        assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 3});
+        return expandSelection("left", function() {
+          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 3});
+          return done();
+        });
+      });
+    });
+  });
+});
diff --git a/src/test/system/custom_element_test.js b/src/test/system/custom_element_test.js
index 198e619b2..83a4d7eb5 100644
--- a/src/test/system/custom_element_test.js
+++ b/src/test/system/custom_element_test.js
@@ -1,431 +1,515 @@
-import { rangesAreEqual } from "trix/core/helpers"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { rangesAreEqual } from "trix/core/helpers";
 
 import { after, assert, clickElement, clickToolbarButton, createFile, defer,
   insertImageAttachment, moveCursor, pasteContent, skip, test, testIf, testGroup,
-  triggerEvent, typeCharacters, typeInToolbarDialog, TEST_IMAGE_URL } from "test/test_helper"
-
-testGroup "Custom element API", template: "editor_empty", ->
-  test "element triggers trix-initialize on first connect", (done) ->
-    container = document.getElementById("trix-container")
-    container.innerHTML = ""
-
-    initializeEventCount = 0
-    element = document.createElement("trix-editor")
-    element.addEventListener "trix-initialize", -> initializeEventCount++
-
-    container.appendChild(element)
-    requestAnimationFrame ->
-      container.removeChild(element)
-      requestAnimationFrame ->
-        container.appendChild(element)
-        after 60, ->
-          assert.equal initializeEventCount, 1
-          done()
-
-  test "files are accepted by default", ->
-    getComposition().insertFile(createFile())
-    assert.equal getComposition().getAttachments().length, 1
-
-  test "rejecting a file by canceling the trix-file-accept event", ->
-    getEditorElement().addEventListener "trix-file-accept", (event) -> event.preventDefault()
-    getComposition().insertFile(createFile())
-    assert.equal getComposition().getAttachments().length, 0
-
-  test "element triggers attachment events", ->
-    file = createFile()
-    element = getEditorElement()
-    composition = getComposition()
-    attachment = null
-    events = []
-
-    element.addEventListener "trix-file-accept", (event) ->
-      events.push(event.type)
-      assert.ok file is event.file
-
-    element.addEventListener "trix-attachment-add", (event) ->
-      events.push(event.type)
-      attachment = event.attachment
-
-    composition.insertFile(file)
-    assert.deepEqual events, ["trix-file-accept", "trix-attachment-add"]
-
-    element.addEventListener "trix-attachment-remove", (event) ->
-      events.push(event.type)
-      assert.ok attachment is event.attachment
-
-    attachment.remove()
-    assert.deepEqual events, ["trix-file-accept", "trix-attachment-add", "trix-attachment-remove"]
-
-  test "element triggers trix-change when an attachment is edited", ->
-    file = createFile()
-    element = getEditorElement()
-    composition = getComposition()
-    attachment = null
-    events = []
-
-    element.addEventListener "trix-attachment-add", (event) ->
-      attachment = event.attachment
-
-    composition.insertFile(file)
-
-    element.addEventListener "trix-attachment-edit", (event) ->
-      events.push(event.type)
-
-    element.addEventListener "trix-change", (event) ->
-      events.push(event.type)
-
-    attachment.setAttributes(width: 9876)
-    assert.deepEqual events, ["trix-attachment-edit", "trix-change"]
-
-  test "editing the document in a trix-attachment-add handler doesn't trigger trix-attachment-add again", ->
-    element = getEditorElement()
-    composition = getComposition()
-    eventCount = 0
-
-    element.addEventListener "trix-attachment-add", ->
-      if eventCount++ is 0
-        element.editor.setSelectedRange([0,1])
-        element.editor.activateAttribute("bold")
-
-    composition.insertFile(createFile())
-    assert.equal eventCount, 1
-
-  test "element triggers trix-change events when the document changes", (done) ->
-    element = getEditorElement()
-    eventCount = 0
-    element.addEventListener "trix-change", (event) -> eventCount++
-
-    typeCharacters "a", ->
-      assert.equal eventCount, 1
-      moveCursor "left", ->
-        assert.equal eventCount, 1
-        typeCharacters "bcd", ->
-          assert.equal eventCount, 4
-          clickToolbarButton action: "undo", ->
-            assert.equal eventCount, 5
-            done()
-
-  test "element triggers trix-change event after toggling attributes", (done) ->
-    element = getEditorElement()
-    editor = element.editor
-
-    afterChangeEvent = (edit, callback) ->
-      element.addEventListener "trix-change", handler = (event) ->
-        element.removeEventListener("trix-change", handler)
-        callback(event)
-      edit()
-
-    typeCharacters "hello", ->
-      edit = -> editor.activateAttribute("quote")
-      afterChangeEvent edit, ->
-        assert.ok editor.attributeIsActive("quote")
-
-        edit = -> editor.deactivateAttribute("quote")
-        afterChangeEvent edit, ->
-          assert.notOk editor.attributeIsActive("quote")
-
-          editor.setSelectedRange([0, 5])
-          edit = -> editor.activateAttribute("bold")
-          afterChangeEvent edit, ->
-            assert.ok editor.attributeIsActive("bold")
-
-            edit = -> editor.deactivateAttribute("bold")
-            afterChangeEvent edit, ->
-              assert.notOk editor.attributeIsActive("bold")
-              done()
-
-  test "disabled attributes aren't considered active", (done) ->
-    {editor} = getEditorElement()
-    editor.activateAttribute("heading1")
-    assert.notOk editor.attributeIsActive("code")
-    assert.notOk editor.attributeIsActive("quote")
-    done()
-
-  test "element triggers trix-selection-change events when the location range changes", (done) ->
-    element = getEditorElement()
-    eventCount = 0
-    element.addEventListener "trix-selection-change", (event) -> eventCount++
-
-    typeCharacters "a", ->
-      assert.equal eventCount, 1
-      moveCursor "left", ->
-        assert.equal eventCount, 2
-        done()
-
-  test "only triggers trix-selection-change events on the active element", (done) ->
-    elementA = getEditorElement()
-    elementB = document.createElement("trix-editor")
-    elementA.parentNode.insertBefore(elementB, elementA.nextSibling)
-
-    elementB.addEventListener "trix-initialize", ->
-      elementA.editor.insertString("a")
-      elementB.editor.insertString("b")
-      rangy.getSelection().removeAllRanges()
-
-      eventCountA = 0
-      eventCountB = 0
-      elementA.addEventListener "trix-selection-change", (event) -> eventCountA++
-      elementB.addEventListener "trix-selection-change", (event) -> eventCountB++
-
-      elementA.editor.setSelectedRange(0)
-      assert.equal eventCountA, 1
-      assert.equal eventCountB, 0
-
-      elementB.editor.setSelectedRange(0)
-      assert.equal eventCountA, 1
-      assert.equal eventCountB, 1
-
-      elementA.editor.setSelectedRange(1)
-      assert.equal eventCountA, 2
-      assert.equal eventCountB, 1
-      done()
-
-  test "element triggers toolbar dialog events", (done) ->
-    element = getEditorElement()
-    events = []
-
-    element.addEventListener "trix-toolbar-dialog-show", (event) ->
-      events.push(event.type)
-
-    element.addEventListener "trix-toolbar-dialog-hide", (event) ->
-      events.push(event.type)
-
-    clickToolbarButton action: "link", ->
-      typeInToolbarDialog "http://example.com", attribute: "href", ->
-        defer ->
-          assert.deepEqual events, ["trix-toolbar-dialog-show", "trix-toolbar-dialog-hide"]
-          done()
-
-  test "element triggers before-paste event with paste data", (expectDocument) ->
-    element = getEditorElement()
-    eventCount = 0
-    paste = null
-
-    element.addEventListener "trix-before-paste", (event) ->
-      eventCount++
-      {paste} = event
-
-    typeCharacters "", ->
-      pasteContent "text/html", "<strong>hello</strong>", ->
-        assert.equal eventCount, 1
-        assert.equal paste.type, "text/html"
-        assert.equal paste.html, "<strong>hello</strong>"
-        expectDocument("hello\n")
-
-  test "element triggers before-paste event with mutable paste data", (expectDocument) ->
-    element = getEditorElement()
-    eventCount = 0
-    paste = null
-
-    element.addEventListener "trix-before-paste", (event) ->
-      eventCount++
-      {paste} = event
-      paste.html = "<strong>greetings</strong>"
-
-    typeCharacters "", ->
-      pasteContent "text/html", "<strong>hello</strong>", ->
-        assert.equal eventCount, 1
-        assert.equal paste.type, "text/html"
-        expectDocument("greetings\n")
-
-  test "element triggers paste event with position range", (done) ->
-    element = getEditorElement()
-    eventCount = 0
-    paste = null
-
-    element.addEventListener "trix-paste", (event) ->
-      eventCount++
-      {paste} = event
-
-    typeCharacters "", ->
-      pasteContent "text/html", "<strong>hello</strong>", ->
-        assert.equal eventCount, 1
-        assert.equal paste.type, "text/html"
-        assert.ok rangesAreEqual([0, 5], paste.range)
-        done()
-
-  test "element triggers attribute change events", (done) ->
-    element = getEditorElement()
-    eventCount = 0
-    attributes = null
-
-    element.addEventListener "trix-attributes-change", (event) ->
-      eventCount++
-      {attributes} = event
-
-    typeCharacters "", ->
-      assert.equal eventCount, 0
-      clickToolbarButton attribute: "bold", ->
-        assert.equal eventCount, 1
-        assert.deepEqual { bold: true }, attributes
-        done()
-
-  test "element triggers action change events", (done) ->
-    element = getEditorElement()
-    eventCount = 0
-    actions = null
-
-    element.addEventListener "trix-actions-change", (event) ->
-      eventCount++
-      {actions} = event
-
-    typeCharacters "", ->
-      assert.equal eventCount, 0
-      clickToolbarButton attribute: "bullet", ->
-        assert.equal eventCount, 1
-        assert.equal actions.decreaseNestingLevel, true
-        assert.equal actions.increaseNestingLevel, false
-        done()
-
-  test "element triggers custom focus and blur events", (done) ->
-    element = getEditorElement()
-
-    focusEventCount = 0
-    blurEventCount = 0
-    element.addEventListener "trix-focus", -> focusEventCount++
-    element.addEventListener "trix-blur", -> blurEventCount++
-
-    triggerEvent(element, "blur")
-    defer ->
-      assert.equal blurEventCount, 1
-      assert.equal focusEventCount, 0
-
-      triggerEvent(element, "focus")
-      defer ->
-        assert.equal blurEventCount, 1
-        assert.equal focusEventCount, 1
-
-        insertImageAttachment()
-        after 20, ->
-          clickElement element.querySelector("figure"), ->
-            textarea = element.querySelector("textarea")
-            textarea.focus()
-            defer ->
-              assert.equal document.activeElement, textarea
-              assert.equal blurEventCount, 1
-              assert.equal focusEventCount, 1
-              done()
-
-  # Selenium doesn't seem to focus windows properly in some browsers (FF 47 on OS X)
-  # so skip this test when unfocused pending a better solution.
-  testIf document.hasFocus(), "element triggers custom focus event when autofocusing", (done) ->
-    element = document.createElement("trix-editor")
-    element.setAttribute("autofocus", "")
-
-    focusEventCount = 0
-    element.addEventListener "trix-focus", -> focusEventCount++
-
-    container = document.getElementById("trix-container")
-    container.innerHTML = ""
-    container.appendChild(element)
-
-    element.addEventListener "trix-initialize", ->
-      assert.equal focusEventCount, 1
-      done()
-
-  test "element serializes HTML after attribute changes", (done) ->
-    element = getEditorElement()
-    serializedHTML = element.value
-
-    typeCharacters "a", ->
-      assert.notEqual serializedHTML, element.value
-      serializedHTML = element.value
-
-      clickToolbarButton attribute: "quote", ->
-        assert.notEqual serializedHTML, element.value
-        serializedHTML = element.value
-
-        clickToolbarButton attribute: "quote", ->
-          assert.notEqual serializedHTML, element.value
-          done()
-
-  test "element serializes HTML after attachment attribute changes", (done) ->
-    element = getEditorElement()
-    attributes = url: "test_helpers/fixtures/logo.png", contentType: "image/png"
-
-    element.addEventListener "trix-attachment-add", (event) ->
-      {attachment} = event
-      requestAnimationFrame ->
-        serializedHTML = element.value
-        attachment.setAttributes(attributes)
-        assert.notEqual serializedHTML, element.value
-
-        serializedHTML = element.value
-        assert.ok serializedHTML.indexOf(TEST_IMAGE_URL) < 0, "serialized HTML contains previous attachment attributes"
-        assert.ok serializedHTML.indexOf(attributes.url) > 0, "serialized HTML doesn't contain current attachment attributes"
-
-        attachment.remove()
-        requestAnimationFrame ->
-          done()
-
-    requestAnimationFrame ->
-      insertImageAttachment()
-
-  test "editor resets to its original value on form reset", (expectDocument) ->
-    element = getEditorElement()
-    form = element.inputElement.form
-
-    typeCharacters "hello", ->
-      form.reset()
-      expectDocument("\n")
-
-  test "editor resets to last-set value on form reset", (expectDocument) ->
-    element = getEditorElement()
-    form = element.inputElement.form
-
-    element.value = "hi"
-    typeCharacters "hello", ->
-      form.reset()
-      expectDocument("hi\n")
-
-  test "editor respects preventDefault on form reset", (expectDocument) ->
-    element = getEditorElement()
-    form = element.inputElement.form
-    preventDefault = (event) -> event.preventDefault()
-
-    typeCharacters "hello", ->
-      form.addEventListener("reset", preventDefault, false)
-      form.reset()
-      form.removeEventListener("reset", preventDefault, false)
-      expectDocument("hello\n")
-
-testGroup "<label> support", template: "editor_with_labels", ->
-  test "associates all label elements", (done) ->
-    labels = [document.getElementById("label-1"), document.getElementById("label-3")]
-    assert.deepEqual getEditorElement().labels, labels
-    done()
-
-  test "focuses when <label> clicked", (done) ->
-    document.getElementById("label-1").click()
-    assert.equal getEditorElement(), document.activeElement
-    done()
-
-  test "focuses when <label> descendant clicked", (done) ->
-    document.getElementById("label-1").querySelector("span").click()
-    assert.equal getEditorElement(), document.activeElement
-    done()
-
-  test "does not focus when <label> controls another element", (done) ->
-    label = document.getElementById("label-2")
-    assert.notEqual getEditorElement(), label.control
-    label.click()
-    assert.notEqual getEditorElement(), document.activeElement
-    done()
-
-testGroup "form property references its <form>", template: "editors_with_forms", container: "div", ->
-  test "accesses its ancestor form", (done) ->
-    form = document.getElementById("ancestor-form")
-    editor = document.getElementById("editor-with-ancestor-form")
-    assert.equal editor.form, form
-    done()
-
-  test "transitively accesses its related <input> element's <form>", (done) ->
-    form = document.getElementById("input-form")
-    editor = document.getElementById("editor-with-input-form")
-    assert.equal editor.form, form
-    done()
-
-  test "returns null when there is no associated <form>", (done) ->
-    editor = document.getElementById("editor-with-no-form")
-    assert.equal editor.form, null
-    done()
+  triggerEvent, typeCharacters, typeInToolbarDialog, TEST_IMAGE_URL } from "test/test_helper";
+
+testGroup("Custom element API", {template: "editor_empty"}, function() {
+  test("element triggers trix-initialize on first connect", function(done) {
+    const container = document.getElementById("trix-container");
+    container.innerHTML = "";
+
+    let initializeEventCount = 0;
+    const element = document.createElement("trix-editor");
+    element.addEventListener("trix-initialize", () => initializeEventCount++);
+
+    container.appendChild(element);
+    return requestAnimationFrame(function() {
+      container.removeChild(element);
+      return requestAnimationFrame(function() {
+        container.appendChild(element);
+        return after(60, function() {
+          assert.equal(initializeEventCount, 1);
+          return done();
+        });
+      });
+    });
+  });
+
+  test("files are accepted by default", function() {
+    getComposition().insertFile(createFile());
+    return assert.equal(getComposition().getAttachments().length, 1);
+  });
+
+  test("rejecting a file by canceling the trix-file-accept event", function() {
+    getEditorElement().addEventListener("trix-file-accept", event => event.preventDefault());
+    getComposition().insertFile(createFile());
+    return assert.equal(getComposition().getAttachments().length, 0);
+  });
+
+  test("element triggers attachment events", function() {
+    const file = createFile();
+    const element = getEditorElement();
+    const composition = getComposition();
+    let attachment = null;
+    const events = [];
+
+    element.addEventListener("trix-file-accept", function(event) {
+      events.push(event.type);
+      return assert.ok(file === event.file);
+    });
+
+    element.addEventListener("trix-attachment-add", function(event) {
+      events.push(event.type);
+      return attachment = event.attachment;
+    });
+
+    composition.insertFile(file);
+    assert.deepEqual(events, ["trix-file-accept", "trix-attachment-add"]);
+
+    element.addEventListener("trix-attachment-remove", function(event) {
+      events.push(event.type);
+      return assert.ok(attachment === event.attachment);
+    });
+
+    attachment.remove();
+    return assert.deepEqual(events, ["trix-file-accept", "trix-attachment-add", "trix-attachment-remove"]);
+});
+
+  test("element triggers trix-change when an attachment is edited", function() {
+    const file = createFile();
+    const element = getEditorElement();
+    const composition = getComposition();
+    let attachment = null;
+    const events = [];
+
+    element.addEventListener("trix-attachment-add", event => attachment = event.attachment);
+
+    composition.insertFile(file);
+
+    element.addEventListener("trix-attachment-edit", event => events.push(event.type));
+
+    element.addEventListener("trix-change", event => events.push(event.type));
+
+    attachment.setAttributes({width: 9876});
+    return assert.deepEqual(events, ["trix-attachment-edit", "trix-change"]);
+});
+
+  test("editing the document in a trix-attachment-add handler doesn't trigger trix-attachment-add again", function() {
+    const element = getEditorElement();
+    const composition = getComposition();
+    let eventCount = 0;
+
+    element.addEventListener("trix-attachment-add", function() {
+      if (eventCount++ === 0) {
+        element.editor.setSelectedRange([0,1]);
+        return element.editor.activateAttribute("bold");
+      }
+    });
+
+    composition.insertFile(createFile());
+    return assert.equal(eventCount, 1);
+  });
+
+  test("element triggers trix-change events when the document changes", function(done) {
+    const element = getEditorElement();
+    let eventCount = 0;
+    element.addEventListener("trix-change", event => eventCount++);
+
+    return typeCharacters("a", function() {
+      assert.equal(eventCount, 1);
+      return moveCursor("left", function() {
+        assert.equal(eventCount, 1);
+        return typeCharacters("bcd", function() {
+          assert.equal(eventCount, 4);
+          return clickToolbarButton({action: "undo"}, function() {
+            assert.equal(eventCount, 5);
+            return done();
+          });
+        });
+      });
+    });
+  });
+
+  test("element triggers trix-change event after toggling attributes", function(done) {
+    const element = getEditorElement();
+    const {
+      editor
+    } = element;
+
+    const afterChangeEvent = function(edit, callback) {
+      let handler;
+      element.addEventListener("trix-change", (handler = function(event) {
+        element.removeEventListener("trix-change", handler);
+        return callback(event);
+      })
+      );
+      return edit();
+    };
+
+    return typeCharacters("hello", function() {
+      let edit = () => editor.activateAttribute("quote");
+      return afterChangeEvent(edit, function() {
+        assert.ok(editor.attributeIsActive("quote"));
+
+        edit = () => editor.deactivateAttribute("quote");
+        return afterChangeEvent(edit, function() {
+          assert.notOk(editor.attributeIsActive("quote"));
+
+          editor.setSelectedRange([0, 5]);
+          edit = () => editor.activateAttribute("bold");
+          return afterChangeEvent(edit, function() {
+            assert.ok(editor.attributeIsActive("bold"));
+
+            edit = () => editor.deactivateAttribute("bold");
+            return afterChangeEvent(edit, function() {
+              assert.notOk(editor.attributeIsActive("bold"));
+              return done();
+            });
+          });
+        });
+      });
+    });
+  });
+
+  test("disabled attributes aren't considered active", function(done) {
+    const {editor} = getEditorElement();
+    editor.activateAttribute("heading1");
+    assert.notOk(editor.attributeIsActive("code"));
+    assert.notOk(editor.attributeIsActive("quote"));
+    return done();
+  });
+
+  test("element triggers trix-selection-change events when the location range changes", function(done) {
+    const element = getEditorElement();
+    let eventCount = 0;
+    element.addEventListener("trix-selection-change", event => eventCount++);
+
+    return typeCharacters("a", function() {
+      assert.equal(eventCount, 1);
+      return moveCursor("left", function() {
+        assert.equal(eventCount, 2);
+        return done();
+      });
+    });
+  });
+
+  test("only triggers trix-selection-change events on the active element", function(done) {
+    const elementA = getEditorElement();
+    const elementB = document.createElement("trix-editor");
+    elementA.parentNode.insertBefore(elementB, elementA.nextSibling);
+
+    return elementB.addEventListener("trix-initialize", function() {
+      elementA.editor.insertString("a");
+      elementB.editor.insertString("b");
+      rangy.getSelection().removeAllRanges();
+
+      let eventCountA = 0;
+      let eventCountB = 0;
+      elementA.addEventListener("trix-selection-change", event => eventCountA++);
+      elementB.addEventListener("trix-selection-change", event => eventCountB++);
+
+      elementA.editor.setSelectedRange(0);
+      assert.equal(eventCountA, 1);
+      assert.equal(eventCountB, 0);
+
+      elementB.editor.setSelectedRange(0);
+      assert.equal(eventCountA, 1);
+      assert.equal(eventCountB, 1);
+
+      elementA.editor.setSelectedRange(1);
+      assert.equal(eventCountA, 2);
+      assert.equal(eventCountB, 1);
+      return done();
+    });
+  });
+
+  test("element triggers toolbar dialog events", function(done) {
+    const element = getEditorElement();
+    const events = [];
+
+    element.addEventListener("trix-toolbar-dialog-show", event => events.push(event.type));
+
+    element.addEventListener("trix-toolbar-dialog-hide", event => events.push(event.type));
+
+    return clickToolbarButton({action: "link"}, () => typeInToolbarDialog("http://example.com", {attribute: "href"}, () => defer(function() {
+      assert.deepEqual(events, ["trix-toolbar-dialog-show", "trix-toolbar-dialog-hide"]);
+      return done();
+    })));
+  });
+
+  test("element triggers before-paste event with paste data", function(expectDocument) {
+    const element = getEditorElement();
+    let eventCount = 0;
+    let paste = null;
+
+    element.addEventListener("trix-before-paste", function(event) {
+      eventCount++;
+      return ({paste} = event);
+    });
+
+    return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
+      assert.equal(eventCount, 1);
+      assert.equal(paste.type, "text/html");
+      assert.equal(paste.html, "<strong>hello</strong>");
+      return expectDocument("hello\n");
+    }));
+  });
+
+  test("element triggers before-paste event with mutable paste data", function(expectDocument) {
+    const element = getEditorElement();
+    let eventCount = 0;
+    let paste = null;
+
+    element.addEventListener("trix-before-paste", function(event) {
+      eventCount++;
+      ({paste} = event);
+      return paste.html = "<strong>greetings</strong>";
+    });
+
+    return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
+      assert.equal(eventCount, 1);
+      assert.equal(paste.type, "text/html");
+      return expectDocument("greetings\n");
+    }));
+  });
+
+  test("element triggers paste event with position range", function(done) {
+    const element = getEditorElement();
+    let eventCount = 0;
+    let paste = null;
+
+    element.addEventListener("trix-paste", function(event) {
+      eventCount++;
+      return ({paste} = event);
+    });
+
+    return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
+      assert.equal(eventCount, 1);
+      assert.equal(paste.type, "text/html");
+      assert.ok(rangesAreEqual([0, 5], paste.range));
+      return done();
+    }));
+  });
+
+  test("element triggers attribute change events", function(done) {
+    const element = getEditorElement();
+    let eventCount = 0;
+    let attributes = null;
+
+    element.addEventListener("trix-attributes-change", function(event) {
+      eventCount++;
+      return ({attributes} = event);
+    });
+
+    return typeCharacters("", function() {
+      assert.equal(eventCount, 0);
+      return clickToolbarButton({attribute: "bold"}, function() {
+        assert.equal(eventCount, 1);
+        assert.deepEqual({ bold: true }, attributes);
+        return done();
+      });
+    });
+  });
+
+  test("element triggers action change events", function(done) {
+    const element = getEditorElement();
+    let eventCount = 0;
+    let actions = null;
+
+    element.addEventListener("trix-actions-change", function(event) {
+      eventCount++;
+      return ({actions} = event);
+    });
+
+    return typeCharacters("", function() {
+      assert.equal(eventCount, 0);
+      return clickToolbarButton({attribute: "bullet"}, function() {
+        assert.equal(eventCount, 1);
+        assert.equal(actions.decreaseNestingLevel, true);
+        assert.equal(actions.increaseNestingLevel, false);
+        return done();
+      });
+    });
+  });
+
+  test("element triggers custom focus and blur events", function(done) {
+    const element = getEditorElement();
+
+    let focusEventCount = 0;
+    let blurEventCount = 0;
+    element.addEventListener("trix-focus", () => focusEventCount++);
+    element.addEventListener("trix-blur", () => blurEventCount++);
+
+    triggerEvent(element, "blur");
+    return defer(function() {
+      assert.equal(blurEventCount, 1);
+      assert.equal(focusEventCount, 0);
+
+      triggerEvent(element, "focus");
+      return defer(function() {
+        assert.equal(blurEventCount, 1);
+        assert.equal(focusEventCount, 1);
+
+        insertImageAttachment();
+        return after(20, () => clickElement(element.querySelector("figure"), function() {
+          const textarea = element.querySelector("textarea");
+          textarea.focus();
+          return defer(function() {
+            assert.equal(document.activeElement, textarea);
+            assert.equal(blurEventCount, 1);
+            assert.equal(focusEventCount, 1);
+            return done();
+          });
+        }));
+      });
+    });
+  });
+
+  // Selenium doesn't seem to focus windows properly in some browsers (FF 47 on OS X)
+  // so skip this test when unfocused pending a better solution.
+  testIf(document.hasFocus(), "element triggers custom focus event when autofocusing", function(done) {
+    const element = document.createElement("trix-editor");
+    element.setAttribute("autofocus", "");
+
+    let focusEventCount = 0;
+    element.addEventListener("trix-focus", () => focusEventCount++);
+
+    const container = document.getElementById("trix-container");
+    container.innerHTML = "";
+    container.appendChild(element);
+
+    return element.addEventListener("trix-initialize", function() {
+      assert.equal(focusEventCount, 1);
+      return done();
+    });
+  });
+
+  test("element serializes HTML after attribute changes", function(done) {
+    const element = getEditorElement();
+    let serializedHTML = element.value;
+
+    return typeCharacters("a", function() {
+      assert.notEqual(serializedHTML, element.value);
+      serializedHTML = element.value;
+
+      return clickToolbarButton({attribute: "quote"}, function() {
+        assert.notEqual(serializedHTML, element.value);
+        serializedHTML = element.value;
+
+        return clickToolbarButton({attribute: "quote"}, function() {
+          assert.notEqual(serializedHTML, element.value);
+          return done();
+        });
+      });
+    });
+  });
+
+  test("element serializes HTML after attachment attribute changes", function(done) {
+    const element = getEditorElement();
+    const attributes = {url: "test_helpers/fixtures/logo.png", contentType: "image/png"};
+
+    element.addEventListener("trix-attachment-add", function(event) {
+      const {attachment} = event;
+      return requestAnimationFrame(function() {
+        let serializedHTML = element.value;
+        attachment.setAttributes(attributes);
+        assert.notEqual(serializedHTML, element.value);
+
+        serializedHTML = element.value;
+        assert.ok(serializedHTML.indexOf(TEST_IMAGE_URL) < 0, "serialized HTML contains previous attachment attributes");
+        assert.ok(serializedHTML.indexOf(attributes.url) > 0, "serialized HTML doesn't contain current attachment attributes");
+
+        attachment.remove();
+        return requestAnimationFrame(() => done());
+      });
+    });
+
+    return requestAnimationFrame(() => insertImageAttachment());
+  });
+
+  test("editor resets to its original value on form reset", function(expectDocument) {
+    const element = getEditorElement();
+    const {
+      form
+    } = element.inputElement;
+
+    return typeCharacters("hello", function() {
+      form.reset();
+      return expectDocument("\n");
+    });
+  });
+
+  test("editor resets to last-set value on form reset", function(expectDocument) {
+    const element = getEditorElement();
+    const {
+      form
+    } = element.inputElement;
+
+    element.value = "hi";
+    return typeCharacters("hello", function() {
+      form.reset();
+      return expectDocument("hi\n");
+    });
+  });
+
+  return test("editor respects preventDefault on form reset", function(expectDocument) {
+    const element = getEditorElement();
+    const {
+      form
+    } = element.inputElement;
+    const preventDefault = event => event.preventDefault();
+
+    return typeCharacters("hello", function() {
+      form.addEventListener("reset", preventDefault, false);
+      form.reset();
+      form.removeEventListener("reset", preventDefault, false);
+      return expectDocument("hello\n");
+    });
+  });
+});
+
+testGroup("<label> support", {template: "editor_with_labels"}, function() {
+  test("associates all label elements", function(done) {
+    const labels = [document.getElementById("label-1"), document.getElementById("label-3")];
+    assert.deepEqual(getEditorElement().labels, labels);
+    return done();
+  });
+
+  test("focuses when <label> clicked", function(done) {
+    document.getElementById("label-1").click();
+    assert.equal(getEditorElement(), document.activeElement);
+    return done();
+  });
+
+  test("focuses when <label> descendant clicked", function(done) {
+    document.getElementById("label-1").querySelector("span").click();
+    assert.equal(getEditorElement(), document.activeElement);
+    return done();
+  });
+
+  return test("does not focus when <label> controls another element", function(done) {
+    const label = document.getElementById("label-2");
+    assert.notEqual(getEditorElement(), label.control);
+    label.click();
+    assert.notEqual(getEditorElement(), document.activeElement);
+    return done();
+  });
+});
+
+testGroup("form property references its <form>", {template: "editors_with_forms", container: "div"}, function() {
+  test("accesses its ancestor form", function(done) {
+    const form = document.getElementById("ancestor-form");
+    const editor = document.getElementById("editor-with-ancestor-form");
+    assert.equal(editor.form, form);
+    return done();
+  });
+
+  test("transitively accesses its related <input> element's <form>", function(done) {
+    const form = document.getElementById("input-form");
+    const editor = document.getElementById("editor-with-input-form");
+    assert.equal(editor.form, form);
+    return done();
+  });
+
+  return test("returns null when there is no associated <form>", function(done) {
+    const editor = document.getElementById("editor-with-no-form");
+    assert.equal(editor.form, null);
+    return done();
+  });
+});
diff --git a/src/test/system/html_loading_test.js b/src/test/system/html_loading_test.js
index 043de033c..31d38089a 100644
--- a/src/test/system/html_loading_test.js
+++ b/src/test/system/html_loading_test.js
@@ -1,93 +1,123 @@
-import { after, assert, test, testGroup, TEST_IMAGE_URL } from "test/test_helper"
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { after, assert, test, testGroup, TEST_IMAGE_URL } from "test/test_helper";
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
 
-testGroup "HTML loading", ->
-  testGroup "inline elements", template: "editor_with_styled_content", ->
-    cases =
-      "BR before block element styled otherwise":
-        html: """a<br><figure class="attachment"><img src="#{TEST_IMAGE_URL}"></figure>"""
-        expectedDocument: "a\n#{OBJECT_REPLACEMENT_CHARACTER}\n"
+testGroup("HTML loading", function() {
+  testGroup("inline elements", {template: "editor_with_styled_content"}, function() {
+    const cases = {
+      "BR before block element styled otherwise": {
+        html: `a<br><figure class="attachment"><img src="${TEST_IMAGE_URL}"></figure>`,
+        expectedDocument: `a\n${OBJECT_REPLACEMENT_CHARACTER}\n`
+      },
 
-      "BR in text before block element styled otherwise":
-        html: """<div>a<br>b<figure class="attachment"><img src="#{TEST_IMAGE_URL}"></figure></div>"""
-        expectedDocument: "a\nb#{OBJECT_REPLACEMENT_CHARACTER}\n"
+      "BR in text before block element styled otherwise": {
+        html: `<div>a<br>b<figure class="attachment"><img src="${TEST_IMAGE_URL}"></figure></div>`,
+        expectedDocument: `a\nb${OBJECT_REPLACEMENT_CHARACTER}\n`
+      }
+    };
 
-    for name, details of cases
-      do (name, details) ->
-        test name, (expectDocument) ->
-          getEditor().loadHTML(details.html)
-          expectDocument(details.expectedDocument)
+    return (() => {
+      const result = [];
+      for (let name in cases) {
+        const details = cases[name];
+        result.push((((name, details) => test(name, function(expectDocument) {
+          getEditor().loadHTML(details.html);
+          return expectDocument(details.expectedDocument);
+        })))(name, details));
+      }
+      return result;
+    })();
+  });
 
-  testGroup "bold elements", template: "editor_with_bold_styles", ->
-    test "<strong> with font-weight: 500", (expectDocument) ->
-      getEditor().loadHTML("<strong>a</strong>")
-      assert.textAttributes([0, 1], bold: true)
-      expectDocument("a\n")
+  testGroup("bold elements", {template: "editor_with_bold_styles"}, function() {
+    test("<strong> with font-weight: 500", function(expectDocument) {
+      getEditor().loadHTML("<strong>a</strong>");
+      assert.textAttributes([0, 1], {bold: true});
+      return expectDocument("a\n");
+    });
 
-    test "<span> with font-weight: 600", (expectDocument) ->
-      getEditor().loadHTML("<span>a</span>")
-      assert.textAttributes([0, 1], bold: true)
-      expectDocument("a\n")
+    test("<span> with font-weight: 600", function(expectDocument) {
+      getEditor().loadHTML("<span>a</span>");
+      assert.textAttributes([0, 1], {bold: true});
+      return expectDocument("a\n");
+    });
 
-    test "<article> with font-weight: bold", (expectDocument) ->
-      getEditor().loadHTML("<article>a</article>")
-      assert.textAttributes([0, 1], bold: true)
-      expectDocument("a\n")
+    return test("<article> with font-weight: bold", function(expectDocument) {
+      getEditor().loadHTML("<article>a</article>");
+      assert.textAttributes([0, 1], {bold: true});
+      return expectDocument("a\n");
+    });
+  });
 
-  testGroup "styled block elements", template: "editor_with_block_styles", ->
-    test "<em> in <blockquote> with font-style: italic", (expectDocument) ->
-      getEditor().loadHTML("<blockquote>a<em>b</em></blockquote>")
-      assert.textAttributes([0, 1], {})
-      assert.textAttributes([1, 2], italic: true)
-      assert.blockAttributes([0, 2], ["quote"])
-      expectDocument("ab\n")
+  testGroup("styled block elements", {template: "editor_with_block_styles"}, function() {
+    test("<em> in <blockquote> with font-style: italic", function(expectDocument) {
+      getEditor().loadHTML("<blockquote>a<em>b</em></blockquote>");
+      assert.textAttributes([0, 1], {});
+      assert.textAttributes([1, 2], {italic: true});
+      assert.blockAttributes([0, 2], ["quote"]);
+      return expectDocument("ab\n");
+    });
 
-    test "<strong> in <li> with font-weight: bold", (expectDocument) ->
-      getEditor().loadHTML("<ul><li>a<strong>b</strong></li></ul>")
-      assert.textAttributes([0, 1], {})
-      assert.textAttributes([1, 2], bold: true)
-      assert.blockAttributes([0, 2], ["bulletList","bullet"])
-      expectDocument("ab\n")
+    test("<strong> in <li> with font-weight: bold", function(expectDocument) {
+      getEditor().loadHTML("<ul><li>a<strong>b</strong></li></ul>");
+      assert.textAttributes([0, 1], {});
+      assert.textAttributes([1, 2], {bold: true});
+      assert.blockAttributes([0, 2], ["bulletList","bullet"]);
+      return expectDocument("ab\n");
+    });
 
-    test "newline in <li> with font-weight: bold", (expectDocument) ->
-      getEditor().loadHTML("<ul><li>a<br>b</li></ul>")
-      assert.textAttributes([0, 2], {})
-      assert.blockAttributes([0, 2], ["bulletList","bullet"])
-      expectDocument("a\nb\n")
+    return test("newline in <li> with font-weight: bold", function(expectDocument) {
+      getEditor().loadHTML("<ul><li>a<br>b</li></ul>");
+      assert.textAttributes([0, 2], {});
+      assert.blockAttributes([0, 2], ["bulletList","bullet"]);
+      return expectDocument("a\nb\n");
+    });
+  });
 
-  testGroup "in a table", template: "editor_in_table", ->
-    test "block elements", (expectDocument) ->
-      getEditor().loadHTML("<h1>a</h1><blockquote>b</blockquote>")
-      assert.blockAttributes([0, 2], ["heading1"])
-      assert.blockAttributes([2, 4], ["quote"])
-      expectDocument("a\nb\n")
+  testGroup("in a table", {template: "editor_in_table"}, () => test("block elements", function(expectDocument) {
+    getEditor().loadHTML("<h1>a</h1><blockquote>b</blockquote>");
+    assert.blockAttributes([0, 2], ["heading1"]);
+    assert.blockAttributes([2, 4], ["quote"]);
+    return expectDocument("a\nb\n");
+  }));
 
-  testGroup "images", template: "editor_empty", ->
-    test "without dimensions", (expectDocument) ->
-      getEditor().loadHTML("""<img src="#{TEST_IMAGE_URL}">""")
-      after 20, ->
-        attachment = getDocument().getAttachments()[0]
-        image = getEditorElement().querySelector("img")
-        assert.equal(attachment.getWidth(), 1)
-        assert.equal(attachment.getHeight(), 1)
-        assert.equal(image.getAttribute("width"), "1")
-        assert.equal(image.getAttribute("height"), "1")
-        expectDocument("#{OBJECT_REPLACEMENT_CHARACTER}\n")
+  testGroup("images", {template: "editor_empty"}, function() {
+    test("without dimensions", function(expectDocument) {
+      getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}">`);
+      return after(20, function() {
+        const attachment = getDocument().getAttachments()[0];
+        const image = getEditorElement().querySelector("img");
+        assert.equal(attachment.getWidth(), 1);
+        assert.equal(attachment.getHeight(), 1);
+        assert.equal(image.getAttribute("width"), "1");
+        assert.equal(image.getAttribute("height"), "1");
+        return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
+      });
+    });
 
-    test "with dimensions", (expectDocument) ->
-      getEditor().loadHTML("""<img src="#{TEST_IMAGE_URL}" width="10" height="20">""")
-      after 20, ->
-        attachment = getDocument().getAttachments()[0]
-        image = getEditorElement().querySelector("img")
-        assert.equal(attachment.getWidth(), 10)
-        assert.equal(attachment.getHeight(), 20)
-        assert.equal(image.getAttribute("width"),  "10")
-        assert.equal(image.getAttribute("height"), "20")
-        expectDocument("#{OBJECT_REPLACEMENT_CHARACTER}\n")
+    return test("with dimensions", function(expectDocument) {
+      getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="20">`);
+      return after(20, function() {
+        const attachment = getDocument().getAttachments()[0];
+        const image = getEditorElement().querySelector("img");
+        assert.equal(attachment.getWidth(), 10);
+        assert.equal(attachment.getHeight(), 20);
+        assert.equal(image.getAttribute("width"),  "10");
+        assert.equal(image.getAttribute("height"), "20");
+        return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
+      });
+    });
+  });
 
-  testGroup "text after closing tag", template: "editor_empty", ->
-    test "parses text as separate block", (expectDocument) ->
-      getEditor().loadHTML("<h1>a</h1>b")
-      assert.blockAttributes([0, 2], ["heading1"])
-      assert.blockAttributes([2, 4], [])
-      expectDocument("a\nb\n")
+  return testGroup("text after closing tag", {template: "editor_empty"}, () => test("parses text as separate block", function(expectDocument) {
+    getEditor().loadHTML("<h1>a</h1>b");
+    assert.blockAttributes([0, 2], ["heading1"]);
+    assert.blockAttributes([2, 4], []);
+    return expectDocument("a\nb\n");
+  }));
+});
diff --git a/src/test/system/html_reparsing_test.js b/src/test/system/html_reparsing_test.js
index bf56c80d4..ff68e2e6a 100644
--- a/src/test/system/html_reparsing_test.js
+++ b/src/test/system/html_reparsing_test.js
@@ -1,24 +1,36 @@
-import { assert, test, testGroup } from "test/test_helper"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { assert, test, testGroup } from "test/test_helper";
 
-testGroup "HTML Reparsing", template: "editor_empty", ->
-  test "mutation resulting in identical blocks", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.loadHTML("<ul><li>a</li><li>b</li></ul>")
-    requestAnimationFrame ->
-      element.querySelector("li").textContent = "b"
-      requestAnimationFrame ->
-        assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-        assert.blockAttributes([2, 3], ["bulletList", "bullet"])
-        assert.equal(element.value, "<ul><li>b</li><li>b</li></ul>")
-        expectDocument("b\nb\n")
+testGroup("HTML Reparsing", {template: "editor_empty"}, function() {
+  test("mutation resulting in identical blocks", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.loadHTML("<ul><li>a</li><li>b</li></ul>");
+    return requestAnimationFrame(function() {
+      element.querySelector("li").textContent = "b";
+      return requestAnimationFrame(function() {
+        assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+        assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
+        assert.equal(element.value, "<ul><li>b</li><li>b</li></ul>");
+        return expectDocument("b\nb\n");
+      });
+    });
+  });
 
-  test "mutation resulting in identical pieces", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.loadHTML("<div><strong>a</strong> <strong>b</strong></div>")
-    requestAnimationFrame ->
-      element.querySelector("strong").textContent = "b"
-      requestAnimationFrame ->
-        assert.textAttributes([0, 1], bold: true)
-        assert.textAttributes([2, 3], bold: true)
-        assert.equal(element.value, "<div><strong>b</strong> <strong>b</strong></div>")
-        expectDocument("b b\n")
+  return test("mutation resulting in identical pieces", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.loadHTML("<div><strong>a</strong> <strong>b</strong></div>");
+    return requestAnimationFrame(function() {
+      element.querySelector("strong").textContent = "b";
+      return requestAnimationFrame(function() {
+        assert.textAttributes([0, 1], {bold: true});
+        assert.textAttributes([2, 3], {bold: true});
+        assert.equal(element.value, "<div><strong>b</strong> <strong>b</strong></div>");
+        return expectDocument("b b\n");
+      });
+    });
+  });
+});
diff --git a/src/test/system/html_replacement_test.js b/src/test/system/html_replacement_test.js
index 141d31b99..2429a04f2 100644
--- a/src/test/system/html_replacement_test.js
+++ b/src/test/system/html_replacement_test.js
@@ -1,106 +1,137 @@
-import config from "trix/config"
-
-import { assert, clickToolbarButton, collapseSelection, defer, moveCursor, selectNode, typeCharacters, testIf, testGroup, triggerEvent } from "test/test_helper"
-
-test = ->
-  testIf(config.input.getLevel() is 0, arguments...)
-
-testGroup "Level 0 input: HTML replacement", ->
-  testGroup "deleting with command+backspace", template: "editor_empty", ->
-    test "from the end of a line", (expectDocument) ->
-      getEditor().loadHTML("<div>a</div><blockquote>b</blockquote><div>c</div>")
-      getSelectionManager().setLocationRange(index: 1, offset: 1)
-      pressCommandBackspace replaceText: "b", ->
-        assert.locationRange(index: 1, offset: 0)
-        assert.blockAttributes [0, 2], []
-        assert.blockAttributes [2, 3], ["quote"]
-        assert.blockAttributes [3, 5], []
-        expectDocument("a\n\nc\n")
-
-    test "in the first block", (expectDocument) ->
-      getEditor().loadHTML("<div>a</div><blockquote>b</blockquote>")
-      getSelectionManager().setLocationRange(index: 0, offset: 1)
-      pressCommandBackspace replaceText: "a", ->
-        assert.locationRange(index: 0, offset: 0)
-        assert.blockAttributes [0, 1], []
-        assert.blockAttributes [1, 3], ["quote"]
-        expectDocument("\nb\n")
-
-    test "from the middle of a line", (expectDocument) ->
-      getEditor().loadHTML("<div>a</div><blockquote>bc</blockquote><div>d</div>")
-      getSelectionManager().setLocationRange(index: 1, offset: 1)
-      pressCommandBackspace replaceText: "b", ->
-        assert.locationRange(index: 1, offset: 0)
-        assert.blockAttributes [0, 2], []
-        assert.blockAttributes [2, 4], ["quote"]
-        assert.blockAttributes [4, 6], []
-        expectDocument("a\nc\nd\n")
-
-    test "from the middle of a line in a multi-line block", (expectDocument) ->
-      getEditor().loadHTML("<div>a</div><blockquote>bc<br>d</blockquote><div>e</div>")
-      getSelectionManager().setLocationRange(index: 1, offset: 1)
-      pressCommandBackspace replaceText: "b", ->
-        assert.locationRange(index: 1, offset: 0)
-        assert.blockAttributes([0, 2], [])
-        assert.blockAttributes([2, 6], ["quote"])
-        expectDocument("a\nc\nd\ne\n")
-
-    test "from the end of a list item", (expectDocument) ->
-      getEditor().loadHTML("<ul><li>a</li><li>b</li></ul>")
-      getSelectionManager().setLocationRange(index: 1, offset: 1)
-      pressCommandBackspace replaceText: "b", ->
-        assert.locationRange(index: 1, offset: 0)
-        assert.blockAttributes([0, 2], ["bulletList", "bullet"])
-        assert.blockAttributes([2, 4], ["bulletList", "bullet"])
-        expectDocument("a\n\n")
-
-    test "a character that is its text node's only data", (expectDocument) ->
-      getEditor().loadHTML("<div>a<br>b<br><strong>c</strong></div>")
-      getSelectionManager().setLocationRange(index: 0, offset: 3)
-      pressCommandBackspace replaceText: "b", ->
-        assert.locationRange(index: 0, offset: 2)
-        expectDocument("a\n\nc\n")
-
-    test "a formatted word", (expectDocument) ->
-      getEditor().loadHTML("<div>a<strong>bc</strong></div>")
-      getSelectionManager().setLocationRange(index: 0, offset: 4)
-      pressCommandBackspace replaceElementWithText: "bc", ->
-        assert.locationRange(index: 0, offset: 1)
-        expectDocument("a\n")
-
-pressCommandBackspace = ({replaceText, replaceElementWithText}, callback) ->
-  triggerEvent(document.activeElement, "keydown", charCode: 0, keyCode: 8, which: 8, metaKey: true)
-  range = rangy.getSelection().getRangeAt(0)
-
-  if replaceElementWithText
-    element = getElementWithText(replaceElementWithText)
-    {previousSibling} = element
-    element.parentNode.removeChild(element)
-    range.collapseAfter(previousSibling)
-  else
-    range.findText(replaceText, direction: "backward")
-    range.splitBoundaries()
-
-    node = range.getNodes()[0]
-    {previousSibling, nextSibling, parentNode} = node
-
-    if previousSibling?.nodeType is Node.COMMENT_NODE
-      parentNode.removeChild(previousSibling)
-
-    node.data = ""
-    parentNode.removeChild(node)
-
-    unless parentNode.hasChildNodes()
-      parentNode.appendChild(document.createElement("br"))
-
-    range.collapseBefore(nextSibling ? parentNode.firstChild)
-
-  range.select()
-  requestAnimationFrame(callback)
-
-
-getElementWithText = (text) ->
-  for element in document.activeElement.querySelectorAll("*")
-    if element.innerText is text
-      return element
-  null
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
+
+import { assert, clickToolbarButton, collapseSelection, defer, moveCursor, selectNode, typeCharacters, testIf, testGroup, triggerEvent } from "test/test_helper";
+
+const test = function() {
+  return testIf(config.input.getLevel() === 0, ...arguments);
+};
+
+testGroup("Level 0 input: HTML replacement", () => testGroup("deleting with command+backspace", {template: "editor_empty"}, function() {
+  test("from the end of a line", function(expectDocument) {
+    getEditor().loadHTML("<div>a</div><blockquote>b</blockquote><div>c</div>");
+    getSelectionManager().setLocationRange({index: 1, offset: 1});
+    return pressCommandBackspace({replaceText: "b"}, function() {
+      assert.locationRange({index: 1, offset: 0});
+      assert.blockAttributes([0, 2], []);
+      assert.blockAttributes([2, 3], ["quote"]);
+      assert.blockAttributes([3, 5], []);
+      return expectDocument("a\n\nc\n");
+    });
+  });
+
+  test("in the first block", function(expectDocument) {
+    getEditor().loadHTML("<div>a</div><blockquote>b</blockquote>");
+    getSelectionManager().setLocationRange({index: 0, offset: 1});
+    return pressCommandBackspace({replaceText: "a"}, function() {
+      assert.locationRange({index: 0, offset: 0});
+      assert.blockAttributes([0, 1], []);
+      assert.blockAttributes([1, 3], ["quote"]);
+      return expectDocument("\nb\n");
+    });
+  });
+
+  test("from the middle of a line", function(expectDocument) {
+    getEditor().loadHTML("<div>a</div><blockquote>bc</blockquote><div>d</div>");
+    getSelectionManager().setLocationRange({index: 1, offset: 1});
+    return pressCommandBackspace({replaceText: "b"}, function() {
+      assert.locationRange({index: 1, offset: 0});
+      assert.blockAttributes([0, 2], []);
+      assert.blockAttributes([2, 4], ["quote"]);
+      assert.blockAttributes([4, 6], []);
+      return expectDocument("a\nc\nd\n");
+    });
+  });
+
+  test("from the middle of a line in a multi-line block", function(expectDocument) {
+    getEditor().loadHTML("<div>a</div><blockquote>bc<br>d</blockquote><div>e</div>");
+    getSelectionManager().setLocationRange({index: 1, offset: 1});
+    return pressCommandBackspace({replaceText: "b"}, function() {
+      assert.locationRange({index: 1, offset: 0});
+      assert.blockAttributes([0, 2], []);
+      assert.blockAttributes([2, 6], ["quote"]);
+      return expectDocument("a\nc\nd\ne\n");
+    });
+  });
+
+  test("from the end of a list item", function(expectDocument) {
+    getEditor().loadHTML("<ul><li>a</li><li>b</li></ul>");
+    getSelectionManager().setLocationRange({index: 1, offset: 1});
+    return pressCommandBackspace({replaceText: "b"}, function() {
+      assert.locationRange({index: 1, offset: 0});
+      assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
+      assert.blockAttributes([2, 4], ["bulletList", "bullet"]);
+      return expectDocument("a\n\n");
+    });
+  });
+
+  test("a character that is its text node's only data", function(expectDocument) {
+    getEditor().loadHTML("<div>a<br>b<br><strong>c</strong></div>");
+    getSelectionManager().setLocationRange({index: 0, offset: 3});
+    return pressCommandBackspace({replaceText: "b"}, function() {
+      assert.locationRange({index: 0, offset: 2});
+      return expectDocument("a\n\nc\n");
+    });
+  });
+
+  return test("a formatted word", function(expectDocument) {
+    getEditor().loadHTML("<div>a<strong>bc</strong></div>");
+    getSelectionManager().setLocationRange({index: 0, offset: 4});
+    return pressCommandBackspace({replaceElementWithText: "bc"}, function() {
+      assert.locationRange({index: 0, offset: 1});
+      return expectDocument("a\n");
+    });
+  });
+}));
+
+var pressCommandBackspace = function({replaceText, replaceElementWithText}, callback) {
+  let previousSibling;
+  triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 8, which: 8, metaKey: true});
+  const range = rangy.getSelection().getRangeAt(0);
+
+  if (replaceElementWithText) {
+    const element = getElementWithText(replaceElementWithText);
+    ({previousSibling} = element);
+    element.parentNode.removeChild(element);
+    range.collapseAfter(previousSibling);
+  } else {
+    let nextSibling, parentNode;
+    range.findText(replaceText, {direction: "backward"});
+    range.splitBoundaries();
+
+    const node = range.getNodes()[0];
+    ({previousSibling, nextSibling, parentNode} = node);
+
+    if ((previousSibling != null ? previousSibling.nodeType : undefined) === Node.COMMENT_NODE) {
+      parentNode.removeChild(previousSibling);
+    }
+
+    node.data = "";
+    parentNode.removeChild(node);
+
+    if (!parentNode.hasChildNodes()) {
+      parentNode.appendChild(document.createElement("br"));
+    }
+
+    range.collapseBefore(nextSibling != null ? nextSibling : parentNode.firstChild);
+  }
+
+  range.select();
+  return requestAnimationFrame(callback);
+};
+
+
+var getElementWithText = function(text) {
+  for (let element of Array.from(document.activeElement.querySelectorAll("*"))) {
+    if (element.innerText === text) {
+      return element;
+    }
+  }
+  return null;
+};
diff --git a/src/test/system/installation_process_test.js b/src/test/system/installation_process_test.js
index e65522d59..db9a1eac3 100644
--- a/src/test/system/installation_process_test.js
+++ b/src/test/system/installation_process_test.js
@@ -1,60 +1,67 @@
-import EditorController from "trix/controllers/editor_controller"
-
-import { assert, defer, test, testGroup } from "test/test_helper"
-
-testGroup "Installation process", template: "editor_html", ->
-  test "element.editorController", ->
-    assert.ok getEditorController() instanceof EditorController
-
-  test "creates a contenteditable element", ->
-    assert.ok getEditorElement()
-
-  test "loads the initial document", ->
-    assert.equal getEditorElement().textContent, "Hello world"
-
-  test "sets value property", (done) ->
-    defer ->
-      assert.equal getEditorElement().value, "<div>Hello world</div>"
-      done()
-
-
-testGroup "Installation process without specified elements", template: "editor_empty", ->
-  test "creates identified toolbar and input elements", (done) ->
-    editorElement = getEditorElement()
-
-    toolbarId = editorElement.getAttribute("toolbar")
-    assert.ok /trix-toolbar-\d+/.test(toolbarId), "toolbar id not assert.ok #{JSON.stringify(toolbarId)}"
-    toolbarElement = document.getElementById(toolbarId)
-    assert.ok toolbarElement, "toolbar element not assert.ok"
-    assert.equal editorElement.toolbarElement, toolbarElement
-
-    inputId = editorElement.getAttribute("input")
-    assert.ok /trix-input-\d+/.test(inputId), "input id not assert.ok #{JSON.stringify(inputId)}"
-    inputElement = document.getElementById(inputId)
-    assert.ok inputElement, "input element not assert.ok"
-    assert.equal editorElement.inputElement, inputElement
-
-    done()
-
-testGroup "Installation process with specified elements", template: "editor_with_toolbar_and_input", ->
-  test "uses specified elements", (done) ->
-    editorElement = getEditorElement()
-    assert.equal editorElement.toolbarElement, document.getElementById("my_toolbar")
-    assert.equal editorElement.inputElement, document.getElementById("my_input")
-    assert.equal editorElement.value, "<div>Hello world</div>"
-    done()
-
-  test "can be cloned", (done) ->
-    originalElement = document.getElementById("my_editor")
-    clonedElement = originalElement.cloneNode(true)
-
-    {parentElement} = originalElement
-    parentElement.removeChild(originalElement)
-    parentElement.appendChild(clonedElement)
-
-    defer ->
-      editorElement = getEditorElement()
-      assert.equal editorElement.toolbarElement, document.getElementById("my_toolbar")
-      assert.equal editorElement.inputElement, document.getElementById("my_input")
-      assert.equal editorElement.value, "<div>Hello world</div>"
-      done()
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import EditorController from "trix/controllers/editor_controller";
+
+import { assert, defer, test, testGroup } from "test/test_helper";
+
+testGroup("Installation process", {template: "editor_html"}, function() {
+  test("element.editorController", () => assert.ok(getEditorController() instanceof EditorController));
+
+  test("creates a contenteditable element", () => assert.ok(getEditorElement()));
+
+  test("loads the initial document", () => assert.equal(getEditorElement().textContent, "Hello world"));
+
+  return test("sets value property", done => defer(function() {
+    assert.equal(getEditorElement().value, "<div>Hello world</div>");
+    return done();
+  }));
+});
+
+
+testGroup("Installation process without specified elements", {template: "editor_empty"}, () => test("creates identified toolbar and input elements", function(done) {
+  const editorElement = getEditorElement();
+
+  const toolbarId = editorElement.getAttribute("toolbar");
+  assert.ok(/trix-toolbar-\d+/.test(toolbarId), `toolbar id not assert.ok ${JSON.stringify(toolbarId)}`);
+  const toolbarElement = document.getElementById(toolbarId);
+  assert.ok(toolbarElement, "toolbar element not assert.ok");
+  assert.equal(editorElement.toolbarElement, toolbarElement);
+
+  const inputId = editorElement.getAttribute("input");
+  assert.ok(/trix-input-\d+/.test(inputId), `input id not assert.ok ${JSON.stringify(inputId)}`);
+  const inputElement = document.getElementById(inputId);
+  assert.ok(inputElement, "input element not assert.ok");
+  assert.equal(editorElement.inputElement, inputElement);
+
+  return done();
+}));
+
+testGroup("Installation process with specified elements", {template: "editor_with_toolbar_and_input"}, function() {
+  test("uses specified elements", function(done) {
+    const editorElement = getEditorElement();
+    assert.equal(editorElement.toolbarElement, document.getElementById("my_toolbar"));
+    assert.equal(editorElement.inputElement, document.getElementById("my_input"));
+    assert.equal(editorElement.value, "<div>Hello world</div>");
+    return done();
+  });
+
+  return test("can be cloned", function(done) {
+    const originalElement = document.getElementById("my_editor");
+    const clonedElement = originalElement.cloneNode(true);
+
+    const {parentElement} = originalElement;
+    parentElement.removeChild(originalElement);
+    parentElement.appendChild(clonedElement);
+
+    return defer(function() {
+      const editorElement = getEditorElement();
+      assert.equal(editorElement.toolbarElement, document.getElementById("my_toolbar"));
+      assert.equal(editorElement.inputElement, document.getElementById("my_input"));
+      assert.equal(editorElement.value, "<div>Hello world</div>");
+      return done();
+    });
+  });
+});
diff --git a/src/test/system/level_2_input_test.js b/src/test/system/level_2_input_test.js
index e6e35482f..46f6ee18c 100644
--- a/src/test/system/level_2_input_test.js
+++ b/src/test/system/level_2_input_test.js
@@ -1,229 +1,283 @@
-import config from "trix/config"
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
-
-import { assert, after, clickToolbarButton, defer, insertString, insertNode, isToolbarButtonActive, selectAll, selectNode, testIf, testGroup, triggerEvent, triggerInputEvent, typeCharacters } from "test/test_helper"
-
-test = ->
-  testIf(config.input.getLevel() is 2, arguments...)
-
-testOptions =
-  template: "editor_empty"
-  setup: ->
-    addEventListener("beforeinput", recordInputEvent, true)
-    addEventListener("input", recordInputEvent, true)
-  teardown: ->
-    removeEventListener("beforeinput", recordInputEvent, true)
-    removeEventListener("input", recordInputEvent, true)
-
-inputEvents = []
-
-recordInputEvent = (event) ->
-  # Not all browsers dispatch "beforeinput" event when calling execCommand() so
-  # we manually dispatch a synthetic one. If a second one arrives, ignore it.
-  if event.type is "beforeinput" and inputEvents.length is 1 and inputEvents[0].type is "beforeinput"
-    event.stopImmediatePropagation()
-  else
-    {type, inputType, data} = event
-    inputEvents.push({type, inputType, data})
-
-# Borrowed from https://github.com/web-platform-tests/wpt/blob/master/input-events/input-events-exec-command.html
-performInputTypeUsingExecCommand = (command, {inputType, data}, callback) ->
-  inputEvents = []
-  requestAnimationFrame ->
-    triggerInputEvent(document.activeElement, "beforeinput", {inputType, data})
-    document.execCommand(command, false, data)
-    assert.equal(inputEvents.length, 2)
-    assert.equal(inputEvents[0].type, "beforeinput")
-    assert.equal(inputEvents[1].type, "input")
-    assert.equal(inputEvents[0].inputType, inputType)
-    assert.equal(inputEvents[0].data, data)
-    requestAnimationFrame ->
-      requestAnimationFrame(callback)
-
-testGroup "Level 2 Input", testOptions, ->
-  test "insertText", (expectDocument) ->
-    performInputTypeUsingExecCommand "insertText", inputType: "insertText", data: "abc", ->
-      expectDocument("abc\n")
-
-  test "insertOrderedList", (expectDocument) ->
-    insertString("a\nb")
-    performInputTypeUsingExecCommand "insertOrderedList", inputType: "insertOrderedList", ->
-      assert.blockAttributes([0, 2], [])
-      assert.blockAttributes([2, 4], ["numberList", "number"])
-      assert.ok isToolbarButtonActive(attribute: "number")
-      expectDocument("a\nb\n")
-
-  test "insertUnorderedList", (expectDocument) ->
-    insertString("a\nb")
-    performInputTypeUsingExecCommand "insertUnorderedList", inputType: "insertUnorderedList", ->
-      assert.blockAttributes([0, 2], [])
-      assert.blockAttributes([2, 4], ["bulletList", "bullet"])
-      assert.ok isToolbarButtonActive(attribute: "bullet")
-      expectDocument("a\nb\n")
-
-  test "insertLineBreak", (expectDocument) ->
-    clickToolbarButton attribute: "quote", ->
-      insertString("abc")
-      performInputTypeUsingExecCommand "insertLineBreak", inputType: "insertLineBreak", ->
-        performInputTypeUsingExecCommand "insertLineBreak", inputType: "insertLineBreak", ->
-          assert.blockAttributes([0, 6], ["quote"])
-          expectDocument("abc\n\n\n")
-
-  test "insertParagraph", (expectDocument) ->
-    clickToolbarButton attribute: "quote", ->
-      insertString("abc")
-      performInputTypeUsingExecCommand "insertParagraph", inputType: "insertParagraph", ->
-        performInputTypeUsingExecCommand "insertParagraph", inputType: "insertParagraph", ->
-          assert.blockAttributes([0, 4], ["quote"])
-          assert.blockAttributes([4, 5], [])
-          expectDocument("abc\n\n")
-
-  test "formatBold", (expectDocument) ->
-    insertString("abc")
-    getComposition().setSelectedRange([1, 2])
-    performInputTypeUsingExecCommand "bold", inputType: "formatBold", ->
-      assert.textAttributes([0, 1], {})
-      assert.textAttributes([1, 2], bold: true)
-      assert.textAttributes([2, 3], {})
-      expectDocument("abc\n")
-
-  test "formatItalic", (expectDocument) ->
-    insertString("abc")
-    getComposition().setSelectedRange([1, 2])
-    performInputTypeUsingExecCommand "italic", inputType: "formatItalic", ->
-      assert.textAttributes([0, 1], {})
-      assert.textAttributes([1, 2], italic: true)
-      assert.textAttributes([2, 3], {})
-      expectDocument("abc\n")
-
-  test "formatStrikeThrough", (expectDocument) ->
-    insertString("abc")
-    getComposition().setSelectedRange([1, 2])
-    performInputTypeUsingExecCommand "strikeThrough", inputType: "formatStrikeThrough", ->
-      assert.textAttributes([0, 1], {})
-      assert.textAttributes([1, 2], strike: true)
-      assert.textAttributes([2, 3], {})
-      expectDocument("abc\n")
-
-  # https://input-inspector.now.sh/profiles/hVXS1cHYFvc2EfdRyTWQ
-  test "correcting a misspelled word in Chrome", (expectDocument) ->
-    insertString("onr")
-    getComposition().setSelectedRange([0, 3])
-    requestAnimationFrame ->
-      inputType = "insertReplacementText"
-      dataTransfer = createDataTransfer("text/plain": "one")
-      event = createEvent("beforeinput", {inputType, dataTransfer})
-      document.activeElement.dispatchEvent(event)
-      requestAnimationFrame ->
-        expectDocument "one\n"
-
-  # https://input-inspector.now.sh/profiles/XsZVwKtFxakwnsNs0qnX
-  test "correcting a misspelled word in Safari", (expectDocument) ->
-    insertString("onr")
-    getComposition().setSelectedRange([0, 3])
-    requestAnimationFrame ->
-      inputType = "insertText"
-      dataTransfer = createDataTransfer("text/plain": "one", "text/html": "one")
-      event = createEvent("beforeinput", {inputType, dataTransfer})
-      document.activeElement.dispatchEvent(event)
-      requestAnimationFrame ->
-        expectDocument "one\n"
-
-  # https://input-inspector.now.sh/profiles/yZlsrfG93QMzp2oyr0BE
-  test "deleting the last character in a composed word on Android", (expectDocument) ->
-    insertString("c")
-    element = getEditorElement()
-    textNode = element.firstChild.lastChild
-    selectNode textNode, ->
-      triggerInputEvent(element, "beforeinput", inputType: "insertCompositionText", data: "")
-      triggerEvent(element, "compositionend", data: "")
-      requestAnimationFrame ->
-        expectDocument "\n"
-
-  test "pasting a file", (expectDocument) ->
-    createFile (file) ->
-      clipboardData = createDataTransfer("Files": [file])
-      dataTransfer = createDataTransfer("Files": [file])
-      paste {clipboardData, dataTransfer}, ->
-        attachments = getDocument().getAttachments()
-        assert.equal attachments.length, 1
-        assert.equal attachments[0].getFilename(), file.name
-        expectDocument "#{OBJECT_REPLACEMENT_CHARACTER}\n"
-
-  # "insertFromPaste InputEvent missing pasted files in dataTransfer"
-  # - https://bugs.webkit.org/show_bug.cgi?id=194921
-  test "pasting a file in Safari", (expectDocument) ->
-    createFile (file) ->
-      clipboardData = createDataTransfer("Files": [file])
-      dataTransfer = createDataTransfer("text/html": """<img src="blob:#{location.origin}/531de8">""")
-      paste {clipboardData, dataTransfer}, ->
-        attachments = getDocument().getAttachments()
-        assert.equal attachments.length, 1
-        assert.equal attachments[0].getFilename(), file.name
-        expectDocument "#{OBJECT_REPLACEMENT_CHARACTER}\n"
-
-  # "insertFromPaste InputEvent missing text/uri-list in dataTransfer for pasted links"
-  # - https://bugs.webkit.org/show_bug.cgi?id=196702
-  test "pasting a link in Safari", (expectDocument) ->
-    createFile (file) ->
-      url = "https://bugs.webkit.org"
-      text = "WebKit Bugzilla"
-      clipboardData = createDataTransfer("URL": url, "text/uri-list": url, "text/plain": text)
-      dataTransfer = createDataTransfer("text/html": """<a href="#{url}">#{text}</a>""", "text/plain": text)
-      paste {clipboardData, dataTransfer}, ->
-        assert.textAttributes([0, url.length], href: url)
-        expectDocument "#{url}\n"
-
-  # Pastes from MS Word include an image of the copied text 🙃
-  # https://input-inspector.now.sh/profiles/QWDITsV60dpEVl1SOZg8
-  test "pasting text from MS Word", (expectDocument) ->
-    createFile (file) ->
-      clipboardData = dataTransfer = createDataTransfer
-        "text/html": """<span class="MsoNormal">abc</span>"""
-        "text/plain": "abc"
-        "Files": [file]
-
-      paste {dataTransfer}, ->
-        attachments = getDocument().getAttachments()
-        assert.equal attachments.length, 0
-        expectDocument "abc\n"
-
-  # "beforeinput" event is not fired for Paste and Match Style operations
-  # - https://bugs.chromium.org/p/chromium/issues/detail?id=934448
-  test "Paste and Match Style in Chrome", (expectDocument) ->
-    done = -> expectDocument("a\n\nb\n\nc\n")
-    typeCharacters "a\n\n", ->
-      clipboardData = createDataTransfer("text/plain": "b\n\nc")
-      pasteEvent = createEvent("paste", {clipboardData})
-      if document.activeElement.dispatchEvent(pasteEvent)
-        node = document.createElement("div")
-        node.innerHTML = """<div>b</div><div><br></div><div>c</div>"""
-        insertNode(node, done)
-      else
-        requestAnimationFrame(done)
-
-
-createFile = (callback) ->
-  canvas = document.createElement("canvas")
-  canvas.toBlob (file) ->
-    file.name = "image.png"
-    callback(file)
-
-createDataTransfer = (data = {}) ->
-  types: (key for key of data)
-  files: data.Files ? []
-  getData: (type) -> data[type]
-
-createEvent = (type, properties = {}) ->
-  event = document.createEvent("Events")
-  event.initEvent(type, true, true)
-  for key, value of properties
-    Object.defineProperty(event, key, {value})
-  event
-
-paste = ({dataTransfer, clipboardData} = {}, callback) ->
-  pasteEvent = createEvent("paste", clipboardData: clipboardData || dataTransfer)
-  inputEvent = createEvent("beforeinput", inputType: "insertFromPaste", dataTransfer: dataTransfer)
-  if document.activeElement.dispatchEvent(pasteEvent)
-    document.activeElement.dispatchEvent(inputEvent)
-  after(60, callback)
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
+
+import { assert, after, clickToolbarButton, defer, insertString, insertNode, isToolbarButtonActive, selectAll, selectNode, testIf, testGroup, triggerEvent, triggerInputEvent, typeCharacters } from "test/test_helper";
+
+const test = function() {
+  return testIf(config.input.getLevel() === 2, ...arguments);
+};
+
+const testOptions = {
+  template: "editor_empty",
+  setup() {
+    addEventListener("beforeinput", recordInputEvent, true);
+    return addEventListener("input", recordInputEvent, true);
+  },
+  teardown() {
+    removeEventListener("beforeinput", recordInputEvent, true);
+    return removeEventListener("input", recordInputEvent, true);
+  }
+};
+
+let inputEvents = [];
+
+var recordInputEvent = function(event) {
+  // Not all browsers dispatch "beforeinput" event when calling execCommand() so
+  // we manually dispatch a synthetic one. If a second one arrives, ignore it.
+  if ((event.type === "beforeinput") && (inputEvents.length === 1) && (inputEvents[0].type === "beforeinput")) {
+    return event.stopImmediatePropagation();
+  } else {
+    const {type, inputType, data} = event;
+    return inputEvents.push({type, inputType, data});
+  }
+};
+
+// Borrowed from https://github.com/web-platform-tests/wpt/blob/master/input-events/input-events-exec-command.html
+const performInputTypeUsingExecCommand = function(command, {inputType, data}, callback) {
+  inputEvents = [];
+  return requestAnimationFrame(function() {
+    triggerInputEvent(document.activeElement, "beforeinput", {inputType, data});
+    document.execCommand(command, false, data);
+    assert.equal(inputEvents.length, 2);
+    assert.equal(inputEvents[0].type, "beforeinput");
+    assert.equal(inputEvents[1].type, "input");
+    assert.equal(inputEvents[0].inputType, inputType);
+    assert.equal(inputEvents[0].data, data);
+    return requestAnimationFrame(() => requestAnimationFrame(callback));
+  });
+};
+
+testGroup("Level 2 Input", testOptions, function() {
+  test("insertText", expectDocument => performInputTypeUsingExecCommand("insertText", {inputType: "insertText", data: "abc"}, () => expectDocument("abc\n")));
+
+  test("insertOrderedList", function(expectDocument) {
+    insertString("a\nb");
+    return performInputTypeUsingExecCommand("insertOrderedList", {inputType: "insertOrderedList"}, function() {
+      assert.blockAttributes([0, 2], []);
+      assert.blockAttributes([2, 4], ["numberList", "number"]);
+      assert.ok(isToolbarButtonActive({attribute: "number"}));
+      return expectDocument("a\nb\n");
+    });
+  });
+
+  test("insertUnorderedList", function(expectDocument) {
+    insertString("a\nb");
+    return performInputTypeUsingExecCommand("insertUnorderedList", {inputType: "insertUnorderedList"}, function() {
+      assert.blockAttributes([0, 2], []);
+      assert.blockAttributes([2, 4], ["bulletList", "bullet"]);
+      assert.ok(isToolbarButtonActive({attribute: "bullet"}));
+      return expectDocument("a\nb\n");
+    });
+  });
+
+  test("insertLineBreak", expectDocument => clickToolbarButton({attribute: "quote"}, function() {
+    insertString("abc");
+    return performInputTypeUsingExecCommand("insertLineBreak", {inputType: "insertLineBreak"}, () => performInputTypeUsingExecCommand("insertLineBreak", {inputType: "insertLineBreak"}, function() {
+      assert.blockAttributes([0, 6], ["quote"]);
+      return expectDocument("abc\n\n\n");
+    }));
+  }));
+
+  test("insertParagraph", expectDocument => clickToolbarButton({attribute: "quote"}, function() {
+    insertString("abc");
+    return performInputTypeUsingExecCommand("insertParagraph", {inputType: "insertParagraph"}, () => performInputTypeUsingExecCommand("insertParagraph", {inputType: "insertParagraph"}, function() {
+      assert.blockAttributes([0, 4], ["quote"]);
+      assert.blockAttributes([4, 5], []);
+      return expectDocument("abc\n\n");
+    }));
+  }));
+
+  test("formatBold", function(expectDocument) {
+    insertString("abc");
+    getComposition().setSelectedRange([1, 2]);
+    return performInputTypeUsingExecCommand("bold", {inputType: "formatBold"}, function() {
+      assert.textAttributes([0, 1], {});
+      assert.textAttributes([1, 2], {bold: true});
+      assert.textAttributes([2, 3], {});
+      return expectDocument("abc\n");
+    });
+  });
+
+  test("formatItalic", function(expectDocument) {
+    insertString("abc");
+    getComposition().setSelectedRange([1, 2]);
+    return performInputTypeUsingExecCommand("italic", {inputType: "formatItalic"}, function() {
+      assert.textAttributes([0, 1], {});
+      assert.textAttributes([1, 2], {italic: true});
+      assert.textAttributes([2, 3], {});
+      return expectDocument("abc\n");
+    });
+  });
+
+  test("formatStrikeThrough", function(expectDocument) {
+    insertString("abc");
+    getComposition().setSelectedRange([1, 2]);
+    return performInputTypeUsingExecCommand("strikeThrough", {inputType: "formatStrikeThrough"}, function() {
+      assert.textAttributes([0, 1], {});
+      assert.textAttributes([1, 2], {strike: true});
+      assert.textAttributes([2, 3], {});
+      return expectDocument("abc\n");
+    });
+  });
+
+  // https://input-inspector.now.sh/profiles/hVXS1cHYFvc2EfdRyTWQ
+  test("correcting a misspelled word in Chrome", function(expectDocument) {
+    insertString("onr");
+    getComposition().setSelectedRange([0, 3]);
+    return requestAnimationFrame(function() {
+      const inputType = "insertReplacementText";
+      const dataTransfer = createDataTransfer({"text/plain": "one"});
+      const event = createEvent("beforeinput", {inputType, dataTransfer});
+      document.activeElement.dispatchEvent(event);
+      return requestAnimationFrame(() => expectDocument("one\n"));
+    });
+  });
+
+  // https://input-inspector.now.sh/profiles/XsZVwKtFxakwnsNs0qnX
+  test("correcting a misspelled word in Safari", function(expectDocument) {
+    insertString("onr");
+    getComposition().setSelectedRange([0, 3]);
+    return requestAnimationFrame(function() {
+      const inputType = "insertText";
+      const dataTransfer = createDataTransfer({"text/plain": "one", "text/html": "one"});
+      const event = createEvent("beforeinput", {inputType, dataTransfer});
+      document.activeElement.dispatchEvent(event);
+      return requestAnimationFrame(() => expectDocument("one\n"));
+    });
+  });
+
+  // https://input-inspector.now.sh/profiles/yZlsrfG93QMzp2oyr0BE
+  test("deleting the last character in a composed word on Android", function(expectDocument) {
+    insertString("c");
+    const element = getEditorElement();
+    const textNode = element.firstChild.lastChild;
+    return selectNode(textNode, function() {
+      triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data: ""});
+      triggerEvent(element, "compositionend", {data: ""});
+      return requestAnimationFrame(() => expectDocument("\n"));
+    });
+  });
+
+  test("pasting a file", expectDocument => createFile(function(file) {
+    const clipboardData = createDataTransfer({"Files": [file]});
+    const dataTransfer = createDataTransfer({"Files": [file]});
+    return paste({clipboardData, dataTransfer}, function() {
+      const attachments = getDocument().getAttachments();
+      assert.equal(attachments.length, 1);
+      assert.equal(attachments[0].getFilename(), file.name);
+      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
+    });
+  }));
+
+  // "insertFromPaste InputEvent missing pasted files in dataTransfer"
+  // - https://bugs.webkit.org/show_bug.cgi?id=194921
+  test("pasting a file in Safari", expectDocument => createFile(function(file) {
+    const clipboardData = createDataTransfer({"Files": [file]});
+    const dataTransfer = createDataTransfer({"text/html": `<img src="blob:${location.origin}/531de8">`});
+    return paste({clipboardData, dataTransfer}, function() {
+      const attachments = getDocument().getAttachments();
+      assert.equal(attachments.length, 1);
+      assert.equal(attachments[0].getFilename(), file.name);
+      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
+    });
+  }));
+
+  // "insertFromPaste InputEvent missing text/uri-list in dataTransfer for pasted links"
+  // - https://bugs.webkit.org/show_bug.cgi?id=196702
+  test("pasting a link in Safari", expectDocument => createFile(function(file) {
+    const url = "https://bugs.webkit.org";
+    const text = "WebKit Bugzilla";
+    const clipboardData = createDataTransfer({"URL": url, "text/uri-list": url, "text/plain": text});
+    const dataTransfer = createDataTransfer({"text/html": `<a href="${url}">${text}</a>`, "text/plain": text});
+    return paste({clipboardData, dataTransfer}, function() {
+      assert.textAttributes([0, url.length], {href: url});
+      return expectDocument(`${url}\n`);
+    });
+  }));
+
+  // Pastes from MS Word include an image of the copied text 🙃
+  // https://input-inspector.now.sh/profiles/QWDITsV60dpEVl1SOZg8
+  test("pasting text from MS Word", expectDocument => createFile(function(file) {
+    let dataTransfer;
+    const clipboardData = (dataTransfer = createDataTransfer({
+      "text/html": "<span class=\"MsoNormal\">abc</span>",
+      "text/plain": "abc",
+      "Files": [file]}));
+
+    return paste({dataTransfer}, function() {
+      const attachments = getDocument().getAttachments();
+      assert.equal(attachments.length, 0);
+      return expectDocument("abc\n");
+    });
+  }));
+
+  // "beforeinput" event is not fired for Paste and Match Style operations
+  // - https://bugs.chromium.org/p/chromium/issues/detail?id=934448
+  return test("Paste and Match Style in Chrome", function(expectDocument) {
+    const done = () => expectDocument("a\n\nb\n\nc\n");
+    return typeCharacters("a\n\n", function() {
+      const clipboardData = createDataTransfer({"text/plain": "b\n\nc"});
+      const pasteEvent = createEvent("paste", {clipboardData});
+      if (document.activeElement.dispatchEvent(pasteEvent)) {
+        const node = document.createElement("div");
+        node.innerHTML = "<div>b</div><div><br></div><div>c</div>";
+        return insertNode(node, done);
+      } else {
+        return requestAnimationFrame(done);
+      }
+    });
+  });
+});
+
+
+var createFile = function(callback) {
+  const canvas = document.createElement("canvas");
+  return canvas.toBlob(function(file) {
+    file.name = "image.png";
+    return callback(file);
+  });
+};
+
+var createDataTransfer = function(data) {
+  if (data == null) { data = {}; }
+  return {
+    types: (((() => {
+      const result = [];
+      for (let key in data) {
+        result.push(key);
+      }
+      return result;
+    })())),
+    files: data.Files != null ? data.Files : [],
+    getData(type) { return data[type]; }
+  };
+};
+
+var createEvent = function(type, properties) {
+  if (properties == null) { properties = {}; }
+  const event = document.createEvent("Events");
+  event.initEvent(type, true, true);
+  for (let key in properties) {
+    const value = properties[key];
+    Object.defineProperty(event, key, {value});
+  }
+  return event;
+};
+
+var paste = function(param, callback) {
+  if (param == null) { param = {}; }
+  const {dataTransfer, clipboardData} = param;
+  const pasteEvent = createEvent("paste", {clipboardData: clipboardData || dataTransfer});
+  const inputEvent = createEvent("beforeinput", {inputType: "insertFromPaste", dataTransfer});
+  if (document.activeElement.dispatchEvent(pasteEvent)) {
+    document.activeElement.dispatchEvent(inputEvent);
+  }
+  return after(60, callback);
+};
diff --git a/src/test/system/list_formatting_test.js b/src/test/system/list_formatting_test.js
index c73f1d00b..a70091a33 100644
--- a/src/test/system/list_formatting_test.js
+++ b/src/test/system/list_formatting_test.js
@@ -1,86 +1,73 @@
-import config from "trix/config"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
 
-import { assert, clickToolbarButton, defer, moveCursor, pressKey, test, testIf, testGroup, triggerEvent, typeCharacters } from "test/test_helper"
+import { assert, clickToolbarButton, defer, moveCursor, pressKey, test, testIf, testGroup, triggerEvent, typeCharacters } from "test/test_helper";
 
-testGroup "List formatting", template: "editor_empty", ->
-  test "creating a new list item", (done) ->
-    typeCharacters "a", ->
-      clickToolbarButton attribute: "bullet", ->
-        typeCharacters "\n", ->
-          assert.locationRange(index: 1, offset: 0)
-          assert.blockAttributes([0, 2], ["bulletList", "bullet"])
-          assert.blockAttributes([2, 3], ["bulletList", "bullet"])
-          done()
+testGroup("List formatting", {template: "editor_empty"}, function() {
+  test("creating a new list item", done => typeCharacters("a", () => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("\n", function() {
+    assert.locationRange({index: 1, offset: 0});
+    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
+    assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
+    return done();
+  }))));
 
-  test "breaking out of a list", (expectDocument) ->
-    typeCharacters "a", ->
-      clickToolbarButton attribute: "bullet", ->
-        typeCharacters "\n\n", ->
-          assert.blockAttributes([0, 2], ["bulletList", "bullet"])
-          assert.blockAttributes([2, 3], [])
-          expectDocument("a\n\n")
+  test("breaking out of a list", expectDocument => typeCharacters("a", () => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("\n\n", function() {
+    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
+    assert.blockAttributes([2, 3], []);
+    return expectDocument("a\n\n");
+  }))));
 
-  test "pressing return at the beginning of a non-empty list item", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a\nb", ->
-        moveCursor "left", ->
-          pressKey "return", ->
-            assert.blockAttributes([0, 2], ["bulletList", "bullet"])
-            assert.blockAttributes([2, 3], ["bulletList", "bullet"])
-            assert.blockAttributes([3, 5], ["bulletList", "bullet"])
-            expectDocument("a\n\nb\n")
+  test("pressing return at the beginning of a non-empty list item", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\nb", () => moveCursor("left", () => pressKey("return", function() {
+    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
+    assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
+    assert.blockAttributes([3, 5], ["bulletList", "bullet"]);
+    return expectDocument("a\n\nb\n");
+  })))));
 
-  test "pressing tab increases nesting level, tab+shift decreases nesting level", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a", ->
-        pressKey "return", ->
-          pressKey "tab", ->
-            typeCharacters "b", ->
-              assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-              assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet"])
-              defer ->
-                pressShiftTab = triggerEvent(document.activeElement, "keydown", key: "Tab", charCode: 0, keyCode: 9, which: 9, shiftKey: true)
-                assert.blockAttributes([0, 1], ["bulletList", "bullet"])
-                assert.blockAttributes([2, 3], ["bulletList", "bullet"])
-                expectDocument("a\nb\n")
+  test("pressing tab increases nesting level, tab+shift decreases nesting level", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a", () => pressKey("return", () => pressKey("tab", () => typeCharacters("b", function() {
+    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+    assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet"]);
+    return defer(function() {
+      const pressShiftTab = triggerEvent(document.activeElement, "keydown", {key: "Tab", charCode: 0, keyCode: 9, which: 9, shiftKey: true});
+      assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+      assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
+      return expectDocument("a\nb\n");
+    });
+  }))))));
 
-  testIf config.input.getLevel() is 0, "pressing shift-return at the end of a list item", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a", ->
-        pressShiftReturn = triggerEvent(document.activeElement, "keydown", charCode: 0, keyCode: 13, which: 13, shiftKey: true)
-        assert.notOk pressShiftReturn # Assert defaultPrevented
-        assert.blockAttributes([0, 2], ["bulletList", "bullet"])
-        expectDocument("a\n\n")
+  testIf(config.input.getLevel() === 0, "pressing shift-return at the end of a list item", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a", function() {
+    const pressShiftReturn = triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 13, which: 13, shiftKey: true});
+    assert.notOk(pressShiftReturn); // Assert defaultPrevented
+    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
+    return expectDocument("a\n\n");
+  })));
 
-  test "pressing delete at the beginning of a non-empty nested list item", (expectDocument) ->
-      clickToolbarButton attribute: "bullet", ->
-        typeCharacters "a\n", ->
-          clickToolbarButton action: "increaseNestingLevel", ->
-            typeCharacters "b\n", ->
-              clickToolbarButton action: "increaseNestingLevel", ->
-                typeCharacters "c", ->
-                  getSelectionManager().setLocationRange(index: 1, offset: 0)
-                  getComposition().deleteInDirection("backward")
-                  getEditorController().render()
-                  defer ->
-                    assert.blockAttributes([0, 2], ["bulletList", "bullet"])
-                    assert.blockAttributes([3, 4], ["bulletList", "bullet", "bulletList", "bullet"])
-                    expectDocument("ab\nc\n")
+  test("pressing delete at the beginning of a non-empty nested list item", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("b\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("c", function() {
+    getSelectionManager().setLocationRange({index: 1, offset: 0});
+    getComposition().deleteInDirection("backward");
+    getEditorController().render();
+    return defer(function() {
+      assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
+      assert.blockAttributes([3, 4], ["bulletList", "bullet", "bulletList", "bullet"]);
+      return expectDocument("ab\nc\n");
+    });
+  })))))));
 
-  test "decreasing list item's level decreases its nested items level too", (expectDocument) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "a\n", ->
-        clickToolbarButton action: "increaseNestingLevel", ->
-          typeCharacters "b\n", ->
-            clickToolbarButton action: "increaseNestingLevel", ->
-              typeCharacters "c", ->
-                getSelectionManager().setLocationRange(index: 1, offset: 1)
+  return test("decreasing list item's level decreases its nested items level too", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("b\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("c", function() {
+    getSelectionManager().setLocationRange({index: 1, offset: 1});
 
-                for n in [0...3]
-                  getComposition().deleteInDirection("backward")
-                  getEditorController().render()
+    for (let n = 0; n < 3; n++) {
+      getComposition().deleteInDirection("backward");
+      getEditorController().render();
+    }
 
-                assert.blockAttributes([0, 2], ["bulletList", "bullet"])
-                assert.blockAttributes([2, 3], [])
-                assert.blockAttributes([3, 5], ["bulletList", "bullet"])
-                expectDocument("a\n\nc\n")
+    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
+    assert.blockAttributes([2, 3], []);
+    assert.blockAttributes([3, 5], ["bulletList", "bullet"]);
+    return expectDocument("a\n\nc\n");
+  })))))));
+});
diff --git a/src/test/system/mutation_input_test.js b/src/test/system/mutation_input_test.js
index 2429f68a2..fbf44811c 100644
--- a/src/test/system/mutation_input_test.js
+++ b/src/test/system/mutation_input_test.js
@@ -1,112 +1,134 @@
-import config from "trix/config"
-
-import { assert, defer, testIf, testGroup, triggerEvent, typeCharacters, clickToolbarButton, isToolbarButtonActive, insertNode, TEST_IMAGE_URL } from "test/test_helper"
-
-test = ->
-  testIf(config.input.getLevel() is 0, arguments...)
-
-testGroup "Mutation input", template: "editor_empty", ->
-  test "deleting a newline", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.insertString("a\n\nb")
-
-    triggerEvent(element, "keydown", charCode: 0, keyCode: 229, which: 229)
-    br = element.querySelectorAll("br")[1]
-    br.parentNode.removeChild(br)
-    requestAnimationFrame ->
-      expectDocument("a\nb\n")
-
-  test "typing a space in formatted text at the end of a block", (expectDocument) ->
-    element = getEditorElement()
-
-    clickToolbarButton attribute: "bold", ->
-      typeCharacters "a", ->
-        # Press space key
-        triggerEvent(element, "keydown", charCode: 0, keyCode: 32, which: 32)
-        triggerEvent(element, "keypress", charCode: 32, keyCode: 32, which: 32)
-
-        boldElement = element.querySelector("strong")
-        boldElement.appendChild(document.createTextNode(" "))
-        boldElement.appendChild(document.createElement("br"))
-
-        requestAnimationFrame ->
-          assert.ok isToolbarButtonActive(attribute: "bold")
-          assert.textAttributes([0, 2], bold: true)
-          expectDocument("a \n")
-
-  test "typing formatted text after a newline at the end of block", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.insertHTML("<ul><li>a</li><li><br></li></ul>")
-    element.editor.setSelectedRange(3)
-
-    clickToolbarButton attribute: "bold", ->
-      # Press B key
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 66, which: 66)
-      triggerEvent(element, "keypress", charCode: 98, keyCode: 98, which: 98)
-
-      node = document.createTextNode("b")
-      extraBR = element.querySelectorAll("br")[1]
-      extraBR.parentNode.insertBefore(node, extraBR)
-      extraBR.parentNode.removeChild(extraBR)
-
-      requestAnimationFrame ->
-        assert.ok isToolbarButtonActive(attribute: "bold")
-        assert.textAttributes([0, 1], {})
-        assert.textAttributes([3, 4], bold: true)
-        expectDocument("a\n\nb\n")
-
-  test "typing an emoji after a newline at the end of block", (expectDocument) ->
-    element = getEditorElement()
-
-    typeCharacters "\n", ->
-      # Tap 👏🏻 on iOS
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 0, which: 0, key: "👏🏻")
-      triggerEvent(element, "keypress", charCode: 128079, keyCode: 128079, which: 128079, key: "👏🏻")
-
-      node = document.createTextNode("👏🏻")
-      extraBR = element.querySelectorAll("br")[1]
-      extraBR.parentNode.insertBefore(node, extraBR)
-      extraBR.parentNode.removeChild(extraBR)
-
-      requestAnimationFrame ->
-        expectDocument("\n👏🏻\n")
-
-  test "backspacing an attachment at the beginning of an otherwise empty document", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.loadHTML("""<img src="#{TEST_IMAGE_URL}" width="10" height="10">""")
-
-    requestAnimationFrame ->
-      element.editor.setSelectedRange([0, 1])
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 8, which: 8)
-
-      element.firstElementChild.innerHTML = "<br>"
-
-      requestAnimationFrame ->
-        assert.locationRange index: 0, offset: 0
-        expectDocument("\n")
-
-  test "backspacing a block comment node", (expectDocument) ->
-    element = getEditorElement()
-    element.editor.loadHTML("""<blockquote>a</blockquote><div>b</div>""")
-    defer ->
-      element.editor.setSelectedRange(2)
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 8, which: 8)
-      commentNode = element.lastChild.firstChild
-      commentNode.parentNode.removeChild(commentNode)
-      defer ->
-        assert.locationRange index: 0, offset: 1
-        expectDocument("ab\n")
-
-  test "typing formatted text with autocapitalization on", (expectDocument) ->
-    element = getEditorElement()
-
-    clickToolbarButton attribute: "bold", ->
-      # Type "b", autocapitalize to "B"
-      triggerEvent(element, "keydown", charCode: 0, keyCode: 66, which: 66)
-      triggerEvent(element, "keypress", charCode: 98, keyCode: 98, which: 98)
-      triggerEvent(element, "textInput", data: "B")
-
-      insertNode document.createTextNode("B"), ->
-        assert.ok isToolbarButtonActive(attribute: "bold")
-        assert.textAttributes([0, 1], bold: true)
-        expectDocument("B\n")
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
+
+import { assert, defer, testIf, testGroup, triggerEvent, typeCharacters, clickToolbarButton, isToolbarButtonActive, insertNode, TEST_IMAGE_URL } from "test/test_helper";
+
+const test = function() {
+  return testIf(config.input.getLevel() === 0, ...arguments);
+};
+
+testGroup("Mutation input", {template: "editor_empty"}, function() {
+  test("deleting a newline", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.insertString("a\n\nb");
+
+    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
+    const br = element.querySelectorAll("br")[1];
+    br.parentNode.removeChild(br);
+    return requestAnimationFrame(() => expectDocument("a\nb\n"));
+  });
+
+  test("typing a space in formatted text at the end of a block", function(expectDocument) {
+    const element = getEditorElement();
+
+    return clickToolbarButton({attribute: "bold"}, () => typeCharacters("a", function() {
+      // Press space key
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 32, which: 32});
+      triggerEvent(element, "keypress", {charCode: 32, keyCode: 32, which: 32});
+
+      const boldElement = element.querySelector("strong");
+      boldElement.appendChild(document.createTextNode(" "));
+      boldElement.appendChild(document.createElement("br"));
+
+      return requestAnimationFrame(function() {
+        assert.ok(isToolbarButtonActive({attribute: "bold"}));
+        assert.textAttributes([0, 2], {bold: true});
+        return expectDocument("a \n");
+      });
+    }));
+  });
+
+  test("typing formatted text after a newline at the end of block", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.insertHTML("<ul><li>a</li><li><br></li></ul>");
+    element.editor.setSelectedRange(3);
+
+    return clickToolbarButton({attribute: "bold"}, function() {
+      // Press B key
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 66, which: 66});
+      triggerEvent(element, "keypress", {charCode: 98, keyCode: 98, which: 98});
+
+      const node = document.createTextNode("b");
+      const extraBR = element.querySelectorAll("br")[1];
+      extraBR.parentNode.insertBefore(node, extraBR);
+      extraBR.parentNode.removeChild(extraBR);
+
+      return requestAnimationFrame(function() {
+        assert.ok(isToolbarButtonActive({attribute: "bold"}));
+        assert.textAttributes([0, 1], {});
+        assert.textAttributes([3, 4], {bold: true});
+        return expectDocument("a\n\nb\n");
+      });
+    });
+  });
+
+  test("typing an emoji after a newline at the end of block", function(expectDocument) {
+    const element = getEditorElement();
+
+    return typeCharacters("\n", function() {
+      // Tap 👏🏻 on iOS
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 0, which: 0, key: "👏🏻"});
+      triggerEvent(element, "keypress", {charCode: 128079, keyCode: 128079, which: 128079, key: "👏🏻"});
+
+      const node = document.createTextNode("👏🏻");
+      const extraBR = element.querySelectorAll("br")[1];
+      extraBR.parentNode.insertBefore(node, extraBR);
+      extraBR.parentNode.removeChild(extraBR);
+
+      return requestAnimationFrame(() => expectDocument("\n👏🏻\n"));
+    });
+  });
+
+  test("backspacing an attachment at the beginning of an otherwise empty document", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="10">`);
+
+    return requestAnimationFrame(function() {
+      element.editor.setSelectedRange([0, 1]);
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 8, which: 8});
+
+      element.firstElementChild.innerHTML = "<br>";
+
+      return requestAnimationFrame(function() {
+        assert.locationRange({index: 0, offset: 0});
+        return expectDocument("\n");
+      });
+    });
+  });
+
+  test("backspacing a block comment node", function(expectDocument) {
+    const element = getEditorElement();
+    element.editor.loadHTML("<blockquote>a</blockquote><div>b</div>");
+    return defer(function() {
+      element.editor.setSelectedRange(2);
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 8, which: 8});
+      const commentNode = element.lastChild.firstChild;
+      commentNode.parentNode.removeChild(commentNode);
+      return defer(function() {
+        assert.locationRange({index: 0, offset: 1});
+        return expectDocument("ab\n");
+      });
+    });
+  });
+
+  return test("typing formatted text with autocapitalization on", function(expectDocument) {
+    const element = getEditorElement();
+
+    return clickToolbarButton({attribute: "bold"}, function() {
+      // Type "b", autocapitalize to "B"
+      triggerEvent(element, "keydown", {charCode: 0, keyCode: 66, which: 66});
+      triggerEvent(element, "keypress", {charCode: 98, keyCode: 98, which: 98});
+      triggerEvent(element, "textInput", {data: "B"});
+
+      return insertNode(document.createTextNode("B"), function() {
+        assert.ok(isToolbarButtonActive({attribute: "bold"}));
+        assert.textAttributes([0, 1], {bold: true});
+        return expectDocument("B\n");
+      });
+    });
+  });
+});
diff --git a/src/test/system/pasting_test.js b/src/test/system/pasting_test.js
index 19c3fefb1..e4d1c23e7 100644
--- a/src/test/system/pasting_test.js
+++ b/src/test/system/pasting_test.js
@@ -1,271 +1,251 @@
-import config from "trix/config"
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
 
 import { after, assert, clickToolbarButton, createFile, defer, expandSelection,
   moveCursor, pasteContent, pressKey, test, testIf, testGroup, triggerEvent,
-  typeCharacters, TEST_IMAGE_URL } from "test/test_helper"
-
-testGroup "Pasting", template: "editor_empty", ->
-  test "paste plain text", (expectDocument) ->
-    typeCharacters "abc", ->
-      moveCursor "left", ->
-        pasteContent "text/plain", "!", ->
-          expectDocument "ab!c\n"
-
-  test "paste simple html", (expectDocument) ->
-    typeCharacters "abc", ->
-      moveCursor "left", ->
-        pasteContent "text/html", "&lt;", ->
-          expectDocument "ab<c\n"
-
-  test "paste complex html", (expectDocument) ->
-    typeCharacters "abc", ->
-      moveCursor "left", ->
-        pasteContent "text/html", "<div>Hello world<br></div><div>This is a test</div>", ->
-          expectDocument "abHello world\nThis is a test\nc\n"
-
-  test "paste html in expanded selection", (expectDocument) ->
-    typeCharacters "abc", ->
-      moveCursor "left", ->
-        expandSelection direction: "left", times: 2, ->
-          pasteContent "text/html", "<strong>x</strong>", ->
-            assert.selectedRange(1)
-            expectDocument "xc\n"
-
-  test "paste plain text with CRLF ", (expectDocument) ->
-    pasteContent "text/plain", "a\r\nb\r\nc", ->
-      expectDocument "a\nb\nc\n"
-
-  test "paste html with CRLF ", (expectDocument) ->
-    pasteContent "text/html", "<div>a<br></div>\r\n<div>b<br></div>\r\n<div>c<br></div>", ->
-      expectDocument "a\nb\nc\n"
-
-  test "paste unsafe html", (done) ->
-    window.unsanitized = []
-    pasteData =
-      "text/plain": "x"
-      "text/html": """
-        <img onload="window.unsanitized.push('img.onload');" src="#{TEST_IMAGE_URL}">
-        <img onerror="window.unsanitized.push('img.onerror');" src="data:image/gif;base64,TOTALLYBOGUS">
-        <script>
-          window.unsanitized.push('script tag');
-        </script>
-      """
-
-    pasteContent pasteData, ->
-      after 20, ->
-        assert.deepEqual window.unsanitized, []
-        delete window.unsanitized
-        done()
-
-  test "prefers plain text when html lacks formatting", (expectDocument) ->
-    pasteData =
-      "text/html": "<meta charset='utf-8'>a\nb"
+  typeCharacters, TEST_IMAGE_URL } from "test/test_helper";
+
+testGroup("Pasting", {template: "editor_empty"}, function() {
+  test("paste plain text", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/plain", "!", () => expectDocument("ab!c\n")))));
+
+  test("paste simple html", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/html", "&lt;", () => expectDocument("ab<c\n")))));
+
+  test("paste complex html", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/html", "<div>Hello world<br></div><div>This is a test</div>", () => expectDocument("abHello world\nThis is a test\nc\n")))));
+
+  test("paste html in expanded selection", expectDocument => typeCharacters("abc", () => moveCursor("left", () => expandSelection({direction: "left", times: 2}, () => pasteContent("text/html", "<strong>x</strong>", function() {
+    assert.selectedRange(1);
+    return expectDocument("xc\n");
+  })))));
+
+  test("paste plain text with CRLF ", expectDocument => pasteContent("text/plain", "a\r\nb\r\nc", () => expectDocument("a\nb\nc\n")));
+
+  test("paste html with CRLF ", expectDocument => pasteContent("text/html", "<div>a<br></div>\r\n<div>b<br></div>\r\n<div>c<br></div>", () => expectDocument("a\nb\nc\n")));
+
+  test("paste unsafe html", function(done) {
+    window.unsanitized = [];
+    const pasteData = {
+      "text/plain": "x",
+      "text/html": `\
+<img onload="window.unsanitized.push('img.onload');" src="${TEST_IMAGE_URL}">
+<img onerror="window.unsanitized.push('img.onerror');" src="data:image/gif;base64,TOTALLYBOGUS">
+<script>
+  window.unsanitized.push('script tag');
+</script>\
+`
+    };
+
+    return pasteContent(pasteData, () => after(20, function() {
+      assert.deepEqual(window.unsanitized, []);
+      delete window.unsanitized;
+      return done();
+    }));
+  });
+
+  test("prefers plain text when html lacks formatting", function(expectDocument) {
+    const pasteData = {
+      "text/html": "<meta charset='utf-8'>a\nb",
       "text/plain": "a\nb"
+    };
 
-    pasteContent pasteData, ->
-      expectDocument "a\nb\n"
+    return pasteContent(pasteData, () => expectDocument("a\nb\n"));
+  });
 
-  test "prefers formatted html", (expectDocument) ->
-    pasteData =
-      "text/html": "<meta charset='utf-8'>a\n<strong>b</strong>"
+  test("prefers formatted html", function(expectDocument) {
+    const pasteData = {
+      "text/html": "<meta charset='utf-8'>a\n<strong>b</strong>",
       "text/plain": "a\nb"
+    };
 
-    pasteContent pasteData, ->
-      expectDocument "a b\n"
+    return pasteContent(pasteData, () => expectDocument("a b\n"));
+  });
 
-  test "paste URL", (expectDocument) ->
-    typeCharacters "a", ->
-      pasteContent "URL", "http://example.com", ->
-        assert.textAttributes([1, 18], href: "http://example.com")
-        expectDocument "ahttp://example.com\n"
+  test("paste URL", expectDocument => typeCharacters("a", () => pasteContent("URL", "http://example.com", function() {
+    assert.textAttributes([1, 18], {href: "http://example.com"});
+    return expectDocument("ahttp://example.com\n");
+  })));
 
-  test "paste URL with name", (expectDocument) ->
-    pasteData =
-      "URL": "http://example.com"
-      "public.url-name": "Example"
+  test("paste URL with name", function(expectDocument) {
+    const pasteData = {
+      "URL": "http://example.com",
+      "public.url-name": "Example",
       "text/plain": "http://example.com"
-
-    pasteContent pasteData, ->
-      assert.textAttributes([0, 7], href: "http://example.com")
-      expectDocument "Example\n"
-
-  test "paste JavaScript URL", (expectDocument) ->
-   pasteData =
-     "URL": "javascript:alert('XSS')"
-   pasteContent pasteData, ->
-     assert.textAttributes([0, 23], {})
-     expectDocument "javascript:alert('XSS')\n"
-
-  test "paste URL with name containing extraneous whitespace", (expectDocument) ->
-    pasteData =
-      "URL": "http://example.com"
-      "public.url-name": "   Example from \n link  around\n\nnested \nelements "
+    };
+
+    return pasteContent(pasteData, function() {
+      assert.textAttributes([0, 7], {href: "http://example.com"});
+      return expectDocument("Example\n");
+    });
+  });
+
+  test("paste JavaScript URL", function(expectDocument) {
+   const pasteData =
+     {"URL": "javascript:alert('XSS')"};
+   return pasteContent(pasteData, function() {
+     assert.textAttributes([0, 23], {});
+     return expectDocument("javascript:alert('XSS')\n");
+   });
+  });
+
+  test("paste URL with name containing extraneous whitespace", function(expectDocument) {
+    const pasteData = {
+      "URL": "http://example.com",
+      "public.url-name": "   Example from \n link  around\n\nnested \nelements ",
       "text/plain": "http://example.com"
+    };
 
-    pasteContent pasteData, ->
-      assert.textAttributes([0, 40], href: "http://example.com")
-      expectDocument "Example from link around nested elements\n"
-
-  test "paste complex html into formatted block", (done) ->
-    typeCharacters "abc", ->
-      clickToolbarButton attribute: "quote", ->
-        pasteContent "text/html", "<div>Hello world<br></div><pre>This is a test</pre>", ->
-          document = getDocument()
-          assert.equal document.getBlockCount(), 2
-
-          block = document.getBlockAtIndex(0)
-          assert.deepEqual block.getAttributes(), ["quote"],
-          assert.equal block.toString(), "abcHello world\n"
-
-          block = document.getBlockAtIndex(1)
-          assert.deepEqual block.getAttributes(), ["quote", "code"]
-          assert.equal block.toString(), "This is a test\n"
-
-          done()
-
-  test "paste list into list", (done) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "abc\n", ->
-        pasteContent "text/html", "<ul><li>one</li><li>two</li></ul>", ->
-          document = getDocument()
-          assert.equal document.getBlockCount(), 3
-
-          block = document.getBlockAtIndex(0)
-          assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-          assert.equal block.toString(), "abc\n"
-
-          block = document.getBlockAtIndex(1)
-          assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-          assert.equal block.toString(), "one\n"
-
-          block = document.getBlockAtIndex(2)
-          assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-          assert.equal block.toString(), "two\n"
-
-          done()
-
-  test "paste list into quote", (done) ->
-    clickToolbarButton attribute: "quote", ->
-      typeCharacters "abc", ->
-        pasteContent "text/html", "<ul><li>one</li><li>two</li></ul>", ->
-          document = getDocument()
-          assert.equal document.getBlockCount(), 3
-
-          block = document.getBlockAtIndex(0)
-          assert.deepEqual block.getAttributes(), ["quote"]
-          assert.equal block.toString(), "abc\n"
-
-          block = document.getBlockAtIndex(1)
-          assert.deepEqual block.getAttributes(), ["quote", "bulletList", "bullet"]
-          assert.equal block.toString(), "one\n"
-
-          block = document.getBlockAtIndex(2)
-          assert.deepEqual block.getAttributes(), ["quote", "bulletList", "bullet"]
-          assert.equal block.toString(), "two\n"
-
-          done()
-
-  test "paste list into quoted list", (done) ->
-    clickToolbarButton attribute: "quote", ->
-      clickToolbarButton attribute: "bullet", ->
-        typeCharacters "abc\n", ->
-          pasteContent "text/html", "<ul><li>one</li><li>two</li></ul>", ->
-            document = getDocument()
-            assert.equal document.getBlockCount(), 3
-
-            block = document.getBlockAtIndex(0)
-            assert.deepEqual block.getAttributes(), ["quote", "bulletList", "bullet"]
-            assert.equal block.toString(), "abc\n"
-
-            block = document.getBlockAtIndex(1)
-            assert.deepEqual block.getAttributes(), ["quote", "bulletList", "bullet"]
-            assert.equal block.toString(), "one\n"
-
-            block = document.getBlockAtIndex(2)
-            assert.deepEqual block.getAttributes(), ["quote", "bulletList", "bullet"]
-            assert.equal block.toString(), "two\n"
-
-            done()
-
-  test "paste nested list into empty list item", (done) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "y\nzz", ->
-        getSelectionManager().setLocationRange(index: 0, offset: 1)
-        defer ->
-          pressKey "backspace", ->
-            pasteContent "text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", ->
-            document = getDocument()
-            assert.equal document.getBlockCount(), 3
-
-            block = document.getBlockAtIndex(0)
-            assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-            assert.equal block.toString(), "a\n"
-
-            block = document.getBlockAtIndex(1)
-            assert.deepEqual block.getAttributes(), ["bulletList", "bullet", "bulletList", "bullet"]
-            assert.equal block.toString(), "b\n"
-
-            block = document.getBlockAtIndex(2)
-            assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-            assert.equal block.toString(), "zz\n"
-            done()
-
-  test "paste nested list over list item contents", (done) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "y\nzz", ->
-        getSelectionManager().setLocationRange(index: 0, offset: 1)
-        defer ->
-          expandSelection "left", ->
-            pasteContent "text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", ->
-            document = getDocument()
-            assert.equal document.getBlockCount(), 3
-
-            block = document.getBlockAtIndex(0)
-            assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-            assert.equal block.toString(), "a\n"
-
-            block = document.getBlockAtIndex(1)
-            assert.deepEqual block.getAttributes(), ["bulletList", "bullet", "bulletList", "bullet"]
-            assert.equal block.toString(), "b\n"
-
-            block = document.getBlockAtIndex(2)
-            assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-            assert.equal block.toString(), "zz\n"
-            done()
-
-  test "paste list into empty block before list", (done) ->
-    clickToolbarButton attribute: "bullet", ->
-      typeCharacters "c", ->
-        moveCursor "left", ->
-          pressKey "return", ->
-            getSelectionManager().setLocationRange(index: 0, offset: 0)
-            defer ->
-              pasteContent "text/html", "<ul><li>a</li><li>b</li></ul>", ->
-                document = getDocument()
-                assert.equal document.getBlockCount(), 3
-
-                block = document.getBlockAtIndex(0)
-                assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-                assert.equal block.toString(), "a\n"
-
-                block = document.getBlockAtIndex(1)
-                assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-                assert.equal block.toString(), "b\n"
-
-                block = document.getBlockAtIndex(2)
-                assert.deepEqual block.getAttributes(), ["bulletList", "bullet"]
-                assert.equal block.toString(), "c\n"
-                done()
-
-  test "paste file", (expectDocument) ->
-    typeCharacters "a", ->
-      pasteContent "Files", (createFile()), ->
-        expectDocument "a#{OBJECT_REPLACEMENT_CHARACTER}\n"
-
-  testIf config.input.getLevel() is 0, "paste event with no clipboardData", (expectDocument) ->
-    typeCharacters "a", ->
-      triggerEvent(document.activeElement, "paste")
-      document.activeElement.insertAdjacentHTML("beforeend", "<span>bc</span>")
-      requestAnimationFrame ->
-        expectDocument("abc\n")
+    return pasteContent(pasteData, function() {
+      assert.textAttributes([0, 40], {href: "http://example.com"});
+      return expectDocument("Example from link around nested elements\n");
+    });
+  });
+
+  test("paste complex html into formatted block", done => typeCharacters("abc", () => clickToolbarButton({attribute: "quote"}, () => pasteContent("text/html", "<div>Hello world<br></div><pre>This is a test</pre>", function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 2);
+
+    let block = document.getBlockAtIndex(0);
+    assert.deepEqual(block.getAttributes(), ["quote"],
+    assert.equal(block.toString(), "abcHello world\n"));
+
+    block = document.getBlockAtIndex(1);
+    assert.deepEqual(block.getAttributes(), ["quote", "code"]);
+    assert.equal(block.toString(), "This is a test\n");
+
+    return done();
+  }))));
+
+  test("paste list into list", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("abc\n", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 3);
+
+    let block = document.getBlockAtIndex(0);
+    assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+    assert.equal(block.toString(), "abc\n");
+
+    block = document.getBlockAtIndex(1);
+    assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+    assert.equal(block.toString(), "one\n");
+
+    block = document.getBlockAtIndex(2);
+    assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+    assert.equal(block.toString(), "two\n");
+
+    return done();
+  }))));
+
+  test("paste list into quote", done => clickToolbarButton({attribute: "quote"}, () => typeCharacters("abc", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 3);
+
+    let block = document.getBlockAtIndex(0);
+    assert.deepEqual(block.getAttributes(), ["quote"]);
+    assert.equal(block.toString(), "abc\n");
+
+    block = document.getBlockAtIndex(1);
+    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
+    assert.equal(block.toString(), "one\n");
+
+    block = document.getBlockAtIndex(2);
+    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
+    assert.equal(block.toString(), "two\n");
+
+    return done();
+  }))));
+
+  test("paste list into quoted list", done => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("abc\n", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
+    const document = getDocument();
+    assert.equal(document.getBlockCount(), 3);
+
+    let block = document.getBlockAtIndex(0);
+    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
+    assert.equal(block.toString(), "abc\n");
+
+    block = document.getBlockAtIndex(1);
+    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
+    assert.equal(block.toString(), "one\n");
+
+    block = document.getBlockAtIndex(2);
+    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
+    assert.equal(block.toString(), "two\n");
+
+    return done();
+  })))));
+
+  test("paste nested list into empty list item", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("y\nzz", function() {
+    getSelectionManager().setLocationRange({index: 0, offset: 1});
+    return defer(() => pressKey("backspace", function() {
+      pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", function() {});
+      const document = getDocument();
+      assert.equal(document.getBlockCount(), 3);
+
+      let block = document.getBlockAtIndex(0);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+      assert.equal(block.toString(), "a\n");
+
+      block = document.getBlockAtIndex(1);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet", "bulletList", "bullet"]);
+      assert.equal(block.toString(), "b\n");
+
+      block = document.getBlockAtIndex(2);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+      assert.equal(block.toString(), "zz\n");
+      return done();
+    }));
+  })));
+
+  test("paste nested list over list item contents", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("y\nzz", function() {
+    getSelectionManager().setLocationRange({index: 0, offset: 1});
+    return defer(() => expandSelection("left", function() {
+      pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", function() {});
+      const document = getDocument();
+      assert.equal(document.getBlockCount(), 3);
+
+      let block = document.getBlockAtIndex(0);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+      assert.equal(block.toString(), "a\n");
+
+      block = document.getBlockAtIndex(1);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet", "bulletList", "bullet"]);
+      assert.equal(block.toString(), "b\n");
+
+      block = document.getBlockAtIndex(2);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+      assert.equal(block.toString(), "zz\n");
+      return done();
+    }));
+  })));
+
+  test("paste list into empty block before list", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("c", () => moveCursor("left", () => pressKey("return", function() {
+    getSelectionManager().setLocationRange({index: 0, offset: 0});
+    return defer(() => pasteContent("text/html", "<ul><li>a</li><li>b</li></ul>", function() {
+      const document = getDocument();
+      assert.equal(document.getBlockCount(), 3);
+
+      let block = document.getBlockAtIndex(0);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+      assert.equal(block.toString(), "a\n");
+
+      block = document.getBlockAtIndex(1);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+      assert.equal(block.toString(), "b\n");
+
+      block = document.getBlockAtIndex(2);
+      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
+      assert.equal(block.toString(), "c\n");
+      return done();
+    }));
+  })))));
+
+  test("paste file", expectDocument => typeCharacters("a", () => pasteContent("Files", (createFile()), () => expectDocument(`a${OBJECT_REPLACEMENT_CHARACTER}\n`))));
+
+  return testIf(config.input.getLevel() === 0, "paste event with no clipboardData", expectDocument => typeCharacters("a", function() {
+    triggerEvent(document.activeElement, "paste");
+    document.activeElement.insertAdjacentHTML("beforeend", "<span>bc</span>");
+    return requestAnimationFrame(() => expectDocument("abc\n"));
+  }));
+});
diff --git a/src/test/system/text_formatting_test.js b/src/test/system/text_formatting_test.js
index 3529adf2d..340d4e423 100644
--- a/src/test/system/text_formatting_test.js
+++ b/src/test/system/text_formatting_test.js
@@ -1,186 +1,201 @@
-import config from "trix/config"
-import { makeElement } from "trix/core/helpers"
-import Text from "trix/models/text"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
+import { makeElement } from "trix/core/helpers";
+import Text from "trix/models/text";
 
 import { assert, clickElement, clickToolbarButton, clickToolbarDialogButton, collapseSelection, fixtures,
-  expandSelection, insertString, insertText, isToolbarButtonActive, isToolbarButtonDisabled, isToolbarDialogActive, moveCursor, pressKey, test, testIf, testGroup, typeCharacters, typeInToolbarDialog, typeToolbarKeyCommand } from "test/test_helper"
-
-testGroup "Text formatting", template: "editor_empty", ->
-  test "applying attributes to text", (done) ->
-    typeCharacters "abc", ->
-      expandSelection "left", ->
-        clickToolbarButton attribute: "bold", ->
-          assert.textAttributes([0, 2], {})
-          assert.textAttributes([2, 3], bold: true)
-          assert.textAttributes([3, 4], blockBreak: true)
-          done()
-
-  test "applying a link to text", (done) ->
-    typeCharacters "abc", ->
-      moveCursor "left", ->
-        expandSelection "left", ->
-          clickToolbarButton attribute: "href", ->
-            assert.ok isToolbarDialogActive(attribute: "href")
-            typeInToolbarDialog "http://example.com", attribute: "href", ->
-              assert.textAttributes([0, 1], {})
-              assert.textAttributes([1, 2], href: "http://example.com")
-              assert.textAttributes([2, 3], {})
-              done()
-
-  test "inserting a link", (expectDocument) ->
-    typeCharacters "a", ->
-      clickToolbarButton attribute: "href", ->
-        assert.ok isToolbarDialogActive(attribute: "href")
-        typeInToolbarDialog "http://example.com", attribute: "href", ->
-          assert.textAttributes([0, 1], {})
-          assert.textAttributes([1, 19], href: "http://example.com")
-          expectDocument("ahttp://example.com\n")
-
-  test "editing a link", (done) ->
-    insertString("a")
-    text = Text.textForStringWithAttributes("bc", href: "http://example.com")
-    insertText(text)
-    insertString("d")
-    moveCursor direction: "left", times: 2, ->
-      clickToolbarButton attribute: "href", ->
-        assert.ok isToolbarDialogActive(attribute: "href")
-        assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 3})
-        typeInToolbarDialog "http://example.org", attribute: "href", ->
-          assert.textAttributes([0, 1], {})
-          assert.textAttributes([1, 3], href: "http://example.org")
-          assert.textAttributes([3, 4], {})
-          done()
-
-  test "removing a link", (done) ->
-    text = Text.textForStringWithAttributes("ab", href: "http://example.com")
-    insertText(text)
-    assert.textAttributes([0, 2], href: "http://example.com")
-    expandSelection direction: "left", times: 2, ->
-      clickToolbarButton attribute: "href", ->
-        clickToolbarDialogButton method: "removeAttribute", ->
-          assert.textAttributes([0, 2], {})
-          done()
-
-  test "selecting an attachment disables text formatting", (done) ->
-    text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
-    insertText(text)
-    typeCharacters "a", ->
-      assert.notOk isToolbarButtonDisabled(attribute: "bold")
-      expandSelection "left", ->
-        assert.notOk isToolbarButtonDisabled(attribute: "bold")
-        expandSelection "left", ->
-          assert.ok isToolbarButtonDisabled(attribute: "bold")
-          done()
-
-  test "selecting an attachment deactivates toolbar dialog", (done) ->
-    text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
-    insertText(text)
-    clickToolbarButton attribute: "href", ->
-      assert.ok isToolbarDialogActive(attribute: "href")
-      clickElement getEditorElement().querySelector("figure"), ->
-        assert.notOk isToolbarDialogActive(attribute: "href")
-        assert.ok isToolbarButtonDisabled(attribute: "href")
-        done()
-
-  test "typing over a selected attachment does not apply disabled formatting attributes", (expectDocument) ->
-    text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
-    insertText(text)
-    expandSelection "left", ->
-      assert.ok isToolbarButtonDisabled(attribute: "bold")
-      typeCharacters "a", ->
-        assert.textAttributes([0, 1], {})
-        expectDocument("a\n")
-
-  test "applying a link to an attachment with a host-provided href", (done) ->
-    text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
-    insertText(text)
-    typeCharacters "a", ->
-      assert.notOk isToolbarButtonDisabled(attribute: "href")
-      expandSelection "left", ->
-        assert.notOk isToolbarButtonDisabled(attribute: "href")
-        expandSelection "left", ->
-          assert.ok isToolbarButtonDisabled(attribute: "href")
-          done()
-
-  test "typing after a link", (done) ->
-    typeCharacters "ab", ->
-      expandSelection direction: "left", times: 2, ->
-        clickToolbarButton attribute: "href", ->
-          typeInToolbarDialog "http://example.com", attribute: "href", ->
-            collapseSelection "right", ->
-              assert.locationRange(index: 0, offset: 2)
-              typeCharacters "c", ->
-                assert.textAttributes([0, 2], href: "http://example.com")
-                assert.textAttributes([2, 3], {})
-                moveCursor "left", ->
-                  assert.notOk isToolbarButtonActive(attribute: "href")
-                  moveCursor "left", ->
-                    assert.ok isToolbarButtonActive(attribute: "href")
-                    done()
-
-  test "applying formatting and then typing", (done) ->
-    typeCharacters "a", ->
-      clickToolbarButton attribute: "bold", ->
-        typeCharacters "bcd", ->
-          clickToolbarButton attribute: "bold", ->
-            typeCharacters "e", ->
-              assert.textAttributes([0, 1], {})
-              assert.textAttributes([1, 4], bold: true)
-              assert.textAttributes([4, 5], {})
-              done()
-
-  test "applying formatting and then moving the cursor away", (done) ->
-    typeCharacters "abc", ->
-      moveCursor "left", ->
-        assert.notOk isToolbarButtonActive(attribute: "bold")
-        clickToolbarButton attribute: "bold", ->
-          assert.ok isToolbarButtonActive(attribute: "bold")
-          moveCursor "right", ->
-            assert.notOk isToolbarButtonActive(attribute: "bold")
-            moveCursor "left", ->
-              assert.notOk isToolbarButtonActive(attribute: "bold")
-              assert.textAttributes([0, 3], {})
-              assert.textAttributes([3, 4], blockBreak: true)
-              done()
-
-  test "applying formatting to an unfocused editor", (done) ->
-    input = makeElement("input", type: "text")
-    document.body.appendChild(input)
-    input.focus()
-
-    clickToolbarButton attribute: "bold", ->
-      typeCharacters "a", ->
-        assert.textAttributes([0, 1], bold: true)
-        document.body.removeChild(input)
-        done()
-
-  test "editing formatted text", (done) ->
-    clickToolbarButton attribute: "bold", ->
-      typeCharacters "ab", ->
-        clickToolbarButton attribute: "bold", ->
-          typeCharacters "c", ->
-            assert.notOk isToolbarButtonActive(attribute: "bold")
-            moveCursor "left", ->
-              assert.ok isToolbarButtonActive(attribute: "bold")
-              moveCursor "left", ->
-                assert.ok isToolbarButtonActive(attribute: "bold")
-                typeCharacters "Z", ->
-                  assert.ok isToolbarButtonActive(attribute: "bold")
-                  assert.textAttributes([0, 3], bold: true)
-                  assert.textAttributes([3, 4], {})
-                  assert.textAttributes([4, 5], blockBreak: true)
-                  moveCursor "right", ->
-                    assert.ok isToolbarButtonActive(attribute: "bold")
-                    moveCursor "right", ->
-                      assert.notOk isToolbarButtonActive(attribute: "bold")
-                      done()
-
-  testIf config.input.getLevel() is 0, "key command activates toolbar button", (done) ->
-    typeToolbarKeyCommand attribute: "bold", ->
-      assert.ok isToolbarButtonActive(attribute: "bold")
-      done()
-
-  test "backspacing newline after text", (expectDocument) ->
-    typeCharacters "a\n", ->
-      pressKey "backspace", ->
-        expectDocument("a\n")
+  expandSelection, insertString, insertText, isToolbarButtonActive, isToolbarButtonDisabled, isToolbarDialogActive, moveCursor, pressKey, test, testIf, testGroup, typeCharacters, typeInToolbarDialog, typeToolbarKeyCommand } from "test/test_helper";
+
+testGroup("Text formatting", {template: "editor_empty"}, function() {
+  test("applying attributes to text", done => typeCharacters("abc", () => expandSelection("left", () => clickToolbarButton({attribute: "bold"}, function() {
+    assert.textAttributes([0, 2], {});
+    assert.textAttributes([2, 3], {bold: true});
+    assert.textAttributes([3, 4], {blockBreak: true});
+    return done();
+  }))));
+
+  test("applying a link to text", done => typeCharacters("abc", () => moveCursor("left", () => expandSelection("left", () => clickToolbarButton({attribute: "href"}, function() {
+    assert.ok(isToolbarDialogActive({attribute: "href"}));
+    return typeInToolbarDialog("http://example.com", {attribute: "href"}, function() {
+      assert.textAttributes([0, 1], {});
+      assert.textAttributes([1, 2], {href: "http://example.com"});
+      assert.textAttributes([2, 3], {});
+      return done();
+    });
+  })))));
+
+  test("inserting a link", expectDocument => typeCharacters("a", () => clickToolbarButton({attribute: "href"}, function() {
+    assert.ok(isToolbarDialogActive({attribute: "href"}));
+    return typeInToolbarDialog("http://example.com", {attribute: "href"}, function() {
+      assert.textAttributes([0, 1], {});
+      assert.textAttributes([1, 19], {href: "http://example.com"});
+      return expectDocument("ahttp://example.com\n");
+    });
+  })));
+
+  test("editing a link", function(done) {
+    insertString("a");
+    const text = Text.textForStringWithAttributes("bc", {href: "http://example.com"});
+    insertText(text);
+    insertString("d");
+    return moveCursor({direction: "left", times: 2}, () => clickToolbarButton({attribute: "href"}, function() {
+      assert.ok(isToolbarDialogActive({attribute: "href"}));
+      assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 3});
+      return typeInToolbarDialog("http://example.org", {attribute: "href"}, function() {
+        assert.textAttributes([0, 1], {});
+        assert.textAttributes([1, 3], {href: "http://example.org"});
+        assert.textAttributes([3, 4], {});
+        return done();
+      });
+    }));
+  });
+
+  test("removing a link", function(done) {
+    const text = Text.textForStringWithAttributes("ab", {href: "http://example.com"});
+    insertText(text);
+    assert.textAttributes([0, 2], {href: "http://example.com"});
+    return expandSelection({direction: "left", times: 2}, () => clickToolbarButton({attribute: "href"}, () => clickToolbarDialogButton({method: "removeAttribute"}, function() {
+      assert.textAttributes([0, 2], {});
+      return done();
+    })));
+  });
+
+  test("selecting an attachment disables text formatting", function(done) {
+    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak();
+    insertText(text);
+    return typeCharacters("a", function() {
+      assert.notOk(isToolbarButtonDisabled({attribute: "bold"}));
+      return expandSelection("left", function() {
+        assert.notOk(isToolbarButtonDisabled({attribute: "bold"}));
+        return expandSelection("left", function() {
+          assert.ok(isToolbarButtonDisabled({attribute: "bold"}));
+          return done();
+        });
+      });
+    });
+  });
+
+  test("selecting an attachment deactivates toolbar dialog", function(done) {
+    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak();
+    insertText(text);
+    return clickToolbarButton({attribute: "href"}, function() {
+      assert.ok(isToolbarDialogActive({attribute: "href"}));
+      return clickElement(getEditorElement().querySelector("figure"), function() {
+        assert.notOk(isToolbarDialogActive({attribute: "href"}));
+        assert.ok(isToolbarButtonDisabled({attribute: "href"}));
+        return done();
+      });
+    });
+  });
+
+  test("typing over a selected attachment does not apply disabled formatting attributes", function(expectDocument) {
+    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak();
+    insertText(text);
+    return expandSelection("left", function() {
+      assert.ok(isToolbarButtonDisabled({attribute: "bold"}));
+      return typeCharacters("a", function() {
+        assert.textAttributes([0, 1], {});
+        return expectDocument("a\n");
+      });
+    });
+  });
+
+  test("applying a link to an attachment with a host-provided href", function(done) {
+    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak();
+    insertText(text);
+    return typeCharacters("a", function() {
+      assert.notOk(isToolbarButtonDisabled({attribute: "href"}));
+      return expandSelection("left", function() {
+        assert.notOk(isToolbarButtonDisabled({attribute: "href"}));
+        return expandSelection("left", function() {
+          assert.ok(isToolbarButtonDisabled({attribute: "href"}));
+          return done();
+        });
+      });
+    });
+  });
+
+  test("typing after a link", done => typeCharacters("ab", () => expandSelection({direction: "left", times: 2}, () => clickToolbarButton({attribute: "href"}, () => typeInToolbarDialog("http://example.com", {attribute: "href"}, () => collapseSelection("right", function() {
+    assert.locationRange({index: 0, offset: 2});
+    return typeCharacters("c", function() {
+      assert.textAttributes([0, 2], {href: "http://example.com"});
+      assert.textAttributes([2, 3], {});
+      return moveCursor("left", function() {
+        assert.notOk(isToolbarButtonActive({attribute: "href"}));
+        return moveCursor("left", function() {
+          assert.ok(isToolbarButtonActive({attribute: "href"}));
+          return done();
+        });
+      });
+    });
+  }))))));
+
+  test("applying formatting and then typing", done => typeCharacters("a", () => clickToolbarButton({attribute: "bold"}, () => typeCharacters("bcd", () => clickToolbarButton({attribute: "bold"}, () => typeCharacters("e", function() {
+    assert.textAttributes([0, 1], {});
+    assert.textAttributes([1, 4], {bold: true});
+    assert.textAttributes([4, 5], {});
+    return done();
+  }))))));
+
+  test("applying formatting and then moving the cursor away", done => typeCharacters("abc", () => moveCursor("left", function() {
+    assert.notOk(isToolbarButtonActive({attribute: "bold"}));
+    return clickToolbarButton({attribute: "bold"}, function() {
+      assert.ok(isToolbarButtonActive({attribute: "bold"}));
+      return moveCursor("right", function() {
+        assert.notOk(isToolbarButtonActive({attribute: "bold"}));
+        return moveCursor("left", function() {
+          assert.notOk(isToolbarButtonActive({attribute: "bold"}));
+          assert.textAttributes([0, 3], {});
+          assert.textAttributes([3, 4], {blockBreak: true});
+          return done();
+        });
+      });
+    });
+  })));
+
+  test("applying formatting to an unfocused editor", function(done) {
+    const input = makeElement("input", {type: "text"});
+    document.body.appendChild(input);
+    input.focus();
+
+    return clickToolbarButton({attribute: "bold"}, () => typeCharacters("a", function() {
+      assert.textAttributes([0, 1], {bold: true});
+      document.body.removeChild(input);
+      return done();
+    }));
+  });
+
+  test("editing formatted text", done => clickToolbarButton({attribute: "bold"}, () => typeCharacters("ab", () => clickToolbarButton({attribute: "bold"}, () => typeCharacters("c", function() {
+    assert.notOk(isToolbarButtonActive({attribute: "bold"}));
+    return moveCursor("left", function() {
+      assert.ok(isToolbarButtonActive({attribute: "bold"}));
+      return moveCursor("left", function() {
+        assert.ok(isToolbarButtonActive({attribute: "bold"}));
+        return typeCharacters("Z", function() {
+          assert.ok(isToolbarButtonActive({attribute: "bold"}));
+          assert.textAttributes([0, 3], {bold: true});
+          assert.textAttributes([3, 4], {});
+          assert.textAttributes([4, 5], {blockBreak: true});
+          return moveCursor("right", function() {
+            assert.ok(isToolbarButtonActive({attribute: "bold"}));
+            return moveCursor("right", function() {
+              assert.notOk(isToolbarButtonActive({attribute: "bold"}));
+              return done();
+            });
+          });
+        });
+      });
+    });
+  })))));
+
+  testIf(config.input.getLevel() === 0, "key command activates toolbar button", done => typeToolbarKeyCommand({attribute: "bold"}, function() {
+    assert.ok(isToolbarButtonActive({attribute: "bold"}));
+    return done();
+  }));
+
+  return test("backspacing newline after text", expectDocument => typeCharacters("a\n", () => pressKey("backspace", () => expectDocument("a\n"))));
+});
diff --git a/src/test/system/undo_test.js b/src/test/system/undo_test.js
index 3eeae581c..87a9966c6 100644
--- a/src/test/system/undo_test.js
+++ b/src/test/system/undo_test.js
@@ -1,59 +1,79 @@
-import { assert, clickToolbarButton, expandSelection, moveCursor, test, testGroup, typeCharacters } from "test/test_helper"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { assert, clickToolbarButton, expandSelection, moveCursor, test, testGroup, typeCharacters } from "test/test_helper";
 
-testGroup "Undo/Redo", template: "editor_empty", ->
-  test "typing and undoing", (done) ->
-    first = getDocument().copy()
-    typeCharacters "abc", ->
-      assert.notOk getDocument().isEqualTo(first)
-      clickToolbarButton action: "undo", ->
-        assert.ok getDocument().isEqualTo(first)
-        done()
+testGroup("Undo/Redo", {template: "editor_empty"}, function() {
+  test("typing and undoing", function(done) {
+    const first = getDocument().copy();
+    return typeCharacters("abc", function() {
+      assert.notOk(getDocument().isEqualTo(first));
+      return clickToolbarButton({action: "undo"}, function() {
+        assert.ok(getDocument().isEqualTo(first));
+        return done();
+      });
+    });
+  });
 
-  test "typing, formatting, typing, and undoing", (done) ->
-    first = getDocument().copy()
-    typeCharacters "abc", ->
-      second = getDocument().copy()
-      clickToolbarButton attribute: "bold", ->
-        typeCharacters "def", ->
-          third = getDocument().copy()
-          clickToolbarButton action: "undo", ->
-            assert.ok getDocument().isEqualTo(second)
-            clickToolbarButton action: "undo", ->
-              assert.ok getDocument().isEqualTo(first)
-              clickToolbarButton action: "redo", ->
-                assert.ok getDocument().isEqualTo(second)
-                clickToolbarButton action: "redo", ->
-                  assert.ok getDocument().isEqualTo(third)
-                  done()
+  test("typing, formatting, typing, and undoing", function(done) {
+    const first = getDocument().copy();
+    return typeCharacters("abc", function() {
+      const second = getDocument().copy();
+      return clickToolbarButton({attribute: "bold"}, () => typeCharacters("def", function() {
+        const third = getDocument().copy();
+        return clickToolbarButton({action: "undo"}, function() {
+          assert.ok(getDocument().isEqualTo(second));
+          return clickToolbarButton({action: "undo"}, function() {
+            assert.ok(getDocument().isEqualTo(first));
+            return clickToolbarButton({action: "redo"}, function() {
+              assert.ok(getDocument().isEqualTo(second));
+              return clickToolbarButton({action: "redo"}, function() {
+                assert.ok(getDocument().isEqualTo(third));
+                return done();
+              });
+            });
+          });
+        });
+      }));
+    });
+  });
 
-  test "formatting changes are batched by location range", (done) ->
-    typeCharacters "abc", ->
-      first = getDocument().copy()
-      expandSelection "left", ->
-        clickToolbarButton attribute: "bold", ->
-          clickToolbarButton attribute: "italic", ->
-            second = getDocument().copy()
-            moveCursor "left", ->
-              expandSelection "left", ->
-                clickToolbarButton attribute: "italic", ->
-                  third = getDocument().copy()
-                  clickToolbarButton action: "undo", ->
-                    assert.ok getDocument().isEqualTo(second)
-                    clickToolbarButton action: "undo", ->
-                      assert.ok getDocument().isEqualTo(first)
-                      clickToolbarButton action: "redo", ->
-                        assert.ok getDocument().isEqualTo(second)
-                        clickToolbarButton action: "redo", ->
-                          assert.ok getDocument().isEqualTo(third)
-                          done()
+  test("formatting changes are batched by location range", done => typeCharacters("abc", function() {
+    const first = getDocument().copy();
+    return expandSelection("left", () => clickToolbarButton({attribute: "bold"}, () => clickToolbarButton({attribute: "italic"}, function() {
+      const second = getDocument().copy();
+      return moveCursor("left", () => expandSelection("left", () => clickToolbarButton({attribute: "italic"}, function() {
+        const third = getDocument().copy();
+        return clickToolbarButton({action: "undo"}, function() {
+          assert.ok(getDocument().isEqualTo(second));
+          return clickToolbarButton({action: "undo"}, function() {
+            assert.ok(getDocument().isEqualTo(first));
+            return clickToolbarButton({action: "redo"}, function() {
+              assert.ok(getDocument().isEqualTo(second));
+              return clickToolbarButton({action: "redo"}, function() {
+                assert.ok(getDocument().isEqualTo(third));
+                return done();
+              });
+            });
+          });
+        });
+      })));
+    })));
+  }));
 
-  test "block formatting are undoable", (done) ->
-    typeCharacters "abc", ->
-      first = getDocument().copy()
-      clickToolbarButton attribute: "heading1", ->
-        second = getDocument().copy()
-        clickToolbarButton action: "undo", ->
-          assert.ok getDocument().isEqualTo(first)
-          clickToolbarButton action: "redo", ->
-            assert.ok getDocument().isEqualTo(second)
-            done()
+  return test("block formatting are undoable", done => typeCharacters("abc", function() {
+    const first = getDocument().copy();
+    return clickToolbarButton({attribute: "heading1"}, function() {
+      const second = getDocument().copy();
+      return clickToolbarButton({action: "undo"}, function() {
+        assert.ok(getDocument().isEqualTo(first));
+        return clickToolbarButton({action: "redo"}, function() {
+          assert.ok(getDocument().isEqualTo(second));
+          return done();
+        });
+      });
+    });
+  }));
+});

From 9de2ecca7c60bede940e5edab5babad305c9ea99 Mon Sep 17 00:00:00 2001
From: decaffeinate <alberto@hey.com>
Date: Mon, 6 Dec 2021 16:12:50 +0000
Subject: [PATCH 03/12] decaffeinate: Run post-processing cleanups on
 accessibility_test.coffee and 20 other files

---
 src/test/system/accessibility_test.js        |  52 +-
 src/test/system/attachment_caption_test.js   |  76 +-
 src/test/system/attachment_gallery_test.js   |  79 +-
 src/test/system/attachment_test.js           | 152 ++--
 src/test/system/basic_input_test.js          |  76 +-
 src/test/system/block_formatting_test.js     | 871 ++++++++++---------
 src/test/system/caching_test.js              |  39 +-
 src/test/system/canceled_input_test.js       |  61 +-
 src/test/system/composition_input_test.js    | 252 +++---
 src/test/system/cursor_movement_test.js      | 104 +--
 src/test/system/custom_element_test.js       | 694 +++++++--------
 src/test/system/html_loading_test.js         | 169 ++--
 src/test/system/html_reparsing_test.js       |  51 +-
 src/test/system/html_replacement_test.js     | 189 ++--
 src/test/system/installation_process_test.js |  93 +-
 src/test/system/level_2_input_test.js        | 385 ++++----
 src/test/system/list_formatting_test.js      | 114 +--
 src/test/system/mutation_input_test.js       | 175 ++--
 src/test/system/pasting_test.js              | 331 +++----
 src/test/system/text_formatting_test.js      | 327 +++----
 src/test/system/undo_test.js                 | 133 +--
 21 files changed, 2265 insertions(+), 2158 deletions(-)

diff --git a/src/test/system/accessibility_test.js b/src/test/system/accessibility_test.js
index 16c539d35..d91b9fefd 100644
--- a/src/test/system/accessibility_test.js
+++ b/src/test/system/accessibility_test.js
@@ -1,43 +1,45 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { assert, test, testGroup, triggerEvent } from "test/test_helper";
+import { assert, test, testGroup, triggerEvent } from "test/test_helper"
 
-testGroup("Accessibility attributes", {template: "editor_default_aria_label"}, function() {
+testGroup("Accessibility attributes", { template: "editor_default_aria_label" }, function() {
   test("sets the role to textbox", function() {
-    const editor = document.getElementById("editor-without-labels");
-    return assert.equal(editor.getAttribute("role"), "textbox");
-  });
+    const editor = document.getElementById("editor-without-labels")
+    return assert.equal(editor.getAttribute("role"), "textbox")
+  })
 
   test("does not set aria-label when the element has no <label> elements", function() {
-    const editor = document.getElementById("editor-without-labels");
-    return assert.equal(editor.hasAttribute("aria-label"), false);
-  });
+    const editor = document.getElementById("editor-without-labels")
+    return assert.equal(editor.hasAttribute("aria-label"), false)
+  })
 
   test("does not override aria-label when the element declares it", function() {
-    const editor = document.getElementById("editor-with-aria-label");
-    return assert.equal(editor.getAttribute("aria-label"), "ARIA Label text");
-  });
+    const editor = document.getElementById("editor-with-aria-label")
+    return assert.equal(editor.getAttribute("aria-label"), "ARIA Label text")
+  })
 
   test("does not set aria-label when the element declares aria-labelledby", function() {
-    const editor = document.getElementById("editor-with-aria-labelledby");
-    assert.equal(editor.hasAttribute("aria-label"), false);
-    return assert.equal(editor.getAttribute("aria-labelledby"),"aria-labelledby-id");
-  });
+    const editor = document.getElementById("editor-with-aria-labelledby")
+    assert.equal(editor.hasAttribute("aria-label"), false)
+    return assert.equal(editor.getAttribute("aria-labelledby"), "aria-labelledby-id")
+  })
 
   test("assigns aria-label to the text of the element's <label> elements", function() {
-    const editor = document.getElementById("editor-with-labels");
-    return assert.equal(editor.getAttribute("aria-label"), "Label 1 Label 2 Label 3");
-  });
+    const editor = document.getElementById("editor-with-labels")
+    return assert.equal(editor.getAttribute("aria-label"), "Label 1 Label 2 Label 3")
+  })
 
   return test("updates the aria-label on focus", function() {
-    const editor = document.getElementById("editor-with-modified-label");
-    const label = document.getElementById("modified-label");
+    const editor = document.getElementById("editor-with-modified-label")
+    const label = document.getElementById("modified-label")
 
-    label.innerHTML = "<span>New Value</span>";
-    triggerEvent(editor, "focus");
-    return assert.equal(editor.getAttribute("aria-label"), "New Value");
-  });
-});
+    label.innerHTML = "<span>New Value</span>"
+    triggerEvent(editor, "focus")
+    return assert.equal(editor.getAttribute("aria-label"), "New Value")
+  })
+})
diff --git a/src/test/system/attachment_caption_test.js b/src/test/system/attachment_caption_test.js
index d23debfcf..33c5a0033 100644
--- a/src/test/system/attachment_caption_test.js
+++ b/src/test/system/attachment_caption_test.js
@@ -1,53 +1,59 @@
+/* eslint-disable
+    no-undef,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
+import config from "trix/config"
 
-import { assert, insertImageAttachment, test, testGroup } from "test/test_helper";
+import { assert, insertImageAttachment, test, testGroup } from "test/test_helper"
 
-testGroup("Attachment captions", {template: "editor_empty"}, function() {
+testGroup("Attachment captions", { template: "editor_empty" }, function() {
   test("default caption includes file name and size", function() {
-    insertImageAttachment();
-    const element = getCaptionElement();
-    assert.notOk(element.hasAttribute("data-trix-placeholder"));
-    return assert.equal(element.textContent, "image.gif 35 Bytes");
-  });
+    insertImageAttachment()
+    const element = getCaptionElement()
+    assert.notOk(element.hasAttribute("data-trix-placeholder"))
+    return assert.equal(element.textContent, "image.gif 35 Bytes")
+  })
 
-  test("caption excludes file name when configured", () => withPreviewCaptionConfig({name: false, size: true}, function() {
-    insertImageAttachment();
-    const element = getCaptionElement();
-    assert.notOk(element.hasAttribute("data-trix-placeholder"));
-    return assert.equal(element.textContent, "35 Bytes");
-  }));
+  test("caption excludes file name when configured", () => withPreviewCaptionConfig({ name: false, size: true }, function() {
+    insertImageAttachment()
+    const element = getCaptionElement()
+    assert.notOk(element.hasAttribute("data-trix-placeholder"))
+    return assert.equal(element.textContent, "35 Bytes")
+  }))
 
-  test("caption excludes file size when configured", () => withPreviewCaptionConfig({name: true, size: false}, function() {
-    insertImageAttachment();
-    const element = getCaptionElement();
-    assert.notOk(element.hasAttribute("data-trix-placeholder"));
-    return assert.equal(element.textContent, "image.gif");
-  }));
+  test("caption excludes file size when configured", () => withPreviewCaptionConfig({ name: true, size: false }, function() {
+    insertImageAttachment()
+    const element = getCaptionElement()
+    assert.notOk(element.hasAttribute("data-trix-placeholder"))
+    return assert.equal(element.textContent, "image.gif")
+  }))
 
-  return test("caption is empty when configured", () => withPreviewCaptionConfig({name: false, size: false}, function() {
-    insertImageAttachment();
-    const element = getCaptionElement();
-    assert.ok(element.hasAttribute("data-trix-placeholder"));
-    assert.equal(element.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder);
-    return assert.equal(element.textContent, "");
-  }));
-});
+  return test("caption is empty when configured", () => withPreviewCaptionConfig({ name: false, size: false }, function() {
+    insertImageAttachment()
+    const element = getCaptionElement()
+    assert.ok(element.hasAttribute("data-trix-placeholder"))
+    assert.equal(element.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder)
+    return assert.equal(element.textContent, "")
+  }))
+})
 
 var withPreviewCaptionConfig = function(captionConfig, fn) {
-  if (captionConfig == null) { captionConfig = {}; }
-  const {caption} = config.attachments.preview;
-  config.attachments.preview.caption = captionConfig;
+  if (captionConfig == null) { captionConfig = {} }
+  const { caption } = config.attachments.preview
+  config.attachments.preview.caption = captionConfig
   try {
-    return fn();
+    return fn()
   } finally {
-    config.attachments.preview.caption = caption;
+    config.attachments.preview.caption = caption
   }
-};
+}
 
-var getCaptionElement = () => getEditorElement().querySelector("figcaption");
+var getCaptionElement = () => getEditorElement().querySelector("figcaption")
diff --git a/src/test/system/attachment_gallery_test.js b/src/test/system/attachment_gallery_test.js
index 89c5c6f57..ee0d638f7 100644
--- a/src/test/system/attachment_gallery_test.js
+++ b/src/test/system/attachment_gallery_test.js
@@ -1,57 +1,64 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { assert, clickToolbarButton, createImageAttachment, defer, insertAttachments, moveCursor, pressKey, test, testGroup, typeCharacters } from "test/test_helper";
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
+import { assert, clickToolbarButton, createImageAttachment, defer, insertAttachments, moveCursor, pressKey, test, testGroup, typeCharacters } from "test/test_helper"
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
-const ORC = OBJECT_REPLACEMENT_CHARACTER;
+const ORC = OBJECT_REPLACEMENT_CHARACTER
 
-testGroup("Attachment galleries", {template: "editor_empty"}, function() {
+testGroup("Attachment galleries", { template: "editor_empty" }, function() {
   test("inserting more than one image attachment creates a gallery block", function(expectDocument) {
-    insertAttachments(createImageAttachments(2));
-    assert.blockAttributes([0, 2], ["attachmentGallery"]);
-    return expectDocument(`${ORC}${ORC}\n`);
-  });
+    insertAttachments(createImageAttachments(2))
+    assert.blockAttributes([ 0, 2 ], [ "attachmentGallery" ])
+    return expectDocument(`${ORC}${ORC}\n`)
+  })
 
   test("gallery formatting is removed from blocks containing less than two image attachments", function(expectDocument) {
-    insertAttachments(createImageAttachments(2));
-    assert.blockAttributes([0, 2], ["attachmentGallery"]);
-    getEditor().setSelectedRange([1, 2]);
+    insertAttachments(createImageAttachments(2))
+    assert.blockAttributes([ 0, 2 ], [ "attachmentGallery" ])
+    getEditor().setSelectedRange([ 1, 2 ])
     return pressKey("backspace", () => requestAnimationFrame(function() {
-      assert.blockAttributes([0, 2], []);
-      return expectDocument(`${ORC}\n`);
-    }));
-  });
+      assert.blockAttributes([ 0, 2 ], [])
+      return expectDocument(`${ORC}\n`)
+    }))
+  })
 
   test("typing in an attachment gallery block splits it", function(expectDocument) {
-    insertAttachments(createImageAttachments(4));
-    getEditor().setSelectedRange(2);
+    insertAttachments(createImageAttachments(4))
+    getEditor().setSelectedRange(2)
     return typeCharacters("a", () => requestAnimationFrame(function() {
-      assert.blockAttributes([0, 2], ["attachmentGallery"]);
-      assert.blockAttributes([3, 4], []);
-      assert.blockAttributes([5, 7], ["attachmentGallery"]);
-      return expectDocument(`${ORC}${ORC}\na\n${ORC}${ORC}\n`);
-    }));
-  });
+      assert.blockAttributes([ 0, 2 ], [ "attachmentGallery" ])
+      assert.blockAttributes([ 3, 4 ], [])
+      assert.blockAttributes([ 5, 7 ], [ "attachmentGallery" ])
+      return expectDocument(`${ORC}${ORC}\na\n${ORC}${ORC}\n`)
+    }))
+  })
 
-  return test("inserting a gallery in a formatted block", expectDocument => clickToolbarButton({attribute: "quote"}, () => typeCharacters("abc", function() {
-    insertAttachments(createImageAttachments(2));
+  return test("inserting a gallery in a formatted block", expectDocument => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("abc", function() {
+    insertAttachments(createImageAttachments(2))
     return requestAnimationFrame(function() {
-      assert.blockAttributes([0, 3], ["quote"]);
-      assert.blockAttributes([4, 6], ["attachmentGallery"]);
-      return expectDocument(`abc\n${ORC}${ORC}\n`);
-    });
-  })));
-});
+      assert.blockAttributes([ 0, 3 ], [ "quote" ])
+      assert.blockAttributes([ 4, 6 ], [ "attachmentGallery" ])
+      return expectDocument(`abc\n${ORC}${ORC}\n`)
+    })
+  })))
+})
 
 var createImageAttachments = function(num) {
-  if (num == null) { num = 1; }
-  const attachments = [];
+  if (num == null) { num = 1 }
+  const attachments = []
   while (attachments.length < num) {
-    attachments.push(createImageAttachment());
+    attachments.push(createImageAttachment())
   }
-  return attachments;
-};
+  return attachments
+}
diff --git a/src/test/system/attachment_test.js b/src/test/system/attachment_test.js
index 9c70d1727..4d5729f81 100644
--- a/src/test/system/attachment_test.js
+++ b/src/test/system/attachment_test.js
@@ -1,100 +1,106 @@
+/* eslint-disable
+    no-undef,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
+import config from "trix/config"
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
-import { after, assert, clickElement, clickToolbarButton, createFile, defer, dragToCoordinates, moveCursor, pressKey, test, testGroup, triggerEvent, typeCharacters } from "test/test_helper";
+import { after, assert, clickElement, clickToolbarButton, createFile, defer, dragToCoordinates, moveCursor, pressKey, test, testGroup, triggerEvent, typeCharacters } from "test/test_helper"
 
-testGroup("Attachments", {template: "editor_with_image"}, function() {
-  test("moving an image by drag and drop", expectDocument => typeCharacters("!", () => moveCursor({direction: "right", times: 1}, function(coordinates) {
-    const img = document.activeElement.querySelector("img");
-    triggerEvent(img, "mousedown");
-    return defer(() => dragToCoordinates(coordinates, () => expectDocument(`!a${OBJECT_REPLACEMENT_CHARACTER}b\n`)));
-  })));
+testGroup("Attachments", { template: "editor_with_image" }, function() {
+  test("moving an image by drag and drop", expectDocument => typeCharacters("!", () => moveCursor({ direction: "right", times: 1 }, function(coordinates) {
+    const img = document.activeElement.querySelector("img")
+    triggerEvent(img, "mousedown")
+    return defer(() => dragToCoordinates(coordinates, () => expectDocument(`!a${OBJECT_REPLACEMENT_CHARACTER}b\n`)))
+  })))
 
   test("removing an image", expectDocument => after(20, () => clickElement(getFigure(), function() {
-    const closeButton = getFigure().querySelector("[data-trix-action=remove]");
-    return clickElement(closeButton, () => expectDocument("ab\n"));
-  })));
+    const closeButton = getFigure().querySelector("[data-trix-action=remove]")
+    return clickElement(closeButton, () => expectDocument("ab\n"))
+  })))
 
   test("editing an image caption", expectDocument => after(20, () => clickElement(findElement("figure"), () => clickElement(findElement("figcaption"), () => defer(function() {
-    const textarea = findElement("textarea");
-    assert.ok(textarea);
-    textarea.focus();
-    textarea.value = "my";
-    triggerEvent(textarea, "input");
+    const textarea = findElement("textarea")
+    assert.ok(textarea)
+    textarea.focus()
+    textarea.value = "my"
+    triggerEvent(textarea, "input")
     return defer(function() {
-      textarea.value = "";
+      textarea.value = ""
       return defer(function() {
-        textarea.value = "my caption";
-        triggerEvent(textarea, "input");
+        textarea.value = "my caption"
+        triggerEvent(textarea, "input")
         return pressKey("return", function() {
-          assert.notOk(findElement("textarea"));
-          assert.textAttributes([2, 3], {caption: "my caption"});
-          assert.locationRange({index: 0, offset: 3});
-          return expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`);
-        });
-      });
-    });
-  })))));
+          assert.notOk(findElement("textarea"))
+          assert.textAttributes([ 2, 3 ], { caption: "my caption" })
+          assert.locationRange({ index: 0, offset: 3 })
+          return expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`)
+        })
+      })
+    })
+  })))))
 
   test("editing an attachment caption with no filename", done => after(20, function() {
-    let captionElement = findElement("figcaption");
-    assert.ok(captionElement.clientHeight > 0);
-    assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder);
+    let captionElement = findElement("figcaption")
+    assert.ok(captionElement.clientHeight > 0)
+    assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder)
 
     return clickElement(findElement("figure"), function() {
-      captionElement = findElement("figcaption");
-      assert.ok(captionElement.clientHeight > 0);
-      assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder);
-      return done();
-    });
-  }));
+      captionElement = findElement("figcaption")
+      assert.ok(captionElement.clientHeight > 0)
+      assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder)
+      return done()
+    })
+  }))
 
   test("updating an attachment's href attribute while editing its caption", function(expectDocument) {
-    const attachment = getEditorController().attachmentManager.getAttachments()[0];
+    const attachment = getEditorController().attachmentManager.getAttachments()[0]
     return after(20, () => clickElement(findElement("figure"), () => clickElement(findElement("figcaption"), () => defer(function() {
-      let textarea = findElement("textarea");
-      assert.ok(textarea);
-      textarea.focus();
-      textarea.value = "my caption";
-      triggerEvent(textarea, "input");
-      attachment.setAttributes({href: "https://example.com"});
+      let textarea = findElement("textarea")
+      assert.ok(textarea)
+      textarea.focus()
+      textarea.value = "my caption"
+      triggerEvent(textarea, "input")
+      attachment.setAttributes({ href: "https://example.com" })
       return defer(function() {
-        textarea = findElement("textarea");
-        assert.ok(document.activeElement === textarea);
-        assert.equal(textarea.value, "my caption");
+        textarea = findElement("textarea")
+        assert.ok(document.activeElement === textarea)
+        assert.equal(textarea.value, "my caption")
         return pressKey("return", function() {
-          assert.notOk(findElement("textarea"));
-          assert.textAttributes([2, 3], {caption: "my caption"});
-          assert.locationRange({index: 0, offset: 3});
-          return expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`);
-        });
-      });
-    }))));
-  });
+          assert.notOk(findElement("textarea"))
+          assert.textAttributes([ 2, 3 ], { caption: "my caption" })
+          assert.locationRange({ index: 0, offset: 3 })
+          return expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`)
+        })
+      })
+    }))))
+  })
 
-  return testGroup("File insertion", {template: "editor_empty"}, function() {
-    test("inserting a file in a formatted block", expectDocument => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "bold"}, function() {
-      getComposition().insertFile(createFile());
-      assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
-      assert.textAttributes([0, 1], {});
-      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
-    })));
+  return testGroup("File insertion", { template: "editor_empty" }, function() {
+    test("inserting a file in a formatted block", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "bold" }, function() {
+      getComposition().insertFile(createFile())
+      assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+      assert.textAttributes([ 0, 1 ], {})
+      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+    })))
 
-    return test("inserting a files in a formatted block", expectDocument => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({attribute: "italic"}, function() {
-      getComposition().insertFiles([createFile(), createFile()]);
-      assert.blockAttributes([0, 2], ["quote"]);
-      assert.textAttributes([0, 1], {});
-      assert.textAttributes([1, 2], {});
-      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}${OBJECT_REPLACEMENT_CHARACTER}\n`);
-    })));
-  });
-});
+    return test("inserting a files in a formatted block", expectDocument => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ attribute: "italic" }, function() {
+      getComposition().insertFiles([ createFile(), createFile() ])
+      assert.blockAttributes([ 0, 2 ], [ "quote" ])
+      assert.textAttributes([ 0, 1 ], {})
+      assert.textAttributes([ 1, 2 ], {})
+      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}${OBJECT_REPLACEMENT_CHARACTER}\n`)
+    })))
+  })
+})
 
-var getFigure = () => findElement("figure");
+var getFigure = () => findElement("figure")
 
-var findElement = selector => getEditorElement().querySelector(selector);
+var findElement = selector => getEditorElement().querySelector(selector)
diff --git a/src/test/system/basic_input_test.js b/src/test/system/basic_input_test.js
index 8b3c99c6b..845d8e241 100644
--- a/src/test/system/basic_input_test.js
+++ b/src/test/system/basic_input_test.js
@@ -1,68 +1,70 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
+import config from "trix/config"
 
-import { assert, defer, dragToCoordinates, expandSelection, insertNode, moveCursor, pressKey, selectAll, test, testIf, testGroup, triggerEvent, typeCharacters } from "test/test_helper";
+import { assert, defer, dragToCoordinates, expandSelection, insertNode, moveCursor, pressKey, selectAll, test, testGroup, testIf, triggerEvent, typeCharacters } from "test/test_helper"
 
-testGroup("Basic input", {template: "editor_empty"}, function() {
-  test("typing", expectDocument => typeCharacters("abc", () => expectDocument("abc\n")));
+testGroup("Basic input", { template: "editor_empty" }, function() {
+  test("typing", expectDocument => typeCharacters("abc", () => expectDocument("abc\n")))
 
   test("backspacing", expectDocument => typeCharacters("abc\b", function() {
-    assert.locationRange({index: 0, offset: 2});
-    return expectDocument("ab\n");
-  }));
+    assert.locationRange({ index: 0, offset: 2 })
+    return expectDocument("ab\n")
+  }))
 
-  test("pressing delete", expectDocument => typeCharacters("ab", () => moveCursor("left", () => pressKey("delete", () => expectDocument("a\n")))));
+  test("pressing delete", expectDocument => typeCharacters("ab", () => moveCursor("left", () => pressKey("delete", () => expectDocument("a\n")))))
 
-  test("pressing return", expectDocument => typeCharacters("ab", () => pressKey("return", () => typeCharacters("c", () => expectDocument("ab\nc\n")))));
+  test("pressing return", expectDocument => typeCharacters("ab", () => pressKey("return", () => typeCharacters("c", () => expectDocument("ab\nc\n")))))
 
   test("pressing escape in Safari", expectDocument => typeCharacters("a", function() {
-    if (triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape"})) {
-      triggerEvent(document.activeElement, "keypress", {charCode: 27, keyCode: 27, which: 27, key: "Escape", code: "Escape"});
+    if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape" })) {
+      triggerEvent(document.activeElement, "keypress", { charCode: 27, keyCode: 27, which: 27, key: "Escape", code: "Escape" })
     }
-    return defer(() => expectDocument("a\n"));
-  }));
+    return defer(() => expectDocument("a\n"))
+  }))
 
   test("pressing escape in Firefox", expectDocument => typeCharacters("a", function() {
-    if (triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape"})) {
-      triggerEvent(document.activeElement, "keypress", {charCode: 0, keyCode: 27, which: 0, key: "Escape", code: "Escape"});
+    if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape" })) {
+      triggerEvent(document.activeElement, "keypress", { charCode: 0, keyCode: 27, which: 0, key: "Escape", code: "Escape" })
     }
-    return defer(() => expectDocument("a\n"));
-  }));
+    return defer(() => expectDocument("a\n"))
+  }))
 
   test("pressing escape in Chrome", expectDocument => typeCharacters("a", function() {
-    triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape"});
-    return defer(() => expectDocument("a\n"));
-  }));
+    triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape" })
+    return defer(() => expectDocument("a\n"))
+  }))
 
-  test("cursor left", expectDocument => typeCharacters("ac", () => moveCursor("left", () => typeCharacters("b", () => expectDocument("abc\n")))));
+  test("cursor left", expectDocument => typeCharacters("ac", () => moveCursor("left", () => typeCharacters("b", () => expectDocument("abc\n")))))
 
-  test("replace entire document", expectDocument => typeCharacters("abc", () => selectAll(() => typeCharacters("d", () => expectDocument("d\n")))));
+  test("replace entire document", expectDocument => typeCharacters("abc", () => selectAll(() => typeCharacters("d", () => expectDocument("d\n")))))
 
-  test("remove entire document", expectDocument => typeCharacters("abc", () => selectAll(() => typeCharacters("\b", () => expectDocument("\n")))));
+  test("remove entire document", expectDocument => typeCharacters("abc", () => selectAll(() => typeCharacters("\b", () => expectDocument("\n")))))
 
-  test("drag text", expectDocument => typeCharacters("abc", () => moveCursor({direction: "left", times: 2}, coordinates => moveCursor("right", () => expandSelection("right", () => dragToCoordinates(coordinates, () => expectDocument("acb\n")))))));
+  test("drag text", expectDocument => typeCharacters("abc", () => moveCursor({ direction: "left", times: 2 }, coordinates => moveCursor("right", () => expandSelection("right", () => dragToCoordinates(coordinates, () => expectDocument("acb\n")))))))
 
   testIf(config.input.getLevel() === 0, "inserting newline after cursor (control + o)", expectDocument => typeCharacters("ab", () => moveCursor("left", function() {
-    triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 79, which: 79, ctrlKey: true});
+    triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 79, which: 79, ctrlKey: true })
     return defer(function() {
-      assert.locationRange({index: 0, offset: 1});
-      return expectDocument("a\nb\n");
-    });
-  })));
+      assert.locationRange({ index: 0, offset: 1 })
+      return expectDocument("a\nb\n")
+    })
+  })))
 
   return testIf(config.input.getLevel() === 0, "inserting ó with control + alt + o (AltGr)", expectDocument => typeCharacters("ab", () => moveCursor("left", function() {
-    if (triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 79, which: 79, altKey: true, ctrlKey: true})) {
-      triggerEvent(document.activeElement, "keypress", {charCode: 243, keyCode: 243, which: 243, altKey: true, ctrlKey: true});
-      insertNode(document.createTextNode("ó"));
+    if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 79, which: 79, altKey: true, ctrlKey: true })) {
+      triggerEvent(document.activeElement, "keypress", { charCode: 243, keyCode: 243, which: 243, altKey: true, ctrlKey: true })
+      insertNode(document.createTextNode("ó"))
     }
 
     return defer(function() {
-      assert.locationRange({index: 0, offset: 2});
-      return expectDocument("aób\n");
-    });
-  })));
-});
+      assert.locationRange({ index: 0, offset: 2 })
+      return expectDocument("aób\n")
+    })
+  })))
+})
diff --git a/src/test/system/block_formatting_test.js b/src/test/system/block_formatting_test.js
index 2ad0219a7..9fc2bae78 100644
--- a/src/test/system/block_formatting_test.js
+++ b/src/test/system/block_formatting_test.js
@@ -1,47 +1,52 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import Text from "trix/models/text";
-import Block from "trix/models/block";
-import Document from "trix/models/document";
-
-import { assert, clickToolbarButton, defer, expandSelection, isToolbarButtonActive, isToolbarButtonDisabled, moveCursor, pressKey, replaceDocument, selectAll, test, testGroup, typeCharacters } from "test/test_helper";
-
-testGroup("Block formatting", {template: "editor_empty"}, function() {
-  test("applying block attributes", done => typeCharacters("abc", () => clickToolbarButton({attribute: "quote"}, function() {
-    assert.blockAttributes([0, 4], ["quote"]);
-    assert.ok(isToolbarButtonActive({attribute: "quote"}));
-    return clickToolbarButton({attribute: "code"}, function() {
-      assert.blockAttributes([0, 4], ["quote", "code"]);
-      assert.ok(isToolbarButtonActive({attribute: "code"}));
-      return clickToolbarButton({attribute: "code"}, function() {
-        assert.blockAttributes([0, 4], ["quote"]);
-        assert.notOk(isToolbarButtonActive({attribute: "code"}));
-        assert.ok(isToolbarButtonActive({attribute: "quote"}));
-        return done();
-      });
-    });
-  })));
-
-  test("applying block attributes to text after newline", done => typeCharacters("a\nbc", () => clickToolbarButton({attribute: "quote"}, function() {
-    assert.blockAttributes([0, 2], []);
-    assert.blockAttributes([2, 4], ["quote"]);
-    return done();
-  })));
+import Text from "trix/models/text"
+import Block from "trix/models/block"
+import Document from "trix/models/document"
+
+import { assert, clickToolbarButton, defer, expandSelection, isToolbarButtonActive, isToolbarButtonDisabled, moveCursor, pressKey, replaceDocument, selectAll, test, testGroup, typeCharacters } from "test/test_helper"
+
+testGroup("Block formatting", { template: "editor_empty" }, function() {
+  test("applying block attributes", done => typeCharacters("abc", () => clickToolbarButton({ attribute: "quote" }, function() {
+    assert.blockAttributes([ 0, 4 ], [ "quote" ])
+    assert.ok(isToolbarButtonActive({ attribute: "quote" }))
+    return clickToolbarButton({ attribute: "code" }, function() {
+      assert.blockAttributes([ 0, 4 ], [ "quote", "code" ])
+      assert.ok(isToolbarButtonActive({ attribute: "code" }))
+      return clickToolbarButton({ attribute: "code" }, function() {
+        assert.blockAttributes([ 0, 4 ], [ "quote" ])
+        assert.notOk(isToolbarButtonActive({ attribute: "code" }))
+        assert.ok(isToolbarButtonActive({ attribute: "quote" }))
+        return done()
+      })
+    })
+  })))
+
+  test("applying block attributes to text after newline", done => typeCharacters("a\nbc", () => clickToolbarButton({ attribute: "quote" }, function() {
+    assert.blockAttributes([ 0, 2 ], [])
+    assert.blockAttributes([ 2, 4 ], [ "quote" ])
+    return done()
+  })))
 
   test("applying block attributes to text between newlines", done => typeCharacters(`\
 ab
 def
 ghi
 j\
-`, () => moveCursor({direction: "left", times: 2}, () => expandSelection({direction: "left", times: 5}, () => clickToolbarButton({attribute: "quote"}, function() {
-    assert.blockAttributes([0, 3], []);
-    assert.blockAttributes([3, 11], ["quote"]);
-    assert.blockAttributes([11, 13], []);
-    return done();
-  })))));
+`, () => moveCursor({ direction: "left", times: 2 }, () => expandSelection({ direction: "left", times: 5 }, () => clickToolbarButton({ attribute: "quote" }, function() {
+    assert.blockAttributes([ 0, 3 ], [])
+    assert.blockAttributes([ 3, 11 ], [ "quote" ])
+    assert.blockAttributes([ 11, 13 ], [])
+    return done()
+  })))))
 
   test("applying bullets to text with newlines", done => typeCharacters(`\
 abc
@@ -49,51 +54,51 @@ def
 ghi
 jkl
 mno\
-`, () => moveCursor({direction: "left", times: 2}, () => expandSelection({direction: "left", times: 15}, () => clickToolbarButton({attribute: "bullet"}, function() {
-    assert.blockAttributes([0, 4], ["bulletList", "bullet"]);
-    assert.blockAttributes([4, 8], ["bulletList", "bullet"]);
-    assert.blockAttributes([8, 12], ["bulletList", "bullet"]);
-    assert.blockAttributes([12, 16], ["bulletList", "bullet"]);
-    assert.blockAttributes([16, 20], ["bulletList", "bullet"]);
-    return done();
-  })))));
+`, () => moveCursor({ direction: "left", times: 2 }, () => expandSelection({ direction: "left", times: 15 }, () => clickToolbarButton({ attribute: "bullet" }, function() {
+    assert.blockAttributes([ 0, 4 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 4, 8 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 8, 12 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 12, 16 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 16, 20 ], [ "bulletList", "bullet" ])
+    return done()
+  })))))
 
   test("applying block attributes to adjacent unformatted blocks consolidates them", function(done) {
     const document = new Document([
-        new Block(Text.textForStringWithAttributes("1"), ["bulletList", "bullet"]),
+        new Block(Text.textForStringWithAttributes("1"), [ "bulletList", "bullet" ]),
         new Block(Text.textForStringWithAttributes("a"), []),
         new Block(Text.textForStringWithAttributes("b"), []),
         new Block(Text.textForStringWithAttributes("c"), []),
-        new Block(Text.textForStringWithAttributes("2"), ["bulletList", "bullet"]),
-        new Block(Text.textForStringWithAttributes("3"), ["bulletList", "bullet"])
-      ]);
-
-    replaceDocument(document);
-    getEditorController().setLocationRange([{index: 0, offset: 0}, {index: 5, offset: 1}]);
-    return defer(() => clickToolbarButton({attribute: "quote"}, function() {
-      assert.blockAttributes([0, 2], ["bulletList", "bullet", "quote"]);
-      assert.blockAttributes([2, 8], ["quote"]);
-      assert.blockAttributes([8, 10], ["bulletList", "bullet", "quote"]);
-      assert.blockAttributes([10, 12], ["bulletList", "bullet", "quote"]);
-      return done();
-    }));
-  });
-
-  test("breaking out of the end of a block", done => typeCharacters("abc", () => clickToolbarButton({attribute: "quote"}, () => typeCharacters("\n\n", function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 2);
-
-    let block = document.getBlockAtIndex(0);
-    assert.deepEqual(block.getAttributes(), ["quote"]);
-    assert.equal(block.toString(), "abc\n");
-
-    block = document.getBlockAtIndex(1);
-    assert.deepEqual(block.getAttributes(), []);
-    assert.equal(block.toString(), "\n");
-
-    assert.locationRange({index: 1, offset: 0});
-    return done();
-  }))));
+        new Block(Text.textForStringWithAttributes("2"), [ "bulletList", "bullet" ]),
+        new Block(Text.textForStringWithAttributes("3"), [ "bulletList", "bullet" ])
+      ])
+
+    replaceDocument(document)
+    getEditorController().setLocationRange([ { index: 0, offset: 0 }, { index: 5, offset: 1 } ])
+    return defer(() => clickToolbarButton({ attribute: "quote" }, function() {
+      assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet", "quote" ])
+      assert.blockAttributes([ 2, 8 ], [ "quote" ])
+      assert.blockAttributes([ 8, 10 ], [ "bulletList", "bullet", "quote" ])
+      assert.blockAttributes([ 10, 12 ], [ "bulletList", "bullet", "quote" ])
+      return done()
+    }))
+  })
+
+  test("breaking out of the end of a block", done => typeCharacters("abc", () => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("\n\n", function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 2)
+
+    let block = document.getBlockAtIndex(0)
+    assert.deepEqual(block.getAttributes(), [ "quote" ])
+    assert.equal(block.toString(), "abc\n")
+
+    block = document.getBlockAtIndex(1)
+    assert.deepEqual(block.getAttributes(), [])
+    assert.equal(block.toString(), "\n")
+
+    assert.locationRange({ index: 1, offset: 0 })
+    return done()
+  }))))
 
 
   test("breaking out of the middle of a block before character", done => // * = cursor
@@ -103,26 +108,26 @@ mno\
   //
   typeCharacters(
     "abc",
-    () => clickToolbarButton({attribute: "quote"}, () => moveCursor("left", () => typeCharacters("\n\n", function() {
-      const document = getDocument();
-      assert.equal(document.getBlockCount(), 3);
+    () => clickToolbarButton({ attribute: "quote" }, () => moveCursor("left", () => typeCharacters("\n\n", function() {
+      const document = getDocument()
+      assert.equal(document.getBlockCount(), 3)
 
-      let block = document.getBlockAtIndex(0);
-      assert.deepEqual(block.getAttributes(), ["quote"]);
-      assert.equal(block.toString(), "ab\n");
+      let block = document.getBlockAtIndex(0)
+      assert.deepEqual(block.getAttributes(), [ "quote" ])
+      assert.equal(block.toString(), "ab\n")
 
-      block = document.getBlockAtIndex(1);
-      assert.deepEqual(block.getAttributes(), []);
-      assert.equal(block.toString(), "\n");
+      block = document.getBlockAtIndex(1)
+      assert.deepEqual(block.getAttributes(), [])
+      assert.equal(block.toString(), "\n")
 
-      block = document.getBlockAtIndex(2);
-      assert.deepEqual(block.getAttributes(), ["quote"]);
-      assert.equal(block.toString(), "c\n");
+      block = document.getBlockAtIndex(2)
+      assert.deepEqual(block.getAttributes(), [ "quote" ])
+      assert.equal(block.toString(), "c\n")
 
-      assert.locationRange({index: 2, offset: 0});
-      return done();
+      assert.locationRange({ index: 2, offset: 0 })
+      return done()
     })))
-  ));
+  ))
 
   test("breaking out of the middle of a block before newline", done => // * = cursor
   //
@@ -132,25 +137,25 @@ mno\
   //
   typeCharacters(
     "abc",
-    () => clickToolbarButton({attribute: "quote"}, () => moveCursor("left", () => typeCharacters("\n", () => moveCursor("left", () => typeCharacters("\n\n", function() {
-      const document = getDocument();
-      assert.equal(document.getBlockCount(), 3);
+    () => clickToolbarButton({ attribute: "quote" }, () => moveCursor("left", () => typeCharacters("\n", () => moveCursor("left", () => typeCharacters("\n\n", function() {
+      const document = getDocument()
+      assert.equal(document.getBlockCount(), 3)
 
-      let block = document.getBlockAtIndex(0);
-      assert.deepEqual(block.getAttributes(), ["quote"]);
-      assert.equal(block.toString(), "ab\n");
+      let block = document.getBlockAtIndex(0)
+      assert.deepEqual(block.getAttributes(), [ "quote" ])
+      assert.equal(block.toString(), "ab\n")
 
-      block = document.getBlockAtIndex(1);
-      assert.deepEqual(block.getAttributes(), []);
-      assert.equal(block.toString(), "\n");
+      block = document.getBlockAtIndex(1)
+      assert.deepEqual(block.getAttributes(), [])
+      assert.equal(block.toString(), "\n")
 
-      block = document.getBlockAtIndex(2);
-      assert.deepEqual(block.getAttributes(), ["quote"]);
-      assert.equal(block.toString(), "c\n");
+      block = document.getBlockAtIndex(2)
+      assert.deepEqual(block.getAttributes(), [ "quote" ])
+      assert.equal(block.toString(), "c\n")
 
-      return done();
+      return done()
     })))))
-  ));
+  ))
 
   test("breaking out of a formatted block with adjacent non-formatted blocks", function(expectDocument) {
     // * = cursor
@@ -160,23 +165,23 @@ mno\
     // c
     let document = new Document([
         new Block(Text.textForStringWithAttributes("a"), []),
-        new Block(Text.textForStringWithAttributes("b"), ["quote"]),
+        new Block(Text.textForStringWithAttributes("b"), [ "quote" ]),
         new Block(Text.textForStringWithAttributes("c"), [])
-      ]);
+      ])
 
-    replaceDocument(document);
-    getEditor().setSelectedRange(3);
+    replaceDocument(document)
+    getEditor().setSelectedRange(3)
 
     return typeCharacters("\n\n", function() {
-      document = getDocument();
-      assert.equal(document.getBlockCount(), 4);
-      assert.blockAttributes([0, 1], []);
-      assert.blockAttributes([2, 3], ["quote"]);
-      assert.blockAttributes([4, 5], []);
-      assert.blockAttributes([5, 6], []);
-      return expectDocument("a\nb\n\nc\n");
-    });
-  });
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 4)
+      assert.blockAttributes([ 0, 1 ], [])
+      assert.blockAttributes([ 2, 3 ], [ "quote" ])
+      assert.blockAttributes([ 4, 5 ], [])
+      assert.blockAttributes([ 5, 6 ], [])
+      return expectDocument("a\nb\n\nc\n")
+    })
+  })
 
   test("breaking out a block after newline at offset 0", done => // * = cursor
   //
@@ -185,415 +190,415 @@ mno\
   //
   typeCharacters(
     "a",
-    () => clickToolbarButton({attribute: "quote"}, () => moveCursor("left", () => typeCharacters("\n\n", function() {
-      const document = getDocument();
-      assert.equal(document.getBlockCount(), 2);
+    () => clickToolbarButton({ attribute: "quote" }, () => moveCursor("left", () => typeCharacters("\n\n", function() {
+      const document = getDocument()
+      assert.equal(document.getBlockCount(), 2)
 
-      let block = document.getBlockAtIndex(0);
-      assert.deepEqual(block.getAttributes(), []);
-      assert.equal(block.toString(), "\n");
+      let block = document.getBlockAtIndex(0)
+      assert.deepEqual(block.getAttributes(), [])
+      assert.equal(block.toString(), "\n")
 
-      block = document.getBlockAtIndex(1);
-      assert.deepEqual(block.getAttributes(), ["quote"]);
-      assert.equal(block.toString(), "a\n");
-      assert.locationRange({index: 1, offset: 0});
+      block = document.getBlockAtIndex(1)
+      assert.deepEqual(block.getAttributes(), [ "quote" ])
+      assert.equal(block.toString(), "a\n")
+      assert.locationRange({ index: 1, offset: 0 })
 
-      return done();
+      return done()
     })))
-  ));
+  ))
 
-  test("deleting the only non-block-break character in a block", done => typeCharacters("ab", () => clickToolbarButton({attribute: "quote"}, () => typeCharacters("\b\b", function() {
-    assert.blockAttributes([0, 1], ["quote"]);
-    return done();
-  }))));
+  test("deleting the only non-block-break character in a block", done => typeCharacters("ab", () => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("\b\b", function() {
+    assert.blockAttributes([ 0, 1 ], [ "quote" ])
+    return done()
+  }))))
 
-  test("backspacing a quote", done => clickToolbarButton({attribute: "quote"}, function() {
-    assert.blockAttributes([0, 1], ["quote"]);
+  test("backspacing a quote", done => clickToolbarButton({ attribute: "quote" }, function() {
+    assert.blockAttributes([ 0, 1 ], [ "quote" ])
     return pressKey("backspace", function() {
-      assert.blockAttributes([0, 1], []);
-      return done();
-    });
-  }));
+      assert.blockAttributes([ 0, 1 ], [])
+      return done()
+    })
+  }))
 
-  test("backspacing a nested quote", done => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
-    assert.blockAttributes([0, 1], ["quote", "quote"]);
+  test("backspacing a nested quote", done => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
+    assert.blockAttributes([ 0, 1 ], [ "quote", "quote" ])
     return pressKey("backspace", function() {
-      assert.blockAttributes([0, 1], ["quote"]);
+      assert.blockAttributes([ 0, 1 ], [ "quote" ])
       return pressKey("backspace", function() {
-        assert.blockAttributes([0, 1], []);
-        return done();
-      });
-    });
-  })));
-
-  test("backspacing a list item", done => clickToolbarButton({attribute: "bullet"}, function() {
-    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
+        assert.blockAttributes([ 0, 1 ], [])
+        return done()
+      })
+    })
+  })))
+
+  test("backspacing a list item", done => clickToolbarButton({ attribute: "bullet" }, function() {
+    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
     return pressKey("backspace", function() {
-      assert.blockAttributes([0, 0], []);
-      return done();
-    });
-  }));
+      assert.blockAttributes([ 0, 0 ], [])
+      return done()
+    })
+  }))
 
-  test("backspacing a nested list item", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n", () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
-    assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet"]);
+  test("backspacing a nested list item", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
+    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
     return pressKey("backspace", function() {
-      assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
-      return expectDocument("a\n\n");
-    });
-  }))));
+      assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+      return expectDocument("a\n\n")
+    })
+  }))))
 
-  test("backspacing a list item inside a quote", done => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({attribute: "bullet"}, function() {
-    assert.blockAttributes([0, 1], ["quote", "bulletList", "bullet"]);
+  test("backspacing a list item inside a quote", done => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ attribute: "bullet" }, function() {
+    assert.blockAttributes([ 0, 1 ], [ "quote", "bulletList", "bullet" ])
     return pressKey("backspace", function() {
-      assert.blockAttributes([0, 1], ["quote"]);
+      assert.blockAttributes([ 0, 1 ], [ "quote" ])
       return pressKey("backspace", function() {
-        assert.blockAttributes([0, 1], []);
-        return done();
-      });
-    });
-  })));
-
-  test("backspacing selected nested list items", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("b", function() {
-    getSelectionManager().setLocationRange([{index: 0, offset: 0}, {index: 1, offset: 1}]);
+        assert.blockAttributes([ 0, 1 ], [])
+        return done()
+      })
+    })
+  })))
+
+  test("backspacing selected nested list items", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("b", function() {
+    getSelectionManager().setLocationRange([ { index: 0, offset: 0 }, { index: 1, offset: 1 } ])
     return pressKey("backspace", function() {
-      assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
-      return expectDocument("\n");
-    });
-  })))));
-
-  test("backspace selection spanning formatted blocks", expectDocument => clickToolbarButton({attribute: "quote"}, () => typeCharacters("ab\n\n", () => clickToolbarButton({attribute: "code"}, () => typeCharacters("cd", function() {
-    getSelectionManager().setLocationRange([{index: 0, offset: 1}, {index: 1, offset: 1}]);
-    getComposition().deleteInDirection("backward");
-    assert.blockAttributes([0, 2], ["quote"]);
-    return expectDocument("ad\n");
-  })))));
-
-  test("backspace selection spanning and entire formatted block and a formatted block", expectDocument => clickToolbarButton({attribute: "quote"}, () => typeCharacters("ab\n\n", () => clickToolbarButton({attribute: "code"}, () => typeCharacters("cd", function() {
-    getSelectionManager().setLocationRange([{index: 0, offset: 0}, {index: 1, offset: 1}]);
-    getComposition().deleteInDirection("backward");
-    assert.blockAttributes([0, 2], ["code"]);
-    return expectDocument("d\n");
-  })))));
+      assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+      return expectDocument("\n")
+    })
+  })))))
+
+  test("backspace selection spanning formatted blocks", expectDocument => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("ab\n\n", () => clickToolbarButton({ attribute: "code" }, () => typeCharacters("cd", function() {
+    getSelectionManager().setLocationRange([ { index: 0, offset: 1 }, { index: 1, offset: 1 } ])
+    getComposition().deleteInDirection("backward")
+    assert.blockAttributes([ 0, 2 ], [ "quote" ])
+    return expectDocument("ad\n")
+  })))))
+
+  test("backspace selection spanning and entire formatted block and a formatted block", expectDocument => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("ab\n\n", () => clickToolbarButton({ attribute: "code" }, () => typeCharacters("cd", function() {
+    getSelectionManager().setLocationRange([ { index: 0, offset: 0 }, { index: 1, offset: 1 } ])
+    getComposition().deleteInDirection("backward")
+    assert.blockAttributes([ 0, 2 ], [ "code" ])
+    return expectDocument("d\n")
+  })))))
 
   test("increasing list level", function(done) {
-    assert.ok(isToolbarButtonDisabled({action: "increaseNestingLevel"}));
-    assert.ok(isToolbarButtonDisabled({action: "decreaseNestingLevel"}));
-    return clickToolbarButton({attribute: "bullet"}, function() {
-      assert.ok(isToolbarButtonDisabled({action: "increaseNestingLevel"}));
-      assert.notOk(isToolbarButtonDisabled({action: "decreaseNestingLevel"}));
+    assert.ok(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
+    assert.ok(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
+    return clickToolbarButton({ attribute: "bullet" }, function() {
+      assert.ok(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
+      assert.notOk(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
       return typeCharacters("a\n", function() {
-        assert.notOk(isToolbarButtonDisabled({action: "increaseNestingLevel"}));
-        assert.notOk(isToolbarButtonDisabled({action: "decreaseNestingLevel"}));
-        return clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("b", function() {
-          assert.ok(isToolbarButtonDisabled({action: "increaseNestingLevel"}));
-          assert.notOk(isToolbarButtonDisabled({action: "decreaseNestingLevel"}));
-          assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
-          assert.blockAttributes([2, 4], ["bulletList", "bullet", "bulletList", "bullet"]);
-          return done();
-        }));
-      });
-    });
-  });
-
-  test("changing list type", done => clickToolbarButton({attribute: "bullet"}, function() {
-    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
-    return clickToolbarButton({attribute: "number"}, function() {
-      assert.blockAttributes([0, 1], ["numberList", "number"]);
-      return done();
-    });
-  }));
-
-  test("adding bullet to heading block", done => clickToolbarButton({attribute: "heading1"}, () => clickToolbarButton({attribute: "bullet"}, function() {
-    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
-    assert.blockAttributes([1, 2], []);
-    return done();
-  })));
-
-  test("removing bullet from heading block", done => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "heading1"}, function() {
-    assert.ok(isToolbarButtonDisabled({attribute: "bullet"}));
-    return done();
-  })));
-
-  test("breaking out of heading in list", expectDocument => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "heading1"}, function() {
-    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
+        assert.notOk(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
+        assert.notOk(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
+        return clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("b", function() {
+          assert.ok(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
+          assert.notOk(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
+          assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+          assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
+          return done()
+        }))
+      })
+    })
+  })
+
+  test("changing list type", done => clickToolbarButton({ attribute: "bullet" }, function() {
+    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+    return clickToolbarButton({ attribute: "number" }, function() {
+      assert.blockAttributes([ 0, 1 ], [ "numberList", "number" ])
+      return done()
+    })
+  }))
+
+  test("adding bullet to heading block", done => clickToolbarButton({ attribute: "heading1" }, () => clickToolbarButton({ attribute: "bullet" }, function() {
+    assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
+    assert.blockAttributes([ 1, 2 ], [])
+    return done()
+  })))
+
+  test("removing bullet from heading block", done => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "heading1" }, function() {
+    assert.ok(isToolbarButtonDisabled({ attribute: "bullet" }))
+    return done()
+  })))
+
+  test("breaking out of heading in list", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "heading1" }, function() {
+    assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
     return typeCharacters("abc", () => typeCharacters("\n", function() {
-      assert.ok(isToolbarButtonActive({attribute: "bullet"}));
-      const document = getDocument();
-      assert.equal(document.getBlockCount(), 2);
-      assert.blockAttributes([0, 4], ["bulletList", "bullet", "heading1"]);
-      assert.blockAttributes([4, 5], ["bulletList", "bullet"]);
-      return expectDocument("abc\n\n");
-    }));
-  })));
-
-  test("breaking out of middle of heading block", expectDocument => clickToolbarButton({attribute: "heading1"}, () => typeCharacters("abc", function() {
-    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
-    return moveCursor({direction: "left", times: 1}, () => typeCharacters("\n", function() {
-      const document = getDocument();
-      assert.equal(document.getBlockCount(), 2);
-      assert.blockAttributes([0, 3], ["heading1"]);
-      assert.blockAttributes([3, 4], ["heading1"]);
-      return expectDocument("ab\nc\n");
-    }));
-  })));
+      assert.ok(isToolbarButtonActive({ attribute: "bullet" }))
+      const document = getDocument()
+      assert.equal(document.getBlockCount(), 2)
+      assert.blockAttributes([ 0, 4 ], [ "bulletList", "bullet", "heading1" ])
+      assert.blockAttributes([ 4, 5 ], [ "bulletList", "bullet" ])
+      return expectDocument("abc\n\n")
+    }))
+  })))
+
+  test("breaking out of middle of heading block", expectDocument => clickToolbarButton({ attribute: "heading1" }, () => typeCharacters("abc", function() {
+    assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
+    return moveCursor({ direction: "left", times: 1 }, () => typeCharacters("\n", function() {
+      const document = getDocument()
+      assert.equal(document.getBlockCount(), 2)
+      assert.blockAttributes([ 0, 3 ], [ "heading1" ])
+      assert.blockAttributes([ 3, 4 ], [ "heading1" ])
+      return expectDocument("ab\nc\n")
+    }))
+  })))
 
   test("breaking out of middle of heading block with preceding blocks", function(expectDocument) {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("a"), ["heading1"]),
+        new Block(Text.textForStringWithAttributes("a"), [ "heading1" ]),
         new Block(Text.textForStringWithAttributes("b"), []),
-        new Block(Text.textForStringWithAttributes("cd"), ["heading1"])
-      ]);
+        new Block(Text.textForStringWithAttributes("cd"), [ "heading1" ])
+      ])
 
-    replaceDocument(document);
-    getEditor().setSelectedRange(5);
-    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
+    replaceDocument(document)
+    getEditor().setSelectedRange(5)
+    assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
 
     return typeCharacters("\n", function() {
-      document = getDocument();
-      assert.equal(document.getBlockCount(), 4);
-      assert.blockAttributes([0, 1], ["heading1"]);
-      assert.blockAttributes([2, 3], []);
-      assert.blockAttributes([4, 5], ["heading1"]);
-      assert.blockAttributes([6, 7], ["heading1"]);
-      return expectDocument("a\nb\nc\nd\n");
-    });
-  });
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 4)
+      assert.blockAttributes([ 0, 1 ], [ "heading1" ])
+      assert.blockAttributes([ 2, 3 ], [])
+      assert.blockAttributes([ 4, 5 ], [ "heading1" ])
+      assert.blockAttributes([ 6, 7 ], [ "heading1" ])
+      return expectDocument("a\nb\nc\nd\n")
+    })
+  })
 
   test("breaking out of end of heading block with preceding blocks", function(expectDocument) {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("a"), ["heading1"]),
+        new Block(Text.textForStringWithAttributes("a"), [ "heading1" ]),
         new Block(Text.textForStringWithAttributes("b"), []),
-        new Block(Text.textForStringWithAttributes("cd"), ["heading1"])
-      ]);
+        new Block(Text.textForStringWithAttributes("cd"), [ "heading1" ])
+      ])
 
-    replaceDocument(document);
-    getEditor().setSelectedRange(6);
-    assert.ok(isToolbarButtonActive({attribute: "heading1"}));
+    replaceDocument(document)
+    getEditor().setSelectedRange(6)
+    assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
 
     return typeCharacters("\n", function() {
-      document = getDocument();
-      assert.equal(document.getBlockCount(), 4);
-      assert.blockAttributes([0, 1], ["heading1"]);
-      assert.blockAttributes([2, 3], []);
-      assert.blockAttributes([4, 6], ["heading1"]);
-      assert.blockAttributes([7, 8], []);
-      return expectDocument("a\nb\ncd\n\n");
-    });
-  });
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 4)
+      assert.blockAttributes([ 0, 1 ], [ "heading1" ])
+      assert.blockAttributes([ 2, 3 ], [])
+      assert.blockAttributes([ 4, 6 ], [ "heading1" ])
+      assert.blockAttributes([ 7, 8 ], [])
+      return expectDocument("a\nb\ncd\n\n")
+    })
+  })
 
   test("inserting newline before heading", function(done) {
     let document = new Document([
         new Block(Text.textForStringWithAttributes("\n"), []),
-        new Block(Text.textForStringWithAttributes("abc"), ["heading1"])
-      ]);
+        new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ])
+      ])
 
-    replaceDocument(document);
-    getEditor().setSelectedRange(0);
+    replaceDocument(document)
+    getEditor().setSelectedRange(0)
 
     return typeCharacters("\n", function() {
-      document = getDocument();
-      assert.equal(document.getBlockCount(), 2);
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 2)
 
-      let block = document.getBlockAtIndex(0);
-      assert.deepEqual(block.getAttributes(), []);
-      assert.equal(block.toString(), "\n\n\n");
+      let block = document.getBlockAtIndex(0)
+      assert.deepEqual(block.getAttributes(), [])
+      assert.equal(block.toString(), "\n\n\n")
 
-      block = document.getBlockAtIndex(1);
-      assert.deepEqual(block.getAttributes(), ["heading1"]);
-      assert.equal(block.toString(), "abc\n");
+      block = document.getBlockAtIndex(1)
+      assert.deepEqual(block.getAttributes(), [ "heading1" ])
+      assert.equal(block.toString(), "abc\n")
 
-      return done();
-    });
-  });
+      return done()
+    })
+  })
 
   test("inserting multiple newlines before heading", function(done) {
     let document = new Document([
         new Block(Text.textForStringWithAttributes("\n"), []),
-        new Block(Text.textForStringWithAttributes("abc"), ["heading1"])
-      ]);
+        new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ])
+      ])
 
-    replaceDocument(document);
-    getEditor().setSelectedRange(0);
+    replaceDocument(document)
+    getEditor().setSelectedRange(0)
 
     return typeCharacters("\n\n", function() {
-      document = getDocument();
-      assert.equal(document.getBlockCount(), 2);
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 2)
 
-      let block = document.getBlockAtIndex(0);
-      assert.deepEqual(block.getAttributes(), []);
-      assert.equal(block.toString(), "\n\n\n\n");
+      let block = document.getBlockAtIndex(0)
+      assert.deepEqual(block.getAttributes(), [])
+      assert.equal(block.toString(), "\n\n\n\n")
 
-      block = document.getBlockAtIndex(1);
-      assert.deepEqual(block.getAttributes(), ["heading1"]);
-      assert.equal(block.toString(), "abc\n");
-      return done();
-    });
-  });
+      block = document.getBlockAtIndex(1)
+      assert.deepEqual(block.getAttributes(), [ "heading1" ])
+      assert.equal(block.toString(), "abc\n")
+      return done()
+    })
+  })
 
   test("inserting multiple newlines before formatted block", function(expectDocument) {
     let document = new Document([
         new Block(Text.textForStringWithAttributes("\n"), []),
-        new Block(Text.textForStringWithAttributes("abc"), ["quote"])
-      ]);
+        new Block(Text.textForStringWithAttributes("abc"), [ "quote" ])
+      ])
 
-    replaceDocument(document);
-    getEditor().setSelectedRange(1);
+    replaceDocument(document)
+    getEditor().setSelectedRange(1)
 
     return typeCharacters("\n\n", function() {
-      document = getDocument();
-      assert.equal(document.getBlockCount(), 2);
-      assert.blockAttributes([0, 1], []);
-      assert.blockAttributes([2, 3], []);
-      assert.blockAttributes([4, 6], ["quote"]);
-      assert.locationRange({index: 0, offset: 3});
-      return expectDocument("\n\n\n\nabc\n");
-    });
-  });
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 2)
+      assert.blockAttributes([ 0, 1 ], [])
+      assert.blockAttributes([ 2, 3 ], [])
+      assert.blockAttributes([ 4, 6 ], [ "quote" ])
+      assert.locationRange({ index: 0, offset: 3 })
+      return expectDocument("\n\n\n\nabc\n")
+    })
+  })
 
   test("inserting newline after heading with text in following block", function(expectDocument) {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("ab"), ["heading1"]),
+        new Block(Text.textForStringWithAttributes("ab"), [ "heading1" ]),
         new Block(Text.textForStringWithAttributes("cd"), [])
-      ]);
+      ])
 
-    replaceDocument(document);
-    getEditor().setSelectedRange(2);
+    replaceDocument(document)
+    getEditor().setSelectedRange(2)
 
     return typeCharacters("\n", function() {
-      document = getDocument();
-      assert.equal(document.getBlockCount(), 3);
-      assert.blockAttributes([0, 2], ["heading1"]);
-      assert.blockAttributes([3, 4], []);
-      assert.blockAttributes([5, 6], []);
-      return expectDocument("ab\n\ncd\n");
-    });
-  });
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 3)
+      assert.blockAttributes([ 0, 2 ], [ "heading1" ])
+      assert.blockAttributes([ 3, 4 ], [])
+      assert.blockAttributes([ 5, 6 ], [])
+      return expectDocument("ab\n\ncd\n")
+    })
+  })
 
   test("backspacing a newline in an empty block with adjacent formatted blocks", function(expectDocument) {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("abc"), ["heading1"]),
+        new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ]),
         new Block,
-        new Block(Text.textForStringWithAttributes("d"), ["heading1"])
-      ]);
+        new Block(Text.textForStringWithAttributes("d"), [ "heading1" ])
+      ])
 
-    replaceDocument(document);
-    getEditor().setSelectedRange(4);
+    replaceDocument(document)
+    getEditor().setSelectedRange(4)
 
     return pressKey("backspace", function() {
-      document = getDocument();
-      assert.equal(document.getBlockCount(), 2);
-      assert.blockAttributes([0, 1], ["heading1"]);
-      assert.blockAttributes([2, 3], ["heading1"]);
-      return expectDocument("abc\nd\n");
-    });
-  });
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 2)
+      assert.blockAttributes([ 0, 1 ], [ "heading1" ])
+      assert.blockAttributes([ 2, 3 ], [ "heading1" ])
+      return expectDocument("abc\nd\n")
+    })
+  })
 
   test("backspacing a newline at beginning of non-formatted block", function(expectDocument) {
      let document = new Document([
-         new Block(Text.textForStringWithAttributes("ab"), ["heading1"]),
+         new Block(Text.textForStringWithAttributes("ab"), [ "heading1" ]),
          new Block(Text.textForStringWithAttributes("\ncd"), [])
-       ]);
+       ])
 
-     replaceDocument(document);
-     getEditor().setSelectedRange(3);
+     replaceDocument(document)
+     getEditor().setSelectedRange(3)
 
      return pressKey("backspace", function() {
-       document = getDocument();
-       assert.equal(document.getBlockCount(), 2);
-       assert.blockAttributes([0, 2], ["heading1"]);
-       assert.blockAttributes([3, 5], []);
-       return expectDocument("ab\ncd\n");
-     });
-  });
-
-  test("inserting newline after single character header", expectDocument => clickToolbarButton({attribute: "heading1"}, () => typeCharacters("a", () => typeCharacters("\n", function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 2);
-    assert.blockAttributes([0, 1], ["heading1"]);
-    return expectDocument("a\n\n");
-  }))));
+       document = getDocument()
+       assert.equal(document.getBlockCount(), 2)
+       assert.blockAttributes([ 0, 2 ], [ "heading1" ])
+       assert.blockAttributes([ 3, 5 ], [])
+       return expectDocument("ab\ncd\n")
+     })
+  })
+
+  test("inserting newline after single character header", expectDocument => clickToolbarButton({ attribute: "heading1" }, () => typeCharacters("a", () => typeCharacters("\n", function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 2)
+    assert.blockAttributes([ 0, 1 ], [ "heading1" ])
+    return expectDocument("a\n\n")
+  }))))
 
   test("terminal attributes are only added once", function(expectDocument) {
     replaceDocument(new Document([
         new Block(Text.textForStringWithAttributes("a"), []),
-        new Block(Text.textForStringWithAttributes("b"), ["heading1"]),
+        new Block(Text.textForStringWithAttributes("b"), [ "heading1" ]),
         new Block(Text.textForStringWithAttributes("c"), [])
-      ]));
+      ]))
 
-    return selectAll(() => clickToolbarButton({attribute: "heading1"}, function() {
-      assert.equal(getDocument().getBlockCount(), 3);
-      assert.blockAttributes([0, 1], ["heading1"]);
-      assert.blockAttributes([2, 3], ["heading1"]);
-      assert.blockAttributes([4, 5], ["heading1"]);
-      return expectDocument("a\nb\nc\n");
-    }));
-  });
+    return selectAll(() => clickToolbarButton({ attribute: "heading1" }, function() {
+      assert.equal(getDocument().getBlockCount(), 3)
+      assert.blockAttributes([ 0, 1 ], [ "heading1" ])
+      assert.blockAttributes([ 2, 3 ], [ "heading1" ])
+      assert.blockAttributes([ 4, 5 ], [ "heading1" ])
+      return expectDocument("a\nb\nc\n")
+    }))
+  })
 
   test("terminal attributes replace existing terminal attributes", function(expectDocument) {
     replaceDocument(new Document([
         new Block(Text.textForStringWithAttributes("a"), []),
-        new Block(Text.textForStringWithAttributes("b"), ["heading1"]),
+        new Block(Text.textForStringWithAttributes("b"), [ "heading1" ]),
         new Block(Text.textForStringWithAttributes("c"), [])
-      ]));
-
-    return selectAll(() => clickToolbarButton({attribute: "code"}, function() {
-      assert.equal(getDocument().getBlockCount(), 3);
-      assert.blockAttributes([0, 1], ["code"]);
-      assert.blockAttributes([2, 3], ["code"]);
-      assert.blockAttributes([4, 5], ["code"]);
-      return expectDocument("a\nb\nc\n");
-    }));
-  });
-
-  test("code blocks preserve newlines", expectDocument => typeCharacters("a\nb", () => selectAll(() => clickToolbarButton({attribute: "code"}, function() {
-    assert.equal(getDocument().getBlockCount(), 1);
-    assert.blockAttributes([0, 3], ["code"]);
-    return expectDocument("a\nb\n");
-  }))));
-
-  test("code blocks are not indentable", done => clickToolbarButton({attribute: "code"}, function() {
-    assert.notOk(isToolbarButtonActive({action: "increaseNestingLevel"}));
-    return done();
-  }));
-
-  test("code blocks are terminal", done => clickToolbarButton({attribute: "code"}, function() {
-    assert.ok(isToolbarButtonDisabled({attribute: "quote"}));
-    assert.ok(isToolbarButtonDisabled({attribute: "heading1"}));
-    assert.ok(isToolbarButtonDisabled({attribute: "bullet"}));
-    assert.ok(isToolbarButtonDisabled({attribute: "number"}));
-    assert.notOk(isToolbarButtonDisabled({attribute: "code"}));
-    assert.notOk(isToolbarButtonDisabled({attribute: "bold"}));
-    assert.notOk(isToolbarButtonDisabled({attribute: "italic"}));
-    return done();
-  }));
-
-  test("unindenting a code block inside a bullet", expectDocument => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "code"}, () => typeCharacters("a", () => clickToolbarButton({action: "decreaseNestingLevel"}, function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 1);
-    assert.blockAttributes([0, 1], ["code"]);
-    return expectDocument("a\n");
-  })))));
-
-  test("indenting a heading inside a bullet", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a", () => typeCharacters("\n", () => clickToolbarButton({attribute: "heading1"}, () => typeCharacters("b", () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 2);
-    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
-    assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet", "heading1"]);
-    return expectDocument("a\nb\n");
-  })))))));
-
-  test("indenting a quote inside a bullet", expectDocument => clickToolbarButton({attribute: "bullet"}, () => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 1);
-    assert.blockAttributes([0, 1], ["bulletList", "bullet", "quote", "quote"]);
-    return expectDocument("\n");
-  }))));
-
-  return test("list indentation constraints consider the list type", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n\n", () => clickToolbarButton({attribute: "number"}, () => clickToolbarButton({action: "increaseNestingLevel"}, function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 2);
-    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
-    assert.blockAttributes([2, 3], ["numberList", "number"]);
-    return expectDocument("a\n\n");
-  })))));
-});
+      ]))
+
+    return selectAll(() => clickToolbarButton({ attribute: "code" }, function() {
+      assert.equal(getDocument().getBlockCount(), 3)
+      assert.blockAttributes([ 0, 1 ], [ "code" ])
+      assert.blockAttributes([ 2, 3 ], [ "code" ])
+      assert.blockAttributes([ 4, 5 ], [ "code" ])
+      return expectDocument("a\nb\nc\n")
+    }))
+  })
+
+  test("code blocks preserve newlines", expectDocument => typeCharacters("a\nb", () => selectAll(() => clickToolbarButton({ attribute: "code" }, function() {
+    assert.equal(getDocument().getBlockCount(), 1)
+    assert.blockAttributes([ 0, 3 ], [ "code" ])
+    return expectDocument("a\nb\n")
+  }))))
+
+  test("code blocks are not indentable", done => clickToolbarButton({ attribute: "code" }, function() {
+    assert.notOk(isToolbarButtonActive({ action: "increaseNestingLevel" }))
+    return done()
+  }))
+
+  test("code blocks are terminal", done => clickToolbarButton({ attribute: "code" }, function() {
+    assert.ok(isToolbarButtonDisabled({ attribute: "quote" }))
+    assert.ok(isToolbarButtonDisabled({ attribute: "heading1" }))
+    assert.ok(isToolbarButtonDisabled({ attribute: "bullet" }))
+    assert.ok(isToolbarButtonDisabled({ attribute: "number" }))
+    assert.notOk(isToolbarButtonDisabled({ attribute: "code" }))
+    assert.notOk(isToolbarButtonDisabled({ attribute: "bold" }))
+    assert.notOk(isToolbarButtonDisabled({ attribute: "italic" }))
+    return done()
+  }))
+
+  test("unindenting a code block inside a bullet", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "code" }, () => typeCharacters("a", () => clickToolbarButton({ action: "decreaseNestingLevel" }, function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 1)
+    assert.blockAttributes([ 0, 1 ], [ "code" ])
+    return expectDocument("a\n")
+  })))))
+
+  test("indenting a heading inside a bullet", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a", () => typeCharacters("\n", () => clickToolbarButton({ attribute: "heading1" }, () => typeCharacters("b", () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 2)
+    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet", "heading1" ])
+    return expectDocument("a\nb\n")
+  })))))))
+
+  test("indenting a quote inside a bullet", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 1)
+    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet", "quote", "quote" ])
+    return expectDocument("\n")
+  }))))
+
+  return test("list indentation constraints consider the list type", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n\n", () => clickToolbarButton({ attribute: "number" }, () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 2)
+    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 2, 3 ], [ "numberList", "number" ])
+    return expectDocument("a\n\n")
+  })))))
+})
diff --git a/src/test/system/caching_test.js b/src/test/system/caching_test.js
index 80e3c9d11..74d34bb79 100644
--- a/src/test/system/caching_test.js
+++ b/src/test/system/caching_test.js
@@ -1,24 +1,29 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { assert, clickToolbarButton, moveCursor, test, testGroup, typeCharacters } from "test/test_helper";
+import { assert, clickToolbarButton, moveCursor, test, testGroup, typeCharacters } from "test/test_helper"
 
-testGroup("View caching", {template: "editor_empty"}, function() {
-  test("reparsing and rendering identical texts", done => typeCharacters("a\nb\na", () => moveCursor({direction: "left", times: 2}, () => clickToolbarButton({attribute: "quote"}, function() {
-    const html = getEditorElement().innerHTML;
-    getEditorController().reparse();
-    getEditorController().render();
-    assert.equal(getEditorElement().innerHTML, html);
-    return done();
-  }))));
+testGroup("View caching", { template: "editor_empty" }, function() {
+  test("reparsing and rendering identical texts", done => typeCharacters("a\nb\na", () => moveCursor({ direction: "left", times: 2 }, () => clickToolbarButton({ attribute: "quote" }, function() {
+    const html = getEditorElement().innerHTML
+    getEditorController().reparse()
+    getEditorController().render()
+    assert.equal(getEditorElement().innerHTML, html)
+    return done()
+  }))))
 
-  return test("reparsing and rendering identical blocks", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\na", function() {
-    const html = getEditorElement().innerHTML;
-    getEditorController().reparse();
-    getEditorController().render();
-    assert.equal(getEditorElement().innerHTML, html);
-    return done();
-  })));
-});
+  return test("reparsing and rendering identical blocks", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\na", function() {
+    const html = getEditorElement().innerHTML
+    getEditorController().reparse()
+    getEditorController().render()
+    assert.equal(getEditorElement().innerHTML, html)
+    return done()
+  })))
+})
diff --git a/src/test/system/canceled_input_test.js b/src/test/system/canceled_input_test.js
index 5c3b67426..ce709aeec 100644
--- a/src/test/system/canceled_input_test.js
+++ b/src/test/system/canceled_input_test.js
@@ -1,54 +1,59 @@
+/* eslint-disable
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { pressKey, test, testGroup, typeCharacters } from "test/test_helper";
+import { pressKey, test, testGroup, typeCharacters } from "test/test_helper"
 
 const testOptions = {
   template: "editor_empty",
   setup() {
-    let handler;
-    addEventListener("keydown", cancel, true);
-    return addEventListener("trix-before-initialize", (handler = function({target}) {
-      removeEventListener("trix-before-initialize", handler);
-      return target.addEventListener("keydown", cancel);
-    })
-    );
+    let handler
+    addEventListener("keydown", cancel, true)
+    return addEventListener("trix-before-initialize", handler = function({ target }) {
+      removeEventListener("trix-before-initialize", handler)
+      return target.addEventListener("keydown", cancel)
+    }
+    )
   },
   teardown() {
-    return removeEventListener("keydown", cancel, true);
+    return removeEventListener("keydown", cancel, true)
   }
-};
+}
 
-let cancelingInCapturingPhase = false;
-let cancelingAtTarget = false;
+let cancelingInCapturingPhase = false
+let cancelingAtTarget = false
 
 var cancel = function(event) {
   switch (event.eventPhase) {
     case Event.prototype.CAPTURING_PHASE:
-      if (cancelingInCapturingPhase) { return event.preventDefault(); }
-      break;
+      if (cancelingInCapturingPhase) { return event.preventDefault() }
+      break
     case Event.prototype.AT_TARGET:
-      if (cancelingAtTarget) { return event.preventDefault(); }
-      break;
+      if (cancelingAtTarget) { return event.preventDefault() }
+      break
   }
-};
+}
 
 testGroup("Canceled input", testOptions, function() {
   test("ignoring canceled input events in capturing phase", expectDocument => typeCharacters("a", function() {
-    cancelingInCapturingPhase = true;
+    cancelingInCapturingPhase = true
     return pressKey("backspace", () => pressKey("return", function() {
-      cancelingInCapturingPhase = false;
-      return typeCharacters("b", () => expectDocument("ab\n"));
-    }));
-  }));
+      cancelingInCapturingPhase = false
+      return typeCharacters("b", () => expectDocument("ab\n"))
+    }))
+  }))
 
   return test("ignoring canceled input events at target", expectDocument => typeCharacters("a", function() {
-    cancelingAtTarget = true;
+    cancelingAtTarget = true
     return pressKey("backspace", () => pressKey("return", function() {
-      cancelingAtTarget = false;
-      return typeCharacters("b", () => expectDocument("ab\n"));
-    }));
-  }));
-});
+      cancelingAtTarget = false
+      return typeCharacters("b", () => expectDocument("ab\n"))
+    }))
+  }))
+})
diff --git a/src/test/system/composition_input_test.js b/src/test/system/composition_input_test.js
index 181551940..3565e5adc 100644
--- a/src/test/system/composition_input_test.js
+++ b/src/test/system/composition_input_test.js
@@ -1,172 +1,178 @@
+/* eslint-disable
+    no-undef,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
+import config from "trix/config"
 
 import { assert, clickToolbarButton, defer, endComposition, insertNode,
-  pressKey, selectNode, startComposition, test, testIf, testGroup,
-  triggerEvent, triggerInputEvent, typeCharacters, updateComposition } from "test/test_helper";
+  pressKey, selectNode, startComposition, test, testGroup, testIf,
+  triggerEvent, triggerInputEvent, typeCharacters, updateComposition } from "test/test_helper"
 
-testGroup("Composition input", {template: "editor_empty"}, function() {
-  test("composing", expectDocument => startComposition("a", () => updateComposition("ab", () => endComposition("abc", () => expectDocument("abc\n")))));
+testGroup("Composition input", { template: "editor_empty" }, function() {
+  test("composing", expectDocument => startComposition("a", () => updateComposition("ab", () => endComposition("abc", () => expectDocument("abc\n")))))
 
-  test("typing and composing", expectDocument => typeCharacters("a", () => startComposition("b", () => updateComposition("bc", () => endComposition("bcd", () => typeCharacters("e", () => expectDocument("abcde\n")))))));
+  test("typing and composing", expectDocument => typeCharacters("a", () => startComposition("b", () => updateComposition("bc", () => endComposition("bcd", () => typeCharacters("e", () => expectDocument("abcde\n")))))))
 
   test("composition input is serialized", expectDocument => startComposition("´", () => endComposition("é", function() {
-    assert.equal(getEditorElement().value, "<div>é</div>");
-    return expectDocument("é\n");
-  })));
+    assert.equal(getEditorElement().value, "<div>é</div>")
+    return expectDocument("é\n")
+  })))
 
   test("pressing return after a canceled composition", expectDocument => typeCharacters("ab", function() {
-    triggerEvent(document.activeElement, "compositionend", {data: "ab"});
-    return pressKey("return", () => expectDocument("ab\n\n"));
-  }));
-
-  test("composing formatted text", expectDocument => typeCharacters("abc", () => clickToolbarButton({attribute: "bold"}, () => startComposition("d", () => updateComposition("de", () => endComposition("def", function() {
-    assert.textAttributes([0, 3], {});
-    assert.textAttributes([3, 6], {bold: true});
-    return expectDocument("abcdef\n");
-  }))))));
-
-  test("composing away from formatted text", expectDocument => clickToolbarButton({attribute: "bold"}, () => typeCharacters("abc", () => clickToolbarButton({attribute: "bold"}, () => startComposition("d", () => updateComposition("de", () => endComposition("def", function() {
-    assert.textAttributes([0, 3], {bold: true});
-    assert.textAttributes([3, 6], {});
-    return expectDocument("abcdef\n");
-  })))))));
+    triggerEvent(document.activeElement, "compositionend", { data: "ab" })
+    return pressKey("return", () => expectDocument("ab\n\n"))
+  }))
+
+  test("composing formatted text", expectDocument => typeCharacters("abc", () => clickToolbarButton({ attribute: "bold" }, () => startComposition("d", () => updateComposition("de", () => endComposition("def", function() {
+    assert.textAttributes([ 0, 3 ], {})
+    assert.textAttributes([ 3, 6 ], { bold: true })
+    return expectDocument("abcdef\n")
+  }))))))
+
+  test("composing away from formatted text", expectDocument => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("abc", () => clickToolbarButton({ attribute: "bold" }, () => startComposition("d", () => updateComposition("de", () => endComposition("def", function() {
+    assert.textAttributes([ 0, 3 ], { bold: true })
+    assert.textAttributes([ 3, 6 ], {})
+    return expectDocument("abcdef\n")
+  })))))))
 
   test("composing another language using a QWERTY keyboard", function(expectDocument) {
-    const element = getEditorElement();
-    const keyCodes = {x: 120, i: 105};
+    const element = getEditorElement()
+    const keyCodes = { x: 120, i: 105 }
 
-    triggerEvent(element, "keypress", {charCode: keyCodes.x, keyCode: keyCodes.x, which: keyCodes.x});
+    triggerEvent(element, "keypress", { charCode: keyCodes.x, keyCode: keyCodes.x, which: keyCodes.x })
     return startComposition("x", function() {
-      triggerEvent(element, "keypress", {charCode: keyCodes.i, keyCode: keyCodes.i, which: keyCodes.i});
-      return updateComposition("xi", () => endComposition("喜", () => expectDocument("喜\n")));
-    });
-  });
+      triggerEvent(element, "keypress", { charCode: keyCodes.i, keyCode: keyCodes.i, which: keyCodes.i })
+      return updateComposition("xi", () => endComposition("喜", () => expectDocument("喜\n")))
+    })
+  })
 
   // Simulates the sequence of events when pressing backspace through a word on Android
   testIf(config.input.getLevel() === 0, "backspacing through a composition", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.insertString("a cat");
+    const element = getEditorElement()
+    element.editor.insertString("a cat")
 
-    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-    triggerEvent(element, "compositionupdate", {data: "ca"});
-    triggerEvent(element, "input");
+    triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+    triggerEvent(element, "compositionupdate", { data: "ca" })
+    triggerEvent(element, "input")
     return removeCharacters(-1, function() {
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-      triggerEvent(element, "compositionupdate", {data: "c"});
-      triggerEvent(element, "input");
-      triggerEvent(element, "compositionend", {data: "c"});
-      return removeCharacters(-1, () => pressKey("backspace", () => expectDocument("a \n")));
-    });
-  });
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+      triggerEvent(element, "compositionupdate", { data: "c" })
+      triggerEvent(element, "input")
+      triggerEvent(element, "compositionend", { data: "c" })
+      return removeCharacters(-1, () => pressKey("backspace", () => expectDocument("a \n")))
+    })
+  })
 
   // Simulates the sequence of events when pressing backspace at the end of a
   // word and updating it on Android (running older versions of System WebView)
   testIf(config.input.getLevel() === 0, "updating a composition", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.insertString("cat");
+    const element = getEditorElement()
+    element.editor.insertString("cat")
 
-    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-    triggerEvent(element, "compositionstart", {data: "cat"});
-    triggerEvent(element, "compositionupdate", {data: "cat"});
-    triggerEvent(element, "input");
+    triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+    triggerEvent(element, "compositionstart", { data: "cat" })
+    triggerEvent(element, "compositionupdate", { data: "cat" })
+    triggerEvent(element, "input")
     return removeCharacters(-1, function() {
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-      triggerEvent(element, "compositionupdate", {data: "car"});
-      triggerEvent(element, "input");
-      triggerEvent(element, "compositionend", {data: "car"});
-      return insertNode(document.createTextNode("r"), () => expectDocument("car\n"));
-    });
-  });
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+      triggerEvent(element, "compositionupdate", { data: "car" })
+      triggerEvent(element, "input")
+      triggerEvent(element, "compositionend", { data: "car" })
+      return insertNode(document.createTextNode("r"), () => expectDocument("car\n"))
+    })
+  })
 
   // Simulates the sequence of events when typing on Android and then tapping elsewhere
   testIf(config.input.getLevel() === 0, "leaving a composition", function(expectDocument) {
-    const element = getEditorElement();
-
-    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-    triggerEvent(element, "compositionstart", {data: ""});
-    triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data: "c"});
-    triggerEvent(element, "compositionupdate", {data: "c"});
-    triggerEvent(element, "input");
-    const node = document.createTextNode("c");
-    insertNode(node);
-    selectNode(node);
+    const element = getEditorElement()
+
+    triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+    triggerEvent(element, "compositionstart", { data: "" })
+    triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data: "c" })
+    triggerEvent(element, "compositionupdate", { data: "c" })
+    triggerEvent(element, "input")
+    const node = document.createTextNode("c")
+    insertNode(node)
+    selectNode(node)
     return defer(function() {
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-      triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data: "ca"});
-      triggerEvent(element, "compositionupdate", {data: "ca"});
-      triggerEvent(element, "input");
-      node.data = "ca";
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+      triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data: "ca" })
+      triggerEvent(element, "compositionupdate", { data: "ca" })
+      triggerEvent(element, "input")
+      node.data = "ca"
       return defer(function() {
-        triggerEvent(element, "compositionend", {data: ""});
-        return defer(() => expectDocument("ca\n"));
-      });
-    });
-  });
+        triggerEvent(element, "compositionend", { data: "" })
+        return defer(() => expectDocument("ca\n"))
+      })
+    })
+  })
 
   testIf(config.browser.composesExistingText, "composition events from cursor movement are ignored", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.insertString("ab ");
+    const element = getEditorElement()
+    element.editor.insertString("ab ")
 
-    element.editor.setSelectedRange(0);
-    triggerEvent(element, "compositionstart", {data: ""});
-    triggerEvent(element, "compositionupdate", {data: "ab"});
+    element.editor.setSelectedRange(0)
+    triggerEvent(element, "compositionstart", { data: "" })
+    triggerEvent(element, "compositionupdate", { data: "ab" })
     return defer(function() {
-      element.editor.setSelectedRange(1);
-      triggerEvent(element, "compositionupdate", {data: "ab"});
+      element.editor.setSelectedRange(1)
+      triggerEvent(element, "compositionupdate", { data: "ab" })
       return defer(function() {
-        element.editor.setSelectedRange(2);
-        triggerEvent(element, "compositionupdate", {data: "ab"});
+        element.editor.setSelectedRange(2)
+        triggerEvent(element, "compositionupdate", { data: "ab" })
         return defer(function() {
-          element.editor.setSelectedRange(3);
-          triggerEvent(element, "compositionend", {data: "ab"});
-          return defer(() => expectDocument("ab \n"));
-        });
-      });
-    });
-  });
+          element.editor.setSelectedRange(3)
+          triggerEvent(element, "compositionend", { data: "ab" })
+          return defer(() => expectDocument("ab \n"))
+        })
+      })
+    })
+  })
 
   // Simulates compositions in Firefox where the final composition data is
   // dispatched as both compositionupdate and compositionend.
   return testIf(config.input.getLevel() === 0, "composition ending with same data as last update", function(expectDocument) {
-    const element = getEditorElement();
-
-    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-    triggerEvent(element, "compositionstart", {data: ""});
-    triggerEvent(element, "compositionupdate", {data: "´"});
-    const node = document.createTextNode("´");
-    insertNode(node);
-    selectNode(node);
+    const element = getEditorElement()
+
+    triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+    triggerEvent(element, "compositionstart", { data: "" })
+    triggerEvent(element, "compositionupdate", { data: "´" })
+    const node = document.createTextNode("´")
+    insertNode(node)
+    selectNode(node)
     return defer(function() {
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-      triggerEvent(element, "compositionupdate", {data: "é"});
-      triggerEvent(element, "input");
-      node.data = "é";
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+      triggerEvent(element, "compositionupdate", { data: "é" })
+      triggerEvent(element, "input")
+      node.data = "é"
       return defer(function() {
-        triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-        triggerEvent(element, "compositionupdate", {data: "éé"});
-        triggerEvent(element, "input");
-        node.data = "éé";
+        triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+        triggerEvent(element, "compositionupdate", { data: "éé" })
+        triggerEvent(element, "input")
+        node.data = "éé"
         return defer(function() {
-          triggerEvent(element, "compositionend", {data: "éé"});
+          triggerEvent(element, "compositionend", { data: "éé" })
           return defer(function() {
-            assert.locationRange({index: 0, offset: 2});
-            return expectDocument("éé\n");
-          });
-        });
-      });
-    });
-  });
-});
+            assert.locationRange({ index: 0, offset: 2 })
+            return expectDocument("éé\n")
+          })
+        })
+      })
+    })
+  })
+})
 
 var removeCharacters = function(direction, callback) {
-  const selection = rangy.getSelection();
-  const range = selection.getRangeAt(0);
-  range.moveStart("character", direction);
-  range.deleteContents();
-  return defer(callback);
-};
+  const selection = rangy.getSelection()
+  const range = selection.getRangeAt(0)
+  range.moveStart("character", direction)
+  range.deleteContents()
+  return defer(callback)
+}
diff --git a/src/test/system/cursor_movement_test.js b/src/test/system/cursor_movement_test.js
index b5f42b77a..02dc85abf 100644
--- a/src/test/system/cursor_movement_test.js
+++ b/src/test/system/cursor_movement_test.js
@@ -1,78 +1,80 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { assert, createFile, expandSelection, insertFile, insertString, moveCursor, test, testGroup } from "test/test_helper";
+import { assert, createFile, expandSelection, insertFile, insertString, moveCursor, test, testGroup } from "test/test_helper"
 
-testGroup("Cursor movement", {template: "editor_empty"}, function() {
+testGroup("Cursor movement", { template: "editor_empty" }, function() {
   test("move cursor around attachment", function(done) {
-    insertFile(createFile());
-    assert.locationRange({index: 0, offset: 1});
+    insertFile(createFile())
+    assert.locationRange({ index: 0, offset: 1 })
     return moveCursor("left", function() {
-      assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1});
+      assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 1 })
       return moveCursor("left", function() {
-        assert.locationRange({index: 0, offset: 0});
+        assert.locationRange({ index: 0, offset: 0 })
         return moveCursor("right", function() {
-          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1});
+          assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 1 })
           return moveCursor("right", function() {
-            assert.locationRange({index: 0, offset: 1});
-            return done();
-          });
-        });
-      });
-    });
-  });
+            assert.locationRange({ index: 0, offset: 1 })
+            return done()
+          })
+        })
+      })
+    })
+  })
 
   test("move cursor around attachment and text", function(done) {
-    insertString("a");
-    insertFile(createFile());
-    insertString("b");
-    assert.locationRange({index: 0, offset: 3});
+    insertString("a")
+    insertFile(createFile())
+    insertString("b")
+    assert.locationRange({ index: 0, offset: 3 })
     return moveCursor("left", function() {
-      assert.locationRange({index: 0, offset: 2});
+      assert.locationRange({ index: 0, offset: 2 })
       return moveCursor("left", function() {
-        assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 2});
+        assert.locationRange({ index: 0, offset: 1 }, { index: 0, offset: 2 })
         return moveCursor("left", function() {
-          assert.locationRange({index: 0, offset: 1});
+          assert.locationRange({ index: 0, offset: 1 })
           return moveCursor("left", function() {
-            assert.locationRange({index: 0, offset: 0});
-            return done();
-          });
-        });
-      });
-    });
-  });
+            assert.locationRange({ index: 0, offset: 0 })
+            return done()
+          })
+        })
+      })
+    })
+  })
 
   test("expand selection over attachment", function(done) {
-    insertFile(createFile());
-    assert.locationRange({index: 0, offset: 1});
+    insertFile(createFile())
+    assert.locationRange({ index: 0, offset: 1 })
     return expandSelection("left", function() {
-      assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1});
+      assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 1 })
       return moveCursor("left", function() {
-        assert.locationRange({index: 0, offset: 0});
+        assert.locationRange({ index: 0, offset: 0 })
         return expandSelection("right", function() {
-          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 1});
-          return done();
-        });
-      });
-    });
-  });
+          assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 1 })
+          return done()
+        })
+      })
+    })
+  })
 
   return test("expand selection over attachment and text", function(done) {
-    insertString("a");
-    insertFile(createFile());
-    insertString("b");
-    assert.locationRange({index: 0, offset: 3});
+    insertString("a")
+    insertFile(createFile())
+    insertString("b")
+    assert.locationRange({ index: 0, offset: 3 })
     return expandSelection("left", function() {
-      assert.locationRange({index: 0, offset: 2}, {index: 0, offset: 3});
+      assert.locationRange({ index: 0, offset: 2 }, { index: 0, offset: 3 })
       return expandSelection("left", function() {
-        assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 3});
+        assert.locationRange({ index: 0, offset: 1 }, { index: 0, offset: 3 })
         return expandSelection("left", function() {
-          assert.locationRange({index: 0, offset: 0}, {index: 0, offset: 3});
-          return done();
-        });
-      });
-    });
-  });
-});
+          assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 3 })
+          return done()
+        })
+      })
+    })
+  })
+})
diff --git a/src/test/system/custom_element_test.js b/src/test/system/custom_element_test.js
index 83a4d7eb5..c02f72072 100644
--- a/src/test/system/custom_element_test.js
+++ b/src/test/system/custom_element_test.js
@@ -1,515 +1,521 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { rangesAreEqual } from "trix/core/helpers";
+import { rangesAreEqual } from "trix/core/helpers"
 
-import { after, assert, clickElement, clickToolbarButton, createFile, defer,
-  insertImageAttachment, moveCursor, pasteContent, skip, test, testIf, testGroup,
-  triggerEvent, typeCharacters, typeInToolbarDialog, TEST_IMAGE_URL } from "test/test_helper";
+import { TEST_IMAGE_URL, after, assert, clickElement, clickToolbarButton, createFile,
+  defer, insertImageAttachment, moveCursor, pasteContent, skip, test, testGroup,
+  testIf, triggerEvent, typeCharacters, typeInToolbarDialog } from "test/test_helper"
 
-testGroup("Custom element API", {template: "editor_empty"}, function() {
+testGroup("Custom element API", { template: "editor_empty" }, function() {
   test("element triggers trix-initialize on first connect", function(done) {
-    const container = document.getElementById("trix-container");
-    container.innerHTML = "";
+    const container = document.getElementById("trix-container")
+    container.innerHTML = ""
 
-    let initializeEventCount = 0;
-    const element = document.createElement("trix-editor");
-    element.addEventListener("trix-initialize", () => initializeEventCount++);
+    let initializeEventCount = 0
+    const element = document.createElement("trix-editor")
+    element.addEventListener("trix-initialize", () => initializeEventCount++)
 
-    container.appendChild(element);
+    container.appendChild(element)
     return requestAnimationFrame(function() {
-      container.removeChild(element);
+      container.removeChild(element)
       return requestAnimationFrame(function() {
-        container.appendChild(element);
+        container.appendChild(element)
         return after(60, function() {
-          assert.equal(initializeEventCount, 1);
-          return done();
-        });
-      });
-    });
-  });
+          assert.equal(initializeEventCount, 1)
+          return done()
+        })
+      })
+    })
+  })
 
   test("files are accepted by default", function() {
-    getComposition().insertFile(createFile());
-    return assert.equal(getComposition().getAttachments().length, 1);
-  });
+    getComposition().insertFile(createFile())
+    return assert.equal(getComposition().getAttachments().length, 1)
+  })
 
   test("rejecting a file by canceling the trix-file-accept event", function() {
-    getEditorElement().addEventListener("trix-file-accept", event => event.preventDefault());
-    getComposition().insertFile(createFile());
-    return assert.equal(getComposition().getAttachments().length, 0);
-  });
+    getEditorElement().addEventListener("trix-file-accept", event => event.preventDefault())
+    getComposition().insertFile(createFile())
+    return assert.equal(getComposition().getAttachments().length, 0)
+  })
 
   test("element triggers attachment events", function() {
-    const file = createFile();
-    const element = getEditorElement();
-    const composition = getComposition();
-    let attachment = null;
-    const events = [];
+    const file = createFile()
+    const element = getEditorElement()
+    const composition = getComposition()
+    let attachment = null
+    const events = []
 
     element.addEventListener("trix-file-accept", function(event) {
-      events.push(event.type);
-      return assert.ok(file === event.file);
-    });
+      events.push(event.type)
+      return assert.ok(file === event.file)
+    })
 
     element.addEventListener("trix-attachment-add", function(event) {
-      events.push(event.type);
-      return attachment = event.attachment;
-    });
+      events.push(event.type)
+      return attachment = event.attachment
+    })
 
-    composition.insertFile(file);
-    assert.deepEqual(events, ["trix-file-accept", "trix-attachment-add"]);
+    composition.insertFile(file)
+    assert.deepEqual(events, [ "trix-file-accept", "trix-attachment-add" ])
 
     element.addEventListener("trix-attachment-remove", function(event) {
-      events.push(event.type);
-      return assert.ok(attachment === event.attachment);
-    });
+      events.push(event.type)
+      return assert.ok(attachment === event.attachment)
+    })
 
-    attachment.remove();
-    return assert.deepEqual(events, ["trix-file-accept", "trix-attachment-add", "trix-attachment-remove"]);
-});
+    attachment.remove()
+    return assert.deepEqual(events, [ "trix-file-accept", "trix-attachment-add", "trix-attachment-remove" ])
+})
 
   test("element triggers trix-change when an attachment is edited", function() {
-    const file = createFile();
-    const element = getEditorElement();
-    const composition = getComposition();
-    let attachment = null;
-    const events = [];
+    const file = createFile()
+    const element = getEditorElement()
+    const composition = getComposition()
+    let attachment = null
+    const events = []
 
-    element.addEventListener("trix-attachment-add", event => attachment = event.attachment);
+    element.addEventListener("trix-attachment-add", event => attachment = event.attachment)
 
-    composition.insertFile(file);
+    composition.insertFile(file)
 
-    element.addEventListener("trix-attachment-edit", event => events.push(event.type));
+    element.addEventListener("trix-attachment-edit", event => events.push(event.type))
 
-    element.addEventListener("trix-change", event => events.push(event.type));
+    element.addEventListener("trix-change", event => events.push(event.type))
 
-    attachment.setAttributes({width: 9876});
-    return assert.deepEqual(events, ["trix-attachment-edit", "trix-change"]);
-});
+    attachment.setAttributes({ width: 9876 })
+    return assert.deepEqual(events, [ "trix-attachment-edit", "trix-change" ])
+})
 
   test("editing the document in a trix-attachment-add handler doesn't trigger trix-attachment-add again", function() {
-    const element = getEditorElement();
-    const composition = getComposition();
-    let eventCount = 0;
+    const element = getEditorElement()
+    const composition = getComposition()
+    let eventCount = 0
 
     element.addEventListener("trix-attachment-add", function() {
       if (eventCount++ === 0) {
-        element.editor.setSelectedRange([0,1]);
-        return element.editor.activateAttribute("bold");
+        element.editor.setSelectedRange([ 0, 1 ])
+        return element.editor.activateAttribute("bold")
       }
-    });
+    })
 
-    composition.insertFile(createFile());
-    return assert.equal(eventCount, 1);
-  });
+    composition.insertFile(createFile())
+    return assert.equal(eventCount, 1)
+  })
 
   test("element triggers trix-change events when the document changes", function(done) {
-    const element = getEditorElement();
-    let eventCount = 0;
-    element.addEventListener("trix-change", event => eventCount++);
+    const element = getEditorElement()
+    let eventCount = 0
+    element.addEventListener("trix-change", event => eventCount++)
 
     return typeCharacters("a", function() {
-      assert.equal(eventCount, 1);
+      assert.equal(eventCount, 1)
       return moveCursor("left", function() {
-        assert.equal(eventCount, 1);
+        assert.equal(eventCount, 1)
         return typeCharacters("bcd", function() {
-          assert.equal(eventCount, 4);
-          return clickToolbarButton({action: "undo"}, function() {
-            assert.equal(eventCount, 5);
-            return done();
-          });
-        });
-      });
-    });
-  });
+          assert.equal(eventCount, 4)
+          return clickToolbarButton({ action: "undo" }, function() {
+            assert.equal(eventCount, 5)
+            return done()
+          })
+        })
+      })
+    })
+  })
 
   test("element triggers trix-change event after toggling attributes", function(done) {
-    const element = getEditorElement();
+    const element = getEditorElement()
     const {
       editor
-    } = element;
+    } = element
 
     const afterChangeEvent = function(edit, callback) {
-      let handler;
-      element.addEventListener("trix-change", (handler = function(event) {
-        element.removeEventListener("trix-change", handler);
-        return callback(event);
-      })
-      );
-      return edit();
-    };
+      let handler
+      element.addEventListener("trix-change", handler = function(event) {
+        element.removeEventListener("trix-change", handler)
+        return callback(event)
+      }
+      )
+      return edit()
+    }
 
     return typeCharacters("hello", function() {
-      let edit = () => editor.activateAttribute("quote");
+      let edit = () => editor.activateAttribute("quote")
       return afterChangeEvent(edit, function() {
-        assert.ok(editor.attributeIsActive("quote"));
+        assert.ok(editor.attributeIsActive("quote"))
 
-        edit = () => editor.deactivateAttribute("quote");
+        edit = () => editor.deactivateAttribute("quote")
         return afterChangeEvent(edit, function() {
-          assert.notOk(editor.attributeIsActive("quote"));
+          assert.notOk(editor.attributeIsActive("quote"))
 
-          editor.setSelectedRange([0, 5]);
-          edit = () => editor.activateAttribute("bold");
+          editor.setSelectedRange([ 0, 5 ])
+          edit = () => editor.activateAttribute("bold")
           return afterChangeEvent(edit, function() {
-            assert.ok(editor.attributeIsActive("bold"));
+            assert.ok(editor.attributeIsActive("bold"))
 
-            edit = () => editor.deactivateAttribute("bold");
+            edit = () => editor.deactivateAttribute("bold")
             return afterChangeEvent(edit, function() {
-              assert.notOk(editor.attributeIsActive("bold"));
-              return done();
-            });
-          });
-        });
-      });
-    });
-  });
+              assert.notOk(editor.attributeIsActive("bold"))
+              return done()
+            })
+          })
+        })
+      })
+    })
+  })
 
   test("disabled attributes aren't considered active", function(done) {
-    const {editor} = getEditorElement();
-    editor.activateAttribute("heading1");
-    assert.notOk(editor.attributeIsActive("code"));
-    assert.notOk(editor.attributeIsActive("quote"));
-    return done();
-  });
+    const { editor } = getEditorElement()
+    editor.activateAttribute("heading1")
+    assert.notOk(editor.attributeIsActive("code"))
+    assert.notOk(editor.attributeIsActive("quote"))
+    return done()
+  })
 
   test("element triggers trix-selection-change events when the location range changes", function(done) {
-    const element = getEditorElement();
-    let eventCount = 0;
-    element.addEventListener("trix-selection-change", event => eventCount++);
+    const element = getEditorElement()
+    let eventCount = 0
+    element.addEventListener("trix-selection-change", event => eventCount++)
 
     return typeCharacters("a", function() {
-      assert.equal(eventCount, 1);
+      assert.equal(eventCount, 1)
       return moveCursor("left", function() {
-        assert.equal(eventCount, 2);
-        return done();
-      });
-    });
-  });
+        assert.equal(eventCount, 2)
+        return done()
+      })
+    })
+  })
 
   test("only triggers trix-selection-change events on the active element", function(done) {
-    const elementA = getEditorElement();
-    const elementB = document.createElement("trix-editor");
-    elementA.parentNode.insertBefore(elementB, elementA.nextSibling);
+    const elementA = getEditorElement()
+    const elementB = document.createElement("trix-editor")
+    elementA.parentNode.insertBefore(elementB, elementA.nextSibling)
 
     return elementB.addEventListener("trix-initialize", function() {
-      elementA.editor.insertString("a");
-      elementB.editor.insertString("b");
-      rangy.getSelection().removeAllRanges();
-
-      let eventCountA = 0;
-      let eventCountB = 0;
-      elementA.addEventListener("trix-selection-change", event => eventCountA++);
-      elementB.addEventListener("trix-selection-change", event => eventCountB++);
-
-      elementA.editor.setSelectedRange(0);
-      assert.equal(eventCountA, 1);
-      assert.equal(eventCountB, 0);
-
-      elementB.editor.setSelectedRange(0);
-      assert.equal(eventCountA, 1);
-      assert.equal(eventCountB, 1);
-
-      elementA.editor.setSelectedRange(1);
-      assert.equal(eventCountA, 2);
-      assert.equal(eventCountB, 1);
-      return done();
-    });
-  });
+      elementA.editor.insertString("a")
+      elementB.editor.insertString("b")
+      rangy.getSelection().removeAllRanges()
+
+      let eventCountA = 0
+      let eventCountB = 0
+      elementA.addEventListener("trix-selection-change", event => eventCountA++)
+      elementB.addEventListener("trix-selection-change", event => eventCountB++)
+
+      elementA.editor.setSelectedRange(0)
+      assert.equal(eventCountA, 1)
+      assert.equal(eventCountB, 0)
+
+      elementB.editor.setSelectedRange(0)
+      assert.equal(eventCountA, 1)
+      assert.equal(eventCountB, 1)
+
+      elementA.editor.setSelectedRange(1)
+      assert.equal(eventCountA, 2)
+      assert.equal(eventCountB, 1)
+      return done()
+    })
+  })
 
   test("element triggers toolbar dialog events", function(done) {
-    const element = getEditorElement();
-    const events = [];
+    const element = getEditorElement()
+    const events = []
 
-    element.addEventListener("trix-toolbar-dialog-show", event => events.push(event.type));
+    element.addEventListener("trix-toolbar-dialog-show", event => events.push(event.type))
 
-    element.addEventListener("trix-toolbar-dialog-hide", event => events.push(event.type));
+    element.addEventListener("trix-toolbar-dialog-hide", event => events.push(event.type))
 
-    return clickToolbarButton({action: "link"}, () => typeInToolbarDialog("http://example.com", {attribute: "href"}, () => defer(function() {
-      assert.deepEqual(events, ["trix-toolbar-dialog-show", "trix-toolbar-dialog-hide"]);
-      return done();
-    })));
-  });
+    return clickToolbarButton({ action: "link" }, () => typeInToolbarDialog("http://example.com", { attribute: "href" }, () => defer(function() {
+      assert.deepEqual(events, [ "trix-toolbar-dialog-show", "trix-toolbar-dialog-hide" ])
+      return done()
+    })))
+  })
 
   test("element triggers before-paste event with paste data", function(expectDocument) {
-    const element = getEditorElement();
-    let eventCount = 0;
-    let paste = null;
+    const element = getEditorElement()
+    let eventCount = 0
+    let paste = null
 
     element.addEventListener("trix-before-paste", function(event) {
-      eventCount++;
-      return ({paste} = event);
-    });
+      eventCount++
+      return { paste } = event
+    })
 
     return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
-      assert.equal(eventCount, 1);
-      assert.equal(paste.type, "text/html");
-      assert.equal(paste.html, "<strong>hello</strong>");
-      return expectDocument("hello\n");
-    }));
-  });
+      assert.equal(eventCount, 1)
+      assert.equal(paste.type, "text/html")
+      assert.equal(paste.html, "<strong>hello</strong>")
+      return expectDocument("hello\n")
+    }))
+  })
 
   test("element triggers before-paste event with mutable paste data", function(expectDocument) {
-    const element = getEditorElement();
-    let eventCount = 0;
-    let paste = null;
+    const element = getEditorElement()
+    let eventCount = 0
+    let paste = null
 
     element.addEventListener("trix-before-paste", function(event) {
       eventCount++;
-      ({paste} = event);
-      return paste.html = "<strong>greetings</strong>";
-    });
+      ({ paste } = event)
+      return paste.html = "<strong>greetings</strong>"
+    })
 
     return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
-      assert.equal(eventCount, 1);
-      assert.equal(paste.type, "text/html");
-      return expectDocument("greetings\n");
-    }));
-  });
+      assert.equal(eventCount, 1)
+      assert.equal(paste.type, "text/html")
+      return expectDocument("greetings\n")
+    }))
+  })
 
   test("element triggers paste event with position range", function(done) {
-    const element = getEditorElement();
-    let eventCount = 0;
-    let paste = null;
+    const element = getEditorElement()
+    let eventCount = 0
+    let paste = null
 
     element.addEventListener("trix-paste", function(event) {
-      eventCount++;
-      return ({paste} = event);
-    });
+      eventCount++
+      return { paste } = event
+    })
 
     return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
-      assert.equal(eventCount, 1);
-      assert.equal(paste.type, "text/html");
-      assert.ok(rangesAreEqual([0, 5], paste.range));
-      return done();
-    }));
-  });
+      assert.equal(eventCount, 1)
+      assert.equal(paste.type, "text/html")
+      assert.ok(rangesAreEqual([ 0, 5 ], paste.range))
+      return done()
+    }))
+  })
 
   test("element triggers attribute change events", function(done) {
-    const element = getEditorElement();
-    let eventCount = 0;
-    let attributes = null;
+    const element = getEditorElement()
+    let eventCount = 0
+    let attributes = null
 
     element.addEventListener("trix-attributes-change", function(event) {
-      eventCount++;
-      return ({attributes} = event);
-    });
+      eventCount++
+      return { attributes } = event
+    })
 
     return typeCharacters("", function() {
-      assert.equal(eventCount, 0);
-      return clickToolbarButton({attribute: "bold"}, function() {
-        assert.equal(eventCount, 1);
-        assert.deepEqual({ bold: true }, attributes);
-        return done();
-      });
-    });
-  });
+      assert.equal(eventCount, 0)
+      return clickToolbarButton({ attribute: "bold" }, function() {
+        assert.equal(eventCount, 1)
+        assert.deepEqual({ bold: true }, attributes)
+        return done()
+      })
+    })
+  })
 
   test("element triggers action change events", function(done) {
-    const element = getEditorElement();
-    let eventCount = 0;
-    let actions = null;
+    const element = getEditorElement()
+    let eventCount = 0
+    let actions = null
 
     element.addEventListener("trix-actions-change", function(event) {
-      eventCount++;
-      return ({actions} = event);
-    });
+      eventCount++
+      return { actions } = event
+    })
 
     return typeCharacters("", function() {
-      assert.equal(eventCount, 0);
-      return clickToolbarButton({attribute: "bullet"}, function() {
-        assert.equal(eventCount, 1);
-        assert.equal(actions.decreaseNestingLevel, true);
-        assert.equal(actions.increaseNestingLevel, false);
-        return done();
-      });
-    });
-  });
+      assert.equal(eventCount, 0)
+      return clickToolbarButton({ attribute: "bullet" }, function() {
+        assert.equal(eventCount, 1)
+        assert.equal(actions.decreaseNestingLevel, true)
+        assert.equal(actions.increaseNestingLevel, false)
+        return done()
+      })
+    })
+  })
 
   test("element triggers custom focus and blur events", function(done) {
-    const element = getEditorElement();
+    const element = getEditorElement()
 
-    let focusEventCount = 0;
-    let blurEventCount = 0;
-    element.addEventListener("trix-focus", () => focusEventCount++);
-    element.addEventListener("trix-blur", () => blurEventCount++);
+    let focusEventCount = 0
+    let blurEventCount = 0
+    element.addEventListener("trix-focus", () => focusEventCount++)
+    element.addEventListener("trix-blur", () => blurEventCount++)
 
-    triggerEvent(element, "blur");
+    triggerEvent(element, "blur")
     return defer(function() {
-      assert.equal(blurEventCount, 1);
-      assert.equal(focusEventCount, 0);
+      assert.equal(blurEventCount, 1)
+      assert.equal(focusEventCount, 0)
 
-      triggerEvent(element, "focus");
+      triggerEvent(element, "focus")
       return defer(function() {
-        assert.equal(blurEventCount, 1);
-        assert.equal(focusEventCount, 1);
+        assert.equal(blurEventCount, 1)
+        assert.equal(focusEventCount, 1)
 
-        insertImageAttachment();
+        insertImageAttachment()
         return after(20, () => clickElement(element.querySelector("figure"), function() {
-          const textarea = element.querySelector("textarea");
-          textarea.focus();
+          const textarea = element.querySelector("textarea")
+          textarea.focus()
           return defer(function() {
-            assert.equal(document.activeElement, textarea);
-            assert.equal(blurEventCount, 1);
-            assert.equal(focusEventCount, 1);
-            return done();
-          });
-        }));
-      });
-    });
-  });
+            assert.equal(document.activeElement, textarea)
+            assert.equal(blurEventCount, 1)
+            assert.equal(focusEventCount, 1)
+            return done()
+          })
+        }))
+      })
+    })
+  })
 
   // Selenium doesn't seem to focus windows properly in some browsers (FF 47 on OS X)
   // so skip this test when unfocused pending a better solution.
   testIf(document.hasFocus(), "element triggers custom focus event when autofocusing", function(done) {
-    const element = document.createElement("trix-editor");
-    element.setAttribute("autofocus", "");
+    const element = document.createElement("trix-editor")
+    element.setAttribute("autofocus", "")
 
-    let focusEventCount = 0;
-    element.addEventListener("trix-focus", () => focusEventCount++);
+    let focusEventCount = 0
+    element.addEventListener("trix-focus", () => focusEventCount++)
 
-    const container = document.getElementById("trix-container");
-    container.innerHTML = "";
-    container.appendChild(element);
+    const container = document.getElementById("trix-container")
+    container.innerHTML = ""
+    container.appendChild(element)
 
     return element.addEventListener("trix-initialize", function() {
-      assert.equal(focusEventCount, 1);
-      return done();
-    });
-  });
+      assert.equal(focusEventCount, 1)
+      return done()
+    })
+  })
 
   test("element serializes HTML after attribute changes", function(done) {
-    const element = getEditorElement();
-    let serializedHTML = element.value;
+    const element = getEditorElement()
+    let serializedHTML = element.value
 
     return typeCharacters("a", function() {
-      assert.notEqual(serializedHTML, element.value);
-      serializedHTML = element.value;
+      assert.notEqual(serializedHTML, element.value)
+      serializedHTML = element.value
 
-      return clickToolbarButton({attribute: "quote"}, function() {
-        assert.notEqual(serializedHTML, element.value);
-        serializedHTML = element.value;
+      return clickToolbarButton({ attribute: "quote" }, function() {
+        assert.notEqual(serializedHTML, element.value)
+        serializedHTML = element.value
 
-        return clickToolbarButton({attribute: "quote"}, function() {
-          assert.notEqual(serializedHTML, element.value);
-          return done();
-        });
-      });
-    });
-  });
+        return clickToolbarButton({ attribute: "quote" }, function() {
+          assert.notEqual(serializedHTML, element.value)
+          return done()
+        })
+      })
+    })
+  })
 
   test("element serializes HTML after attachment attribute changes", function(done) {
-    const element = getEditorElement();
-    const attributes = {url: "test_helpers/fixtures/logo.png", contentType: "image/png"};
+    const element = getEditorElement()
+    const attributes = { url: "test_helpers/fixtures/logo.png", contentType: "image/png" }
 
     element.addEventListener("trix-attachment-add", function(event) {
-      const {attachment} = event;
+      const { attachment } = event
       return requestAnimationFrame(function() {
-        let serializedHTML = element.value;
-        attachment.setAttributes(attributes);
-        assert.notEqual(serializedHTML, element.value);
+        let serializedHTML = element.value
+        attachment.setAttributes(attributes)
+        assert.notEqual(serializedHTML, element.value)
 
-        serializedHTML = element.value;
-        assert.ok(serializedHTML.indexOf(TEST_IMAGE_URL) < 0, "serialized HTML contains previous attachment attributes");
-        assert.ok(serializedHTML.indexOf(attributes.url) > 0, "serialized HTML doesn't contain current attachment attributes");
+        serializedHTML = element.value
+        assert.ok(serializedHTML.indexOf(TEST_IMAGE_URL) < 0, "serialized HTML contains previous attachment attributes")
+        assert.ok(serializedHTML.indexOf(attributes.url) > 0, "serialized HTML doesn't contain current attachment attributes")
 
-        attachment.remove();
-        return requestAnimationFrame(() => done());
-      });
-    });
+        attachment.remove()
+        return requestAnimationFrame(() => done())
+      })
+    })
 
-    return requestAnimationFrame(() => insertImageAttachment());
-  });
+    return requestAnimationFrame(() => insertImageAttachment())
+  })
 
   test("editor resets to its original value on form reset", function(expectDocument) {
-    const element = getEditorElement();
+    const element = getEditorElement()
     const {
       form
-    } = element.inputElement;
+    } = element.inputElement
 
     return typeCharacters("hello", function() {
-      form.reset();
-      return expectDocument("\n");
-    });
-  });
+      form.reset()
+      return expectDocument("\n")
+    })
+  })
 
   test("editor resets to last-set value on form reset", function(expectDocument) {
-    const element = getEditorElement();
+    const element = getEditorElement()
     const {
       form
-    } = element.inputElement;
+    } = element.inputElement
 
-    element.value = "hi";
+    element.value = "hi"
     return typeCharacters("hello", function() {
-      form.reset();
-      return expectDocument("hi\n");
-    });
-  });
+      form.reset()
+      return expectDocument("hi\n")
+    })
+  })
 
   return test("editor respects preventDefault on form reset", function(expectDocument) {
-    const element = getEditorElement();
+    const element = getEditorElement()
     const {
       form
-    } = element.inputElement;
-    const preventDefault = event => event.preventDefault();
+    } = element.inputElement
+    const preventDefault = event => event.preventDefault()
 
     return typeCharacters("hello", function() {
-      form.addEventListener("reset", preventDefault, false);
-      form.reset();
-      form.removeEventListener("reset", preventDefault, false);
-      return expectDocument("hello\n");
-    });
-  });
-});
-
-testGroup("<label> support", {template: "editor_with_labels"}, function() {
+      form.addEventListener("reset", preventDefault, false)
+      form.reset()
+      form.removeEventListener("reset", preventDefault, false)
+      return expectDocument("hello\n")
+    })
+  })
+})
+
+testGroup("<label> support", { template: "editor_with_labels" }, function() {
   test("associates all label elements", function(done) {
-    const labels = [document.getElementById("label-1"), document.getElementById("label-3")];
-    assert.deepEqual(getEditorElement().labels, labels);
-    return done();
-  });
+    const labels = [ document.getElementById("label-1"), document.getElementById("label-3") ]
+    assert.deepEqual(getEditorElement().labels, labels)
+    return done()
+  })
 
   test("focuses when <label> clicked", function(done) {
-    document.getElementById("label-1").click();
-    assert.equal(getEditorElement(), document.activeElement);
-    return done();
-  });
+    document.getElementById("label-1").click()
+    assert.equal(getEditorElement(), document.activeElement)
+    return done()
+  })
 
   test("focuses when <label> descendant clicked", function(done) {
-    document.getElementById("label-1").querySelector("span").click();
-    assert.equal(getEditorElement(), document.activeElement);
-    return done();
-  });
+    document.getElementById("label-1").querySelector("span").click()
+    assert.equal(getEditorElement(), document.activeElement)
+    return done()
+  })
 
   return test("does not focus when <label> controls another element", function(done) {
-    const label = document.getElementById("label-2");
-    assert.notEqual(getEditorElement(), label.control);
-    label.click();
-    assert.notEqual(getEditorElement(), document.activeElement);
-    return done();
-  });
-});
-
-testGroup("form property references its <form>", {template: "editors_with_forms", container: "div"}, function() {
+    const label = document.getElementById("label-2")
+    assert.notEqual(getEditorElement(), label.control)
+    label.click()
+    assert.notEqual(getEditorElement(), document.activeElement)
+    return done()
+  })
+})
+
+testGroup("form property references its <form>", { template: "editors_with_forms", container: "div" }, function() {
   test("accesses its ancestor form", function(done) {
-    const form = document.getElementById("ancestor-form");
-    const editor = document.getElementById("editor-with-ancestor-form");
-    assert.equal(editor.form, form);
-    return done();
-  });
+    const form = document.getElementById("ancestor-form")
+    const editor = document.getElementById("editor-with-ancestor-form")
+    assert.equal(editor.form, form)
+    return done()
+  })
 
   test("transitively accesses its related <input> element's <form>", function(done) {
-    const form = document.getElementById("input-form");
-    const editor = document.getElementById("editor-with-input-form");
-    assert.equal(editor.form, form);
-    return done();
-  });
+    const form = document.getElementById("input-form")
+    const editor = document.getElementById("editor-with-input-form")
+    assert.equal(editor.form, form)
+    return done()
+  })
 
   return test("returns null when there is no associated <form>", function(done) {
-    const editor = document.getElementById("editor-with-no-form");
-    assert.equal(editor.form, null);
-    return done();
-  });
-});
+    const editor = document.getElementById("editor-with-no-form")
+    assert.equal(editor.form, null)
+    return done()
+  })
+})
diff --git a/src/test/system/html_loading_test.js b/src/test/system/html_loading_test.js
index 31d38089a..55770916f 100644
--- a/src/test/system/html_loading_test.js
+++ b/src/test/system/html_loading_test.js
@@ -1,14 +1,19 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * DS205: Consider reworking code to avoid use of IIFEs
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { after, assert, test, testGroup, TEST_IMAGE_URL } from "test/test_helper";
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
+import { TEST_IMAGE_URL, after, assert, test, testGroup } from "test/test_helper"
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
 testGroup("HTML loading", function() {
-  testGroup("inline elements", {template: "editor_with_styled_content"}, function() {
+  testGroup("inline elements", { template: "editor_with_styled_content" }, function() {
     const cases = {
       "BR before block element styled otherwise": {
         html: `a<br><figure class="attachment"><img src="${TEST_IMAGE_URL}"></figure>`,
@@ -19,105 +24,105 @@ testGroup("HTML loading", function() {
         html: `<div>a<br>b<figure class="attachment"><img src="${TEST_IMAGE_URL}"></figure></div>`,
         expectedDocument: `a\nb${OBJECT_REPLACEMENT_CHARACTER}\n`
       }
-    };
+    }
 
     return (() => {
-      const result = [];
-      for (let name in cases) {
-        const details = cases[name];
-        result.push((((name, details) => test(name, function(expectDocument) {
-          getEditor().loadHTML(details.html);
-          return expectDocument(details.expectedDocument);
-        })))(name, details));
+      const result = []
+      for (const name in cases) {
+        const details = cases[name]
+        result.push(((name, details) => test(name, function(expectDocument) {
+          getEditor().loadHTML(details.html)
+          return expectDocument(details.expectedDocument)
+        }))(name, details))
       }
-      return result;
-    })();
-  });
+      return result
+    })()
+  })
 
-  testGroup("bold elements", {template: "editor_with_bold_styles"}, function() {
+  testGroup("bold elements", { template: "editor_with_bold_styles" }, function() {
     test("<strong> with font-weight: 500", function(expectDocument) {
-      getEditor().loadHTML("<strong>a</strong>");
-      assert.textAttributes([0, 1], {bold: true});
-      return expectDocument("a\n");
-    });
+      getEditor().loadHTML("<strong>a</strong>")
+      assert.textAttributes([ 0, 1 ], { bold: true })
+      return expectDocument("a\n")
+    })
 
     test("<span> with font-weight: 600", function(expectDocument) {
-      getEditor().loadHTML("<span>a</span>");
-      assert.textAttributes([0, 1], {bold: true});
-      return expectDocument("a\n");
-    });
+      getEditor().loadHTML("<span>a</span>")
+      assert.textAttributes([ 0, 1 ], { bold: true })
+      return expectDocument("a\n")
+    })
 
     return test("<article> with font-weight: bold", function(expectDocument) {
-      getEditor().loadHTML("<article>a</article>");
-      assert.textAttributes([0, 1], {bold: true});
-      return expectDocument("a\n");
-    });
-  });
+      getEditor().loadHTML("<article>a</article>")
+      assert.textAttributes([ 0, 1 ], { bold: true })
+      return expectDocument("a\n")
+    })
+  })
 
-  testGroup("styled block elements", {template: "editor_with_block_styles"}, function() {
+  testGroup("styled block elements", { template: "editor_with_block_styles" }, function() {
     test("<em> in <blockquote> with font-style: italic", function(expectDocument) {
-      getEditor().loadHTML("<blockquote>a<em>b</em></blockquote>");
-      assert.textAttributes([0, 1], {});
-      assert.textAttributes([1, 2], {italic: true});
-      assert.blockAttributes([0, 2], ["quote"]);
-      return expectDocument("ab\n");
-    });
+      getEditor().loadHTML("<blockquote>a<em>b</em></blockquote>")
+      assert.textAttributes([ 0, 1 ], {})
+      assert.textAttributes([ 1, 2 ], { italic: true })
+      assert.blockAttributes([ 0, 2 ], [ "quote" ])
+      return expectDocument("ab\n")
+    })
 
     test("<strong> in <li> with font-weight: bold", function(expectDocument) {
-      getEditor().loadHTML("<ul><li>a<strong>b</strong></li></ul>");
-      assert.textAttributes([0, 1], {});
-      assert.textAttributes([1, 2], {bold: true});
-      assert.blockAttributes([0, 2], ["bulletList","bullet"]);
-      return expectDocument("ab\n");
-    });
+      getEditor().loadHTML("<ul><li>a<strong>b</strong></li></ul>")
+      assert.textAttributes([ 0, 1 ], {})
+      assert.textAttributes([ 1, 2 ], { bold: true })
+      assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+      return expectDocument("ab\n")
+    })
 
     return test("newline in <li> with font-weight: bold", function(expectDocument) {
-      getEditor().loadHTML("<ul><li>a<br>b</li></ul>");
-      assert.textAttributes([0, 2], {});
-      assert.blockAttributes([0, 2], ["bulletList","bullet"]);
-      return expectDocument("a\nb\n");
-    });
-  });
+      getEditor().loadHTML("<ul><li>a<br>b</li></ul>")
+      assert.textAttributes([ 0, 2 ], {})
+      assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+      return expectDocument("a\nb\n")
+    })
+  })
 
-  testGroup("in a table", {template: "editor_in_table"}, () => test("block elements", function(expectDocument) {
-    getEditor().loadHTML("<h1>a</h1><blockquote>b</blockquote>");
-    assert.blockAttributes([0, 2], ["heading1"]);
-    assert.blockAttributes([2, 4], ["quote"]);
-    return expectDocument("a\nb\n");
-  }));
+  testGroup("in a table", { template: "editor_in_table" }, () => test("block elements", function(expectDocument) {
+    getEditor().loadHTML("<h1>a</h1><blockquote>b</blockquote>")
+    assert.blockAttributes([ 0, 2 ], [ "heading1" ])
+    assert.blockAttributes([ 2, 4 ], [ "quote" ])
+    return expectDocument("a\nb\n")
+  }))
 
-  testGroup("images", {template: "editor_empty"}, function() {
+  testGroup("images", { template: "editor_empty" }, function() {
     test("without dimensions", function(expectDocument) {
-      getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}">`);
+      getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}">`)
       return after(20, function() {
-        const attachment = getDocument().getAttachments()[0];
-        const image = getEditorElement().querySelector("img");
-        assert.equal(attachment.getWidth(), 1);
-        assert.equal(attachment.getHeight(), 1);
-        assert.equal(image.getAttribute("width"), "1");
-        assert.equal(image.getAttribute("height"), "1");
-        return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
-      });
-    });
+        const attachment = getDocument().getAttachments()[0]
+        const image = getEditorElement().querySelector("img")
+        assert.equal(attachment.getWidth(), 1)
+        assert.equal(attachment.getHeight(), 1)
+        assert.equal(image.getAttribute("width"), "1")
+        assert.equal(image.getAttribute("height"), "1")
+        return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+      })
+    })
 
     return test("with dimensions", function(expectDocument) {
-      getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="20">`);
+      getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="20">`)
       return after(20, function() {
-        const attachment = getDocument().getAttachments()[0];
-        const image = getEditorElement().querySelector("img");
-        assert.equal(attachment.getWidth(), 10);
-        assert.equal(attachment.getHeight(), 20);
-        assert.equal(image.getAttribute("width"),  "10");
-        assert.equal(image.getAttribute("height"), "20");
-        return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
-      });
-    });
-  });
+        const attachment = getDocument().getAttachments()[0]
+        const image = getEditorElement().querySelector("img")
+        assert.equal(attachment.getWidth(), 10)
+        assert.equal(attachment.getHeight(), 20)
+        assert.equal(image.getAttribute("width"), "10")
+        assert.equal(image.getAttribute("height"), "20")
+        return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+      })
+    })
+  })
 
-  return testGroup("text after closing tag", {template: "editor_empty"}, () => test("parses text as separate block", function(expectDocument) {
-    getEditor().loadHTML("<h1>a</h1>b");
-    assert.blockAttributes([0, 2], ["heading1"]);
-    assert.blockAttributes([2, 4], []);
-    return expectDocument("a\nb\n");
-  }));
-});
+  return testGroup("text after closing tag", { template: "editor_empty" }, () => test("parses text as separate block", function(expectDocument) {
+    getEditor().loadHTML("<h1>a</h1>b")
+    assert.blockAttributes([ 0, 2 ], [ "heading1" ])
+    assert.blockAttributes([ 2, 4 ], [])
+    return expectDocument("a\nb\n")
+  }))
+})
diff --git a/src/test/system/html_reparsing_test.js b/src/test/system/html_reparsing_test.js
index ff68e2e6a..b1f76976a 100644
--- a/src/test/system/html_reparsing_test.js
+++ b/src/test/system/html_reparsing_test.js
@@ -1,36 +1,41 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { assert, test, testGroup } from "test/test_helper";
+import { assert, test, testGroup } from "test/test_helper"
 
-testGroup("HTML Reparsing", {template: "editor_empty"}, function() {
+testGroup("HTML Reparsing", { template: "editor_empty" }, function() {
   test("mutation resulting in identical blocks", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.loadHTML("<ul><li>a</li><li>b</li></ul>");
+    const element = getEditorElement()
+    element.editor.loadHTML("<ul><li>a</li><li>b</li></ul>")
     return requestAnimationFrame(function() {
-      element.querySelector("li").textContent = "b";
+      element.querySelector("li").textContent = "b"
       return requestAnimationFrame(function() {
-        assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
-        assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
-        assert.equal(element.value, "<ul><li>b</li><li>b</li></ul>");
-        return expectDocument("b\nb\n");
-      });
-    });
-  });
+        assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+        assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+        assert.equal(element.value, "<ul><li>b</li><li>b</li></ul>")
+        return expectDocument("b\nb\n")
+      })
+    })
+  })
 
   return test("mutation resulting in identical pieces", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.loadHTML("<div><strong>a</strong> <strong>b</strong></div>");
+    const element = getEditorElement()
+    element.editor.loadHTML("<div><strong>a</strong> <strong>b</strong></div>")
     return requestAnimationFrame(function() {
-      element.querySelector("strong").textContent = "b";
+      element.querySelector("strong").textContent = "b"
       return requestAnimationFrame(function() {
-        assert.textAttributes([0, 1], {bold: true});
-        assert.textAttributes([2, 3], {bold: true});
-        assert.equal(element.value, "<div><strong>b</strong> <strong>b</strong></div>");
-        return expectDocument("b b\n");
-      });
-    });
-  });
-});
+        assert.textAttributes([ 0, 1 ], { bold: true })
+        assert.textAttributes([ 2, 3 ], { bold: true })
+        assert.equal(element.value, "<div><strong>b</strong> <strong>b</strong></div>")
+        return expectDocument("b b\n")
+      })
+    })
+  })
+})
diff --git a/src/test/system/html_replacement_test.js b/src/test/system/html_replacement_test.js
index 2429a04f2..97a07a1d9 100644
--- a/src/test/system/html_replacement_test.js
+++ b/src/test/system/html_replacement_test.js
@@ -1,3 +1,10 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS101: Remove unnecessary use of Array.from
@@ -5,133 +12,133 @@
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
+import config from "trix/config"
 
-import { assert, clickToolbarButton, collapseSelection, defer, moveCursor, selectNode, typeCharacters, testIf, testGroup, triggerEvent } from "test/test_helper";
+import { assert, clickToolbarButton, collapseSelection, defer, moveCursor, selectNode, testGroup, testIf, triggerEvent, typeCharacters } from "test/test_helper"
 
 const test = function() {
-  return testIf(config.input.getLevel() === 0, ...arguments);
-};
+  return testIf(config.input.getLevel() === 0, ...arguments)
+}
 
-testGroup("Level 0 input: HTML replacement", () => testGroup("deleting with command+backspace", {template: "editor_empty"}, function() {
+testGroup("Level 0 input: HTML replacement", () => testGroup("deleting with command+backspace", { template: "editor_empty" }, function() {
   test("from the end of a line", function(expectDocument) {
-    getEditor().loadHTML("<div>a</div><blockquote>b</blockquote><div>c</div>");
-    getSelectionManager().setLocationRange({index: 1, offset: 1});
-    return pressCommandBackspace({replaceText: "b"}, function() {
-      assert.locationRange({index: 1, offset: 0});
-      assert.blockAttributes([0, 2], []);
-      assert.blockAttributes([2, 3], ["quote"]);
-      assert.blockAttributes([3, 5], []);
-      return expectDocument("a\n\nc\n");
-    });
-  });
+    getEditor().loadHTML("<div>a</div><blockquote>b</blockquote><div>c</div>")
+    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+    return pressCommandBackspace({ replaceText: "b" }, function() {
+      assert.locationRange({ index: 1, offset: 0 })
+      assert.blockAttributes([ 0, 2 ], [])
+      assert.blockAttributes([ 2, 3 ], [ "quote" ])
+      assert.blockAttributes([ 3, 5 ], [])
+      return expectDocument("a\n\nc\n")
+    })
+  })
 
   test("in the first block", function(expectDocument) {
-    getEditor().loadHTML("<div>a</div><blockquote>b</blockquote>");
-    getSelectionManager().setLocationRange({index: 0, offset: 1});
-    return pressCommandBackspace({replaceText: "a"}, function() {
-      assert.locationRange({index: 0, offset: 0});
-      assert.blockAttributes([0, 1], []);
-      assert.blockAttributes([1, 3], ["quote"]);
-      return expectDocument("\nb\n");
-    });
-  });
+    getEditor().loadHTML("<div>a</div><blockquote>b</blockquote>")
+    getSelectionManager().setLocationRange({ index: 0, offset: 1 })
+    return pressCommandBackspace({ replaceText: "a" }, function() {
+      assert.locationRange({ index: 0, offset: 0 })
+      assert.blockAttributes([ 0, 1 ], [])
+      assert.blockAttributes([ 1, 3 ], [ "quote" ])
+      return expectDocument("\nb\n")
+    })
+  })
 
   test("from the middle of a line", function(expectDocument) {
-    getEditor().loadHTML("<div>a</div><blockquote>bc</blockquote><div>d</div>");
-    getSelectionManager().setLocationRange({index: 1, offset: 1});
-    return pressCommandBackspace({replaceText: "b"}, function() {
-      assert.locationRange({index: 1, offset: 0});
-      assert.blockAttributes([0, 2], []);
-      assert.blockAttributes([2, 4], ["quote"]);
-      assert.blockAttributes([4, 6], []);
-      return expectDocument("a\nc\nd\n");
-    });
-  });
+    getEditor().loadHTML("<div>a</div><blockquote>bc</blockquote><div>d</div>")
+    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+    return pressCommandBackspace({ replaceText: "b" }, function() {
+      assert.locationRange({ index: 1, offset: 0 })
+      assert.blockAttributes([ 0, 2 ], [])
+      assert.blockAttributes([ 2, 4 ], [ "quote" ])
+      assert.blockAttributes([ 4, 6 ], [])
+      return expectDocument("a\nc\nd\n")
+    })
+  })
 
   test("from the middle of a line in a multi-line block", function(expectDocument) {
-    getEditor().loadHTML("<div>a</div><blockquote>bc<br>d</blockquote><div>e</div>");
-    getSelectionManager().setLocationRange({index: 1, offset: 1});
-    return pressCommandBackspace({replaceText: "b"}, function() {
-      assert.locationRange({index: 1, offset: 0});
-      assert.blockAttributes([0, 2], []);
-      assert.blockAttributes([2, 6], ["quote"]);
-      return expectDocument("a\nc\nd\ne\n");
-    });
-  });
+    getEditor().loadHTML("<div>a</div><blockquote>bc<br>d</blockquote><div>e</div>")
+    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+    return pressCommandBackspace({ replaceText: "b" }, function() {
+      assert.locationRange({ index: 1, offset: 0 })
+      assert.blockAttributes([ 0, 2 ], [])
+      assert.blockAttributes([ 2, 6 ], [ "quote" ])
+      return expectDocument("a\nc\nd\ne\n")
+    })
+  })
 
   test("from the end of a list item", function(expectDocument) {
-    getEditor().loadHTML("<ul><li>a</li><li>b</li></ul>");
-    getSelectionManager().setLocationRange({index: 1, offset: 1});
-    return pressCommandBackspace({replaceText: "b"}, function() {
-      assert.locationRange({index: 1, offset: 0});
-      assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
-      assert.blockAttributes([2, 4], ["bulletList", "bullet"]);
-      return expectDocument("a\n\n");
-    });
-  });
+    getEditor().loadHTML("<ul><li>a</li><li>b</li></ul>")
+    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+    return pressCommandBackspace({ replaceText: "b" }, function() {
+      assert.locationRange({ index: 1, offset: 0 })
+      assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+      assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet" ])
+      return expectDocument("a\n\n")
+    })
+  })
 
   test("a character that is its text node's only data", function(expectDocument) {
-    getEditor().loadHTML("<div>a<br>b<br><strong>c</strong></div>");
-    getSelectionManager().setLocationRange({index: 0, offset: 3});
-    return pressCommandBackspace({replaceText: "b"}, function() {
-      assert.locationRange({index: 0, offset: 2});
-      return expectDocument("a\n\nc\n");
-    });
-  });
+    getEditor().loadHTML("<div>a<br>b<br><strong>c</strong></div>")
+    getSelectionManager().setLocationRange({ index: 0, offset: 3 })
+    return pressCommandBackspace({ replaceText: "b" }, function() {
+      assert.locationRange({ index: 0, offset: 2 })
+      return expectDocument("a\n\nc\n")
+    })
+  })
 
   return test("a formatted word", function(expectDocument) {
-    getEditor().loadHTML("<div>a<strong>bc</strong></div>");
-    getSelectionManager().setLocationRange({index: 0, offset: 4});
-    return pressCommandBackspace({replaceElementWithText: "bc"}, function() {
-      assert.locationRange({index: 0, offset: 1});
-      return expectDocument("a\n");
-    });
-  });
-}));
-
-var pressCommandBackspace = function({replaceText, replaceElementWithText}, callback) {
-  let previousSibling;
-  triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 8, which: 8, metaKey: true});
-  const range = rangy.getSelection().getRangeAt(0);
+    getEditor().loadHTML("<div>a<strong>bc</strong></div>")
+    getSelectionManager().setLocationRange({ index: 0, offset: 4 })
+    return pressCommandBackspace({ replaceElementWithText: "bc" }, function() {
+      assert.locationRange({ index: 0, offset: 1 })
+      return expectDocument("a\n")
+    })
+  })
+}))
+
+var pressCommandBackspace = function({ replaceText, replaceElementWithText }, callback) {
+  let previousSibling
+  triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 8, which: 8, metaKey: true })
+  const range = rangy.getSelection().getRangeAt(0)
 
   if (replaceElementWithText) {
     const element = getElementWithText(replaceElementWithText);
-    ({previousSibling} = element);
-    element.parentNode.removeChild(element);
-    range.collapseAfter(previousSibling);
+    ({ previousSibling } = element)
+    element.parentNode.removeChild(element)
+    range.collapseAfter(previousSibling)
   } else {
-    let nextSibling, parentNode;
-    range.findText(replaceText, {direction: "backward"});
-    range.splitBoundaries();
+    let nextSibling, parentNode
+    range.findText(replaceText, { direction: "backward" })
+    range.splitBoundaries()
 
     const node = range.getNodes()[0];
-    ({previousSibling, nextSibling, parentNode} = node);
+    ({ previousSibling, nextSibling, parentNode } = node)
 
     if ((previousSibling != null ? previousSibling.nodeType : undefined) === Node.COMMENT_NODE) {
-      parentNode.removeChild(previousSibling);
+      parentNode.removeChild(previousSibling)
     }
 
-    node.data = "";
-    parentNode.removeChild(node);
+    node.data = ""
+    parentNode.removeChild(node)
 
     if (!parentNode.hasChildNodes()) {
-      parentNode.appendChild(document.createElement("br"));
+      parentNode.appendChild(document.createElement("br"))
     }
 
-    range.collapseBefore(nextSibling != null ? nextSibling : parentNode.firstChild);
+    range.collapseBefore(nextSibling != null ? nextSibling : parentNode.firstChild)
   }
 
-  range.select();
-  return requestAnimationFrame(callback);
-};
+  range.select()
+  return requestAnimationFrame(callback)
+}
 
 
 var getElementWithText = function(text) {
-  for (let element of Array.from(document.activeElement.querySelectorAll("*"))) {
+  for (const element of Array.from(document.activeElement.querySelectorAll("*"))) {
     if (element.innerText === text) {
-      return element;
+      return element
     }
   }
-  return null;
-};
+  return null
+}
diff --git a/src/test/system/installation_process_test.js b/src/test/system/installation_process_test.js
index db9a1eac3..78fe21b0f 100644
--- a/src/test/system/installation_process_test.js
+++ b/src/test/system/installation_process_test.js
@@ -1,67 +1,72 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import EditorController from "trix/controllers/editor_controller";
+import EditorController from "trix/controllers/editor_controller"
 
-import { assert, defer, test, testGroup } from "test/test_helper";
+import { assert, defer, test, testGroup } from "test/test_helper"
 
-testGroup("Installation process", {template: "editor_html"}, function() {
-  test("element.editorController", () => assert.ok(getEditorController() instanceof EditorController));
+testGroup("Installation process", { template: "editor_html" }, function() {
+  test("element.editorController", () => assert.ok(getEditorController() instanceof EditorController))
 
-  test("creates a contenteditable element", () => assert.ok(getEditorElement()));
+  test("creates a contenteditable element", () => assert.ok(getEditorElement()))
 
-  test("loads the initial document", () => assert.equal(getEditorElement().textContent, "Hello world"));
+  test("loads the initial document", () => assert.equal(getEditorElement().textContent, "Hello world"))
 
   return test("sets value property", done => defer(function() {
-    assert.equal(getEditorElement().value, "<div>Hello world</div>");
-    return done();
-  }));
-});
+    assert.equal(getEditorElement().value, "<div>Hello world</div>")
+    return done()
+  }))
+})
 
 
-testGroup("Installation process without specified elements", {template: "editor_empty"}, () => test("creates identified toolbar and input elements", function(done) {
-  const editorElement = getEditorElement();
+testGroup("Installation process without specified elements", { template: "editor_empty" }, () => test("creates identified toolbar and input elements", function(done) {
+  const editorElement = getEditorElement()
 
-  const toolbarId = editorElement.getAttribute("toolbar");
-  assert.ok(/trix-toolbar-\d+/.test(toolbarId), `toolbar id not assert.ok ${JSON.stringify(toolbarId)}`);
-  const toolbarElement = document.getElementById(toolbarId);
-  assert.ok(toolbarElement, "toolbar element not assert.ok");
-  assert.equal(editorElement.toolbarElement, toolbarElement);
+  const toolbarId = editorElement.getAttribute("toolbar")
+  assert.ok(/trix-toolbar-\d+/.test(toolbarId), `toolbar id not assert.ok ${JSON.stringify(toolbarId)}`)
+  const toolbarElement = document.getElementById(toolbarId)
+  assert.ok(toolbarElement, "toolbar element not assert.ok")
+  assert.equal(editorElement.toolbarElement, toolbarElement)
 
-  const inputId = editorElement.getAttribute("input");
-  assert.ok(/trix-input-\d+/.test(inputId), `input id not assert.ok ${JSON.stringify(inputId)}`);
-  const inputElement = document.getElementById(inputId);
-  assert.ok(inputElement, "input element not assert.ok");
-  assert.equal(editorElement.inputElement, inputElement);
+  const inputId = editorElement.getAttribute("input")
+  assert.ok(/trix-input-\d+/.test(inputId), `input id not assert.ok ${JSON.stringify(inputId)}`)
+  const inputElement = document.getElementById(inputId)
+  assert.ok(inputElement, "input element not assert.ok")
+  assert.equal(editorElement.inputElement, inputElement)
 
-  return done();
-}));
+  return done()
+}))
 
-testGroup("Installation process with specified elements", {template: "editor_with_toolbar_and_input"}, function() {
+testGroup("Installation process with specified elements", { template: "editor_with_toolbar_and_input" }, function() {
   test("uses specified elements", function(done) {
-    const editorElement = getEditorElement();
-    assert.equal(editorElement.toolbarElement, document.getElementById("my_toolbar"));
-    assert.equal(editorElement.inputElement, document.getElementById("my_input"));
-    assert.equal(editorElement.value, "<div>Hello world</div>");
-    return done();
-  });
+    const editorElement = getEditorElement()
+    assert.equal(editorElement.toolbarElement, document.getElementById("my_toolbar"))
+    assert.equal(editorElement.inputElement, document.getElementById("my_input"))
+    assert.equal(editorElement.value, "<div>Hello world</div>")
+    return done()
+  })
 
   return test("can be cloned", function(done) {
-    const originalElement = document.getElementById("my_editor");
-    const clonedElement = originalElement.cloneNode(true);
+    const originalElement = document.getElementById("my_editor")
+    const clonedElement = originalElement.cloneNode(true)
 
-    const {parentElement} = originalElement;
-    parentElement.removeChild(originalElement);
-    parentElement.appendChild(clonedElement);
+    const { parentElement } = originalElement
+    parentElement.removeChild(originalElement)
+    parentElement.appendChild(clonedElement)
 
     return defer(function() {
-      const editorElement = getEditorElement();
-      assert.equal(editorElement.toolbarElement, document.getElementById("my_toolbar"));
-      assert.equal(editorElement.inputElement, document.getElementById("my_input"));
-      assert.equal(editorElement.value, "<div>Hello world</div>");
-      return done();
-    });
-  });
-});
+      const editorElement = getEditorElement()
+      assert.equal(editorElement.toolbarElement, document.getElementById("my_toolbar"))
+      assert.equal(editorElement.inputElement, document.getElementById("my_input"))
+      assert.equal(editorElement.value, "<div>Hello world</div>")
+      return done()
+    })
+  })
+})
diff --git a/src/test/system/level_2_input_test.js b/src/test/system/level_2_input_test.js
index 46f6ee18c..82fb85e4d 100644
--- a/src/test/system/level_2_input_test.js
+++ b/src/test/system/level_2_input_test.js
@@ -1,3 +1,10 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
@@ -5,279 +12,279 @@
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
+import config from "trix/config"
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
-import { assert, after, clickToolbarButton, defer, insertString, insertNode, isToolbarButtonActive, selectAll, selectNode, testIf, testGroup, triggerEvent, triggerInputEvent, typeCharacters } from "test/test_helper";
+import { after, assert, clickToolbarButton, defer, insertNode, insertString, isToolbarButtonActive, selectAll, selectNode, testGroup, testIf, triggerEvent, triggerInputEvent, typeCharacters } from "test/test_helper"
 
 const test = function() {
-  return testIf(config.input.getLevel() === 2, ...arguments);
-};
+  return testIf(config.input.getLevel() === 2, ...arguments)
+}
 
 const testOptions = {
   template: "editor_empty",
   setup() {
-    addEventListener("beforeinput", recordInputEvent, true);
-    return addEventListener("input", recordInputEvent, true);
+    addEventListener("beforeinput", recordInputEvent, true)
+    return addEventListener("input", recordInputEvent, true)
   },
   teardown() {
-    removeEventListener("beforeinput", recordInputEvent, true);
-    return removeEventListener("input", recordInputEvent, true);
+    removeEventListener("beforeinput", recordInputEvent, true)
+    return removeEventListener("input", recordInputEvent, true)
   }
-};
+}
 
-let inputEvents = [];
+let inputEvents = []
 
 var recordInputEvent = function(event) {
   // Not all browsers dispatch "beforeinput" event when calling execCommand() so
   // we manually dispatch a synthetic one. If a second one arrives, ignore it.
-  if ((event.type === "beforeinput") && (inputEvents.length === 1) && (inputEvents[0].type === "beforeinput")) {
-    return event.stopImmediatePropagation();
+  if (event.type === "beforeinput" && inputEvents.length === 1 && inputEvents[0].type === "beforeinput") {
+    return event.stopImmediatePropagation()
   } else {
-    const {type, inputType, data} = event;
-    return inputEvents.push({type, inputType, data});
+    const { type, inputType, data } = event
+    return inputEvents.push({ type, inputType, data })
   }
-};
+}
 
 // Borrowed from https://github.com/web-platform-tests/wpt/blob/master/input-events/input-events-exec-command.html
-const performInputTypeUsingExecCommand = function(command, {inputType, data}, callback) {
-  inputEvents = [];
+const performInputTypeUsingExecCommand = function(command, { inputType, data }, callback) {
+  inputEvents = []
   return requestAnimationFrame(function() {
-    triggerInputEvent(document.activeElement, "beforeinput", {inputType, data});
-    document.execCommand(command, false, data);
-    assert.equal(inputEvents.length, 2);
-    assert.equal(inputEvents[0].type, "beforeinput");
-    assert.equal(inputEvents[1].type, "input");
-    assert.equal(inputEvents[0].inputType, inputType);
-    assert.equal(inputEvents[0].data, data);
-    return requestAnimationFrame(() => requestAnimationFrame(callback));
-  });
-};
+    triggerInputEvent(document.activeElement, "beforeinput", { inputType, data })
+    document.execCommand(command, false, data)
+    assert.equal(inputEvents.length, 2)
+    assert.equal(inputEvents[0].type, "beforeinput")
+    assert.equal(inputEvents[1].type, "input")
+    assert.equal(inputEvents[0].inputType, inputType)
+    assert.equal(inputEvents[0].data, data)
+    return requestAnimationFrame(() => requestAnimationFrame(callback))
+  })
+}
 
 testGroup("Level 2 Input", testOptions, function() {
-  test("insertText", expectDocument => performInputTypeUsingExecCommand("insertText", {inputType: "insertText", data: "abc"}, () => expectDocument("abc\n")));
+  test("insertText", expectDocument => performInputTypeUsingExecCommand("insertText", { inputType: "insertText", data: "abc" }, () => expectDocument("abc\n")))
 
   test("insertOrderedList", function(expectDocument) {
-    insertString("a\nb");
-    return performInputTypeUsingExecCommand("insertOrderedList", {inputType: "insertOrderedList"}, function() {
-      assert.blockAttributes([0, 2], []);
-      assert.blockAttributes([2, 4], ["numberList", "number"]);
-      assert.ok(isToolbarButtonActive({attribute: "number"}));
-      return expectDocument("a\nb\n");
-    });
-  });
+    insertString("a\nb")
+    return performInputTypeUsingExecCommand("insertOrderedList", { inputType: "insertOrderedList" }, function() {
+      assert.blockAttributes([ 0, 2 ], [])
+      assert.blockAttributes([ 2, 4 ], [ "numberList", "number" ])
+      assert.ok(isToolbarButtonActive({ attribute: "number" }))
+      return expectDocument("a\nb\n")
+    })
+  })
 
   test("insertUnorderedList", function(expectDocument) {
-    insertString("a\nb");
-    return performInputTypeUsingExecCommand("insertUnorderedList", {inputType: "insertUnorderedList"}, function() {
-      assert.blockAttributes([0, 2], []);
-      assert.blockAttributes([2, 4], ["bulletList", "bullet"]);
-      assert.ok(isToolbarButtonActive({attribute: "bullet"}));
-      return expectDocument("a\nb\n");
-    });
-  });
+    insertString("a\nb")
+    return performInputTypeUsingExecCommand("insertUnorderedList", { inputType: "insertUnorderedList" }, function() {
+      assert.blockAttributes([ 0, 2 ], [])
+      assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet" ])
+      assert.ok(isToolbarButtonActive({ attribute: "bullet" }))
+      return expectDocument("a\nb\n")
+    })
+  })
 
-  test("insertLineBreak", expectDocument => clickToolbarButton({attribute: "quote"}, function() {
-    insertString("abc");
-    return performInputTypeUsingExecCommand("insertLineBreak", {inputType: "insertLineBreak"}, () => performInputTypeUsingExecCommand("insertLineBreak", {inputType: "insertLineBreak"}, function() {
-      assert.blockAttributes([0, 6], ["quote"]);
-      return expectDocument("abc\n\n\n");
-    }));
-  }));
+  test("insertLineBreak", expectDocument => clickToolbarButton({ attribute: "quote" }, function() {
+    insertString("abc")
+    return performInputTypeUsingExecCommand("insertLineBreak", { inputType: "insertLineBreak" }, () => performInputTypeUsingExecCommand("insertLineBreak", { inputType: "insertLineBreak" }, function() {
+      assert.blockAttributes([ 0, 6 ], [ "quote" ])
+      return expectDocument("abc\n\n\n")
+    }))
+  }))
 
-  test("insertParagraph", expectDocument => clickToolbarButton({attribute: "quote"}, function() {
-    insertString("abc");
-    return performInputTypeUsingExecCommand("insertParagraph", {inputType: "insertParagraph"}, () => performInputTypeUsingExecCommand("insertParagraph", {inputType: "insertParagraph"}, function() {
-      assert.blockAttributes([0, 4], ["quote"]);
-      assert.blockAttributes([4, 5], []);
-      return expectDocument("abc\n\n");
-    }));
-  }));
+  test("insertParagraph", expectDocument => clickToolbarButton({ attribute: "quote" }, function() {
+    insertString("abc")
+    return performInputTypeUsingExecCommand("insertParagraph", { inputType: "insertParagraph" }, () => performInputTypeUsingExecCommand("insertParagraph", { inputType: "insertParagraph" }, function() {
+      assert.blockAttributes([ 0, 4 ], [ "quote" ])
+      assert.blockAttributes([ 4, 5 ], [])
+      return expectDocument("abc\n\n")
+    }))
+  }))
 
   test("formatBold", function(expectDocument) {
-    insertString("abc");
-    getComposition().setSelectedRange([1, 2]);
-    return performInputTypeUsingExecCommand("bold", {inputType: "formatBold"}, function() {
-      assert.textAttributes([0, 1], {});
-      assert.textAttributes([1, 2], {bold: true});
-      assert.textAttributes([2, 3], {});
-      return expectDocument("abc\n");
-    });
-  });
+    insertString("abc")
+    getComposition().setSelectedRange([ 1, 2 ])
+    return performInputTypeUsingExecCommand("bold", { inputType: "formatBold" }, function() {
+      assert.textAttributes([ 0, 1 ], {})
+      assert.textAttributes([ 1, 2 ], { bold: true })
+      assert.textAttributes([ 2, 3 ], {})
+      return expectDocument("abc\n")
+    })
+  })
 
   test("formatItalic", function(expectDocument) {
-    insertString("abc");
-    getComposition().setSelectedRange([1, 2]);
-    return performInputTypeUsingExecCommand("italic", {inputType: "formatItalic"}, function() {
-      assert.textAttributes([0, 1], {});
-      assert.textAttributes([1, 2], {italic: true});
-      assert.textAttributes([2, 3], {});
-      return expectDocument("abc\n");
-    });
-  });
+    insertString("abc")
+    getComposition().setSelectedRange([ 1, 2 ])
+    return performInputTypeUsingExecCommand("italic", { inputType: "formatItalic" }, function() {
+      assert.textAttributes([ 0, 1 ], {})
+      assert.textAttributes([ 1, 2 ], { italic: true })
+      assert.textAttributes([ 2, 3 ], {})
+      return expectDocument("abc\n")
+    })
+  })
 
   test("formatStrikeThrough", function(expectDocument) {
-    insertString("abc");
-    getComposition().setSelectedRange([1, 2]);
-    return performInputTypeUsingExecCommand("strikeThrough", {inputType: "formatStrikeThrough"}, function() {
-      assert.textAttributes([0, 1], {});
-      assert.textAttributes([1, 2], {strike: true});
-      assert.textAttributes([2, 3], {});
-      return expectDocument("abc\n");
-    });
-  });
+    insertString("abc")
+    getComposition().setSelectedRange([ 1, 2 ])
+    return performInputTypeUsingExecCommand("strikeThrough", { inputType: "formatStrikeThrough" }, function() {
+      assert.textAttributes([ 0, 1 ], {})
+      assert.textAttributes([ 1, 2 ], { strike: true })
+      assert.textAttributes([ 2, 3 ], {})
+      return expectDocument("abc\n")
+    })
+  })
 
   // https://input-inspector.now.sh/profiles/hVXS1cHYFvc2EfdRyTWQ
   test("correcting a misspelled word in Chrome", function(expectDocument) {
-    insertString("onr");
-    getComposition().setSelectedRange([0, 3]);
+    insertString("onr")
+    getComposition().setSelectedRange([ 0, 3 ])
     return requestAnimationFrame(function() {
-      const inputType = "insertReplacementText";
-      const dataTransfer = createDataTransfer({"text/plain": "one"});
-      const event = createEvent("beforeinput", {inputType, dataTransfer});
-      document.activeElement.dispatchEvent(event);
-      return requestAnimationFrame(() => expectDocument("one\n"));
-    });
-  });
+      const inputType = "insertReplacementText"
+      const dataTransfer = createDataTransfer({ "text/plain": "one" })
+      const event = createEvent("beforeinput", { inputType, dataTransfer })
+      document.activeElement.dispatchEvent(event)
+      return requestAnimationFrame(() => expectDocument("one\n"))
+    })
+  })
 
   // https://input-inspector.now.sh/profiles/XsZVwKtFxakwnsNs0qnX
   test("correcting a misspelled word in Safari", function(expectDocument) {
-    insertString("onr");
-    getComposition().setSelectedRange([0, 3]);
+    insertString("onr")
+    getComposition().setSelectedRange([ 0, 3 ])
     return requestAnimationFrame(function() {
-      const inputType = "insertText";
-      const dataTransfer = createDataTransfer({"text/plain": "one", "text/html": "one"});
-      const event = createEvent("beforeinput", {inputType, dataTransfer});
-      document.activeElement.dispatchEvent(event);
-      return requestAnimationFrame(() => expectDocument("one\n"));
-    });
-  });
+      const inputType = "insertText"
+      const dataTransfer = createDataTransfer({ "text/plain": "one", "text/html": "one" })
+      const event = createEvent("beforeinput", { inputType, dataTransfer })
+      document.activeElement.dispatchEvent(event)
+      return requestAnimationFrame(() => expectDocument("one\n"))
+    })
+  })
 
   // https://input-inspector.now.sh/profiles/yZlsrfG93QMzp2oyr0BE
   test("deleting the last character in a composed word on Android", function(expectDocument) {
-    insertString("c");
-    const element = getEditorElement();
-    const textNode = element.firstChild.lastChild;
+    insertString("c")
+    const element = getEditorElement()
+    const textNode = element.firstChild.lastChild
     return selectNode(textNode, function() {
-      triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data: ""});
-      triggerEvent(element, "compositionend", {data: ""});
-      return requestAnimationFrame(() => expectDocument("\n"));
-    });
-  });
+      triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data: "" })
+      triggerEvent(element, "compositionend", { data: "" })
+      return requestAnimationFrame(() => expectDocument("\n"))
+    })
+  })
 
   test("pasting a file", expectDocument => createFile(function(file) {
-    const clipboardData = createDataTransfer({"Files": [file]});
-    const dataTransfer = createDataTransfer({"Files": [file]});
-    return paste({clipboardData, dataTransfer}, function() {
-      const attachments = getDocument().getAttachments();
-      assert.equal(attachments.length, 1);
-      assert.equal(attachments[0].getFilename(), file.name);
-      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
-    });
-  }));
+    const clipboardData = createDataTransfer({ "Files": [ file ] })
+    const dataTransfer = createDataTransfer({ "Files": [ file ] })
+    return paste({ clipboardData, dataTransfer }, function() {
+      const attachments = getDocument().getAttachments()
+      assert.equal(attachments.length, 1)
+      assert.equal(attachments[0].getFilename(), file.name)
+      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+    })
+  }))
 
   // "insertFromPaste InputEvent missing pasted files in dataTransfer"
   // - https://bugs.webkit.org/show_bug.cgi?id=194921
   test("pasting a file in Safari", expectDocument => createFile(function(file) {
-    const clipboardData = createDataTransfer({"Files": [file]});
-    const dataTransfer = createDataTransfer({"text/html": `<img src="blob:${location.origin}/531de8">`});
-    return paste({clipboardData, dataTransfer}, function() {
-      const attachments = getDocument().getAttachments();
-      assert.equal(attachments.length, 1);
-      assert.equal(attachments[0].getFilename(), file.name);
-      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`);
-    });
-  }));
+    const clipboardData = createDataTransfer({ "Files": [ file ] })
+    const dataTransfer = createDataTransfer({ "text/html": `<img src="blob:${location.origin}/531de8">` })
+    return paste({ clipboardData, dataTransfer }, function() {
+      const attachments = getDocument().getAttachments()
+      assert.equal(attachments.length, 1)
+      assert.equal(attachments[0].getFilename(), file.name)
+      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+    })
+  }))
 
   // "insertFromPaste InputEvent missing text/uri-list in dataTransfer for pasted links"
   // - https://bugs.webkit.org/show_bug.cgi?id=196702
   test("pasting a link in Safari", expectDocument => createFile(function(file) {
-    const url = "https://bugs.webkit.org";
-    const text = "WebKit Bugzilla";
-    const clipboardData = createDataTransfer({"URL": url, "text/uri-list": url, "text/plain": text});
-    const dataTransfer = createDataTransfer({"text/html": `<a href="${url}">${text}</a>`, "text/plain": text});
-    return paste({clipboardData, dataTransfer}, function() {
-      assert.textAttributes([0, url.length], {href: url});
-      return expectDocument(`${url}\n`);
-    });
-  }));
+    const url = "https://bugs.webkit.org"
+    const text = "WebKit Bugzilla"
+    const clipboardData = createDataTransfer({ "URL": url, "text/uri-list": url, "text/plain": text })
+    const dataTransfer = createDataTransfer({ "text/html": `<a href="${url}">${text}</a>`, "text/plain": text })
+    return paste({ clipboardData, dataTransfer }, function() {
+      assert.textAttributes([ 0, url.length ], { href: url })
+      return expectDocument(`${url}\n`)
+    })
+  }))
 
   // Pastes from MS Word include an image of the copied text 🙃
   // https://input-inspector.now.sh/profiles/QWDITsV60dpEVl1SOZg8
   test("pasting text from MS Word", expectDocument => createFile(function(file) {
-    let dataTransfer;
-    const clipboardData = (dataTransfer = createDataTransfer({
+    let dataTransfer
+    const clipboardData = dataTransfer = createDataTransfer({
       "text/html": "<span class=\"MsoNormal\">abc</span>",
       "text/plain": "abc",
-      "Files": [file]}));
+      "Files": [ file ] })
 
-    return paste({dataTransfer}, function() {
-      const attachments = getDocument().getAttachments();
-      assert.equal(attachments.length, 0);
-      return expectDocument("abc\n");
-    });
-  }));
+    return paste({ dataTransfer }, function() {
+      const attachments = getDocument().getAttachments()
+      assert.equal(attachments.length, 0)
+      return expectDocument("abc\n")
+    })
+  }))
 
   // "beforeinput" event is not fired for Paste and Match Style operations
   // - https://bugs.chromium.org/p/chromium/issues/detail?id=934448
   return test("Paste and Match Style in Chrome", function(expectDocument) {
-    const done = () => expectDocument("a\n\nb\n\nc\n");
+    const done = () => expectDocument("a\n\nb\n\nc\n")
     return typeCharacters("a\n\n", function() {
-      const clipboardData = createDataTransfer({"text/plain": "b\n\nc"});
-      const pasteEvent = createEvent("paste", {clipboardData});
+      const clipboardData = createDataTransfer({ "text/plain": "b\n\nc" })
+      const pasteEvent = createEvent("paste", { clipboardData })
       if (document.activeElement.dispatchEvent(pasteEvent)) {
-        const node = document.createElement("div");
-        node.innerHTML = "<div>b</div><div><br></div><div>c</div>";
-        return insertNode(node, done);
+        const node = document.createElement("div")
+        node.innerHTML = "<div>b</div><div><br></div><div>c</div>"
+        return insertNode(node, done)
       } else {
-        return requestAnimationFrame(done);
+        return requestAnimationFrame(done)
       }
-    });
-  });
-});
+    })
+  })
+})
 
 
 var createFile = function(callback) {
-  const canvas = document.createElement("canvas");
+  const canvas = document.createElement("canvas")
   return canvas.toBlob(function(file) {
-    file.name = "image.png";
-    return callback(file);
-  });
-};
+    file.name = "image.png"
+    return callback(file)
+  })
+}
 
 var createDataTransfer = function(data) {
-  if (data == null) { data = {}; }
+  if (data == null) { data = {} }
   return {
-    types: (((() => {
-      const result = [];
-      for (let key in data) {
-        result.push(key);
+    types: (() => {
+      const result = []
+      for (const key in data) {
+        result.push(key)
       }
-      return result;
-    })())),
+      return result
+    })(),
     files: data.Files != null ? data.Files : [],
-    getData(type) { return data[type]; }
-  };
-};
+    getData(type) { return data[type] }
+  }
+}
 
 var createEvent = function(type, properties) {
-  if (properties == null) { properties = {}; }
-  const event = document.createEvent("Events");
-  event.initEvent(type, true, true);
-  for (let key in properties) {
-    const value = properties[key];
-    Object.defineProperty(event, key, {value});
+  if (properties == null) { properties = {} }
+  const event = document.createEvent("Events")
+  event.initEvent(type, true, true)
+  for (const key in properties) {
+    const value = properties[key]
+    Object.defineProperty(event, key, { value })
   }
-  return event;
-};
+  return event
+}
 
 var paste = function(param, callback) {
-  if (param == null) { param = {}; }
-  const {dataTransfer, clipboardData} = param;
-  const pasteEvent = createEvent("paste", {clipboardData: clipboardData || dataTransfer});
-  const inputEvent = createEvent("beforeinput", {inputType: "insertFromPaste", dataTransfer});
+  if (param == null) { param = {} }
+  const { dataTransfer, clipboardData } = param
+  const pasteEvent = createEvent("paste", { clipboardData: clipboardData || dataTransfer })
+  const inputEvent = createEvent("beforeinput", { inputType: "insertFromPaste", dataTransfer })
   if (document.activeElement.dispatchEvent(pasteEvent)) {
-    document.activeElement.dispatchEvent(inputEvent);
+    document.activeElement.dispatchEvent(inputEvent)
   }
-  return after(60, callback);
-};
+  return after(60, callback)
+}
diff --git a/src/test/system/list_formatting_test.js b/src/test/system/list_formatting_test.js
index a70091a33..ad0277993 100644
--- a/src/test/system/list_formatting_test.js
+++ b/src/test/system/list_formatting_test.js
@@ -1,73 +1,79 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
+import config from "trix/config"
 
-import { assert, clickToolbarButton, defer, moveCursor, pressKey, test, testIf, testGroup, triggerEvent, typeCharacters } from "test/test_helper";
+import { assert, clickToolbarButton, defer, moveCursor, pressKey, test, testGroup, testIf, triggerEvent, typeCharacters } from "test/test_helper"
 
-testGroup("List formatting", {template: "editor_empty"}, function() {
-  test("creating a new list item", done => typeCharacters("a", () => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("\n", function() {
-    assert.locationRange({index: 1, offset: 0});
-    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
-    assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
-    return done();
-  }))));
+testGroup("List formatting", { template: "editor_empty" }, function() {
+  test("creating a new list item", done => typeCharacters("a", () => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("\n", function() {
+    assert.locationRange({ index: 1, offset: 0 })
+    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+    return done()
+  }))))
 
-  test("breaking out of a list", expectDocument => typeCharacters("a", () => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("\n\n", function() {
-    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
-    assert.blockAttributes([2, 3], []);
-    return expectDocument("a\n\n");
-  }))));
+  test("breaking out of a list", expectDocument => typeCharacters("a", () => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("\n\n", function() {
+    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 2, 3 ], [])
+    return expectDocument("a\n\n")
+  }))))
 
-  test("pressing return at the beginning of a non-empty list item", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\nb", () => moveCursor("left", () => pressKey("return", function() {
-    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
-    assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
-    assert.blockAttributes([3, 5], ["bulletList", "bullet"]);
-    return expectDocument("a\n\nb\n");
-  })))));
+  test("pressing return at the beginning of a non-empty list item", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\nb", () => moveCursor("left", () => pressKey("return", function() {
+    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 3, 5 ], [ "bulletList", "bullet" ])
+    return expectDocument("a\n\nb\n")
+  })))))
 
-  test("pressing tab increases nesting level, tab+shift decreases nesting level", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a", () => pressKey("return", () => pressKey("tab", () => typeCharacters("b", function() {
-    assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
-    assert.blockAttributes([2, 3], ["bulletList", "bullet", "bulletList", "bullet"]);
+  test("pressing tab increases nesting level, tab+shift decreases nesting level", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a", () => pressKey("return", () => pressKey("tab", () => typeCharacters("b", function() {
+    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
     return defer(function() {
-      const pressShiftTab = triggerEvent(document.activeElement, "keydown", {key: "Tab", charCode: 0, keyCode: 9, which: 9, shiftKey: true});
-      assert.blockAttributes([0, 1], ["bulletList", "bullet"]);
-      assert.blockAttributes([2, 3], ["bulletList", "bullet"]);
-      return expectDocument("a\nb\n");
-    });
-  }))))));
+      const pressShiftTab = triggerEvent(document.activeElement, "keydown", { key: "Tab", charCode: 0, keyCode: 9, which: 9, shiftKey: true })
+      assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+      assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+      return expectDocument("a\nb\n")
+    })
+  }))))))
 
-  testIf(config.input.getLevel() === 0, "pressing shift-return at the end of a list item", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a", function() {
-    const pressShiftReturn = triggerEvent(document.activeElement, "keydown", {charCode: 0, keyCode: 13, which: 13, shiftKey: true});
-    assert.notOk(pressShiftReturn); // Assert defaultPrevented
-    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
-    return expectDocument("a\n\n");
-  })));
+  testIf(config.input.getLevel() === 0, "pressing shift-return at the end of a list item", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a", function() {
+    const pressShiftReturn = triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 13, which: 13, shiftKey: true })
+    assert.notOk(pressShiftReturn) // Assert defaultPrevented
+    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+    return expectDocument("a\n\n")
+  })))
 
-  test("pressing delete at the beginning of a non-empty nested list item", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("b\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("c", function() {
-    getSelectionManager().setLocationRange({index: 1, offset: 0});
-    getComposition().deleteInDirection("backward");
-    getEditorController().render();
+  test("pressing delete at the beginning of a non-empty nested list item", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("b\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("c", function() {
+    getSelectionManager().setLocationRange({ index: 1, offset: 0 })
+    getComposition().deleteInDirection("backward")
+    getEditorController().render()
     return defer(function() {
-      assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
-      assert.blockAttributes([3, 4], ["bulletList", "bullet", "bulletList", "bullet"]);
-      return expectDocument("ab\nc\n");
-    });
-  })))))));
+      assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+      assert.blockAttributes([ 3, 4 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
+      return expectDocument("ab\nc\n")
+    })
+  })))))))
 
-  return test("decreasing list item's level decreases its nested items level too", expectDocument => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("a\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("b\n", () => clickToolbarButton({action: "increaseNestingLevel"}, () => typeCharacters("c", function() {
-    getSelectionManager().setLocationRange({index: 1, offset: 1});
+  return test("decreasing list item's level decreases its nested items level too", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("b\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("c", function() {
+    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
 
     for (let n = 0; n < 3; n++) {
-      getComposition().deleteInDirection("backward");
-      getEditorController().render();
+      getComposition().deleteInDirection("backward")
+      getEditorController().render()
     }
 
-    assert.blockAttributes([0, 2], ["bulletList", "bullet"]);
-    assert.blockAttributes([2, 3], []);
-    assert.blockAttributes([3, 5], ["bulletList", "bullet"]);
-    return expectDocument("a\n\nc\n");
-  })))))));
-});
+    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+    assert.blockAttributes([ 2, 3 ], [])
+    assert.blockAttributes([ 3, 5 ], [ "bulletList", "bullet" ])
+    return expectDocument("a\n\nc\n")
+  })))))))
+})
diff --git a/src/test/system/mutation_input_test.js b/src/test/system/mutation_input_test.js
index fbf44811c..ce398bce2 100644
--- a/src/test/system/mutation_input_test.js
+++ b/src/test/system/mutation_input_test.js
@@ -1,134 +1,139 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
+import config from "trix/config"
 
-import { assert, defer, testIf, testGroup, triggerEvent, typeCharacters, clickToolbarButton, isToolbarButtonActive, insertNode, TEST_IMAGE_URL } from "test/test_helper";
+import { TEST_IMAGE_URL, assert, clickToolbarButton, defer, insertNode, isToolbarButtonActive, testGroup, testIf, triggerEvent, typeCharacters } from "test/test_helper"
 
 const test = function() {
-  return testIf(config.input.getLevel() === 0, ...arguments);
-};
+  return testIf(config.input.getLevel() === 0, ...arguments)
+}
 
-testGroup("Mutation input", {template: "editor_empty"}, function() {
+testGroup("Mutation input", { template: "editor_empty" }, function() {
   test("deleting a newline", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.insertString("a\n\nb");
+    const element = getEditorElement()
+    element.editor.insertString("a\n\nb")
 
-    triggerEvent(element, "keydown", {charCode: 0, keyCode: 229, which: 229});
-    const br = element.querySelectorAll("br")[1];
-    br.parentNode.removeChild(br);
-    return requestAnimationFrame(() => expectDocument("a\nb\n"));
-  });
+    triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
+    const br = element.querySelectorAll("br")[1]
+    br.parentNode.removeChild(br)
+    return requestAnimationFrame(() => expectDocument("a\nb\n"))
+  })
 
   test("typing a space in formatted text at the end of a block", function(expectDocument) {
-    const element = getEditorElement();
+    const element = getEditorElement()
 
-    return clickToolbarButton({attribute: "bold"}, () => typeCharacters("a", function() {
+    return clickToolbarButton({ attribute: "bold" }, () => typeCharacters("a", function() {
       // Press space key
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 32, which: 32});
-      triggerEvent(element, "keypress", {charCode: 32, keyCode: 32, which: 32});
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 32, which: 32 })
+      triggerEvent(element, "keypress", { charCode: 32, keyCode: 32, which: 32 })
 
-      const boldElement = element.querySelector("strong");
-      boldElement.appendChild(document.createTextNode(" "));
-      boldElement.appendChild(document.createElement("br"));
+      const boldElement = element.querySelector("strong")
+      boldElement.appendChild(document.createTextNode(" "))
+      boldElement.appendChild(document.createElement("br"))
 
       return requestAnimationFrame(function() {
-        assert.ok(isToolbarButtonActive({attribute: "bold"}));
-        assert.textAttributes([0, 2], {bold: true});
-        return expectDocument("a \n");
-      });
-    }));
-  });
+        assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+        assert.textAttributes([ 0, 2 ], { bold: true })
+        return expectDocument("a \n")
+      })
+    }))
+  })
 
   test("typing formatted text after a newline at the end of block", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.insertHTML("<ul><li>a</li><li><br></li></ul>");
-    element.editor.setSelectedRange(3);
+    const element = getEditorElement()
+    element.editor.insertHTML("<ul><li>a</li><li><br></li></ul>")
+    element.editor.setSelectedRange(3)
 
-    return clickToolbarButton({attribute: "bold"}, function() {
+    return clickToolbarButton({ attribute: "bold" }, function() {
       // Press B key
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 66, which: 66});
-      triggerEvent(element, "keypress", {charCode: 98, keyCode: 98, which: 98});
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 66, which: 66 })
+      triggerEvent(element, "keypress", { charCode: 98, keyCode: 98, which: 98 })
 
-      const node = document.createTextNode("b");
-      const extraBR = element.querySelectorAll("br")[1];
-      extraBR.parentNode.insertBefore(node, extraBR);
-      extraBR.parentNode.removeChild(extraBR);
+      const node = document.createTextNode("b")
+      const extraBR = element.querySelectorAll("br")[1]
+      extraBR.parentNode.insertBefore(node, extraBR)
+      extraBR.parentNode.removeChild(extraBR)
 
       return requestAnimationFrame(function() {
-        assert.ok(isToolbarButtonActive({attribute: "bold"}));
-        assert.textAttributes([0, 1], {});
-        assert.textAttributes([3, 4], {bold: true});
-        return expectDocument("a\n\nb\n");
-      });
-    });
-  });
+        assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+        assert.textAttributes([ 0, 1 ], {})
+        assert.textAttributes([ 3, 4 ], { bold: true })
+        return expectDocument("a\n\nb\n")
+      })
+    })
+  })
 
   test("typing an emoji after a newline at the end of block", function(expectDocument) {
-    const element = getEditorElement();
+    const element = getEditorElement()
 
     return typeCharacters("\n", function() {
       // Tap 👏🏻 on iOS
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 0, which: 0, key: "👏🏻"});
-      triggerEvent(element, "keypress", {charCode: 128079, keyCode: 128079, which: 128079, key: "👏🏻"});
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 0, which: 0, key: "👏🏻" })
+      triggerEvent(element, "keypress", { charCode: 128079, keyCode: 128079, which: 128079, key: "👏🏻" })
 
-      const node = document.createTextNode("👏🏻");
-      const extraBR = element.querySelectorAll("br")[1];
-      extraBR.parentNode.insertBefore(node, extraBR);
-      extraBR.parentNode.removeChild(extraBR);
+      const node = document.createTextNode("👏🏻")
+      const extraBR = element.querySelectorAll("br")[1]
+      extraBR.parentNode.insertBefore(node, extraBR)
+      extraBR.parentNode.removeChild(extraBR)
 
-      return requestAnimationFrame(() => expectDocument("\n👏🏻\n"));
-    });
-  });
+      return requestAnimationFrame(() => expectDocument("\n👏🏻\n"))
+    })
+  })
 
   test("backspacing an attachment at the beginning of an otherwise empty document", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="10">`);
+    const element = getEditorElement()
+    element.editor.loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="10">`)
 
     return requestAnimationFrame(function() {
-      element.editor.setSelectedRange([0, 1]);
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 8, which: 8});
+      element.editor.setSelectedRange([ 0, 1 ])
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 8, which: 8 })
 
-      element.firstElementChild.innerHTML = "<br>";
+      element.firstElementChild.innerHTML = "<br>"
 
       return requestAnimationFrame(function() {
-        assert.locationRange({index: 0, offset: 0});
-        return expectDocument("\n");
-      });
-    });
-  });
+        assert.locationRange({ index: 0, offset: 0 })
+        return expectDocument("\n")
+      })
+    })
+  })
 
   test("backspacing a block comment node", function(expectDocument) {
-    const element = getEditorElement();
-    element.editor.loadHTML("<blockquote>a</blockquote><div>b</div>");
+    const element = getEditorElement()
+    element.editor.loadHTML("<blockquote>a</blockquote><div>b</div>")
     return defer(function() {
-      element.editor.setSelectedRange(2);
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 8, which: 8});
-      const commentNode = element.lastChild.firstChild;
-      commentNode.parentNode.removeChild(commentNode);
+      element.editor.setSelectedRange(2)
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 8, which: 8 })
+      const commentNode = element.lastChild.firstChild
+      commentNode.parentNode.removeChild(commentNode)
       return defer(function() {
-        assert.locationRange({index: 0, offset: 1});
-        return expectDocument("ab\n");
-      });
-    });
-  });
+        assert.locationRange({ index: 0, offset: 1 })
+        return expectDocument("ab\n")
+      })
+    })
+  })
 
   return test("typing formatted text with autocapitalization on", function(expectDocument) {
-    const element = getEditorElement();
+    const element = getEditorElement()
 
-    return clickToolbarButton({attribute: "bold"}, function() {
+    return clickToolbarButton({ attribute: "bold" }, function() {
       // Type "b", autocapitalize to "B"
-      triggerEvent(element, "keydown", {charCode: 0, keyCode: 66, which: 66});
-      triggerEvent(element, "keypress", {charCode: 98, keyCode: 98, which: 98});
-      triggerEvent(element, "textInput", {data: "B"});
+      triggerEvent(element, "keydown", { charCode: 0, keyCode: 66, which: 66 })
+      triggerEvent(element, "keypress", { charCode: 98, keyCode: 98, which: 98 })
+      triggerEvent(element, "textInput", { data: "B" })
 
       return insertNode(document.createTextNode("B"), function() {
-        assert.ok(isToolbarButtonActive({attribute: "bold"}));
-        assert.textAttributes([0, 1], {bold: true});
-        return expectDocument("B\n");
-      });
-    });
-  });
-});
+        assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+        assert.textAttributes([ 0, 1 ], { bold: true })
+        return expectDocument("B\n")
+      })
+    })
+  })
+})
diff --git a/src/test/system/pasting_test.js b/src/test/system/pasting_test.js
index e4d1c23e7..3d7a697f9 100644
--- a/src/test/system/pasting_test.js
+++ b/src/test/system/pasting_test.js
@@ -1,33 +1,38 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
-import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants";
+import config from "trix/config"
+import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
-import { after, assert, clickToolbarButton, createFile, defer, expandSelection,
-  moveCursor, pasteContent, pressKey, test, testIf, testGroup, triggerEvent,
-  typeCharacters, TEST_IMAGE_URL } from "test/test_helper";
+import { TEST_IMAGE_URL, after, assert, clickToolbarButton, createFile, defer,
+  expandSelection, moveCursor, pasteContent, pressKey, test, testGroup, testIf,
+  triggerEvent, typeCharacters } from "test/test_helper"
 
-testGroup("Pasting", {template: "editor_empty"}, function() {
-  test("paste plain text", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/plain", "!", () => expectDocument("ab!c\n")))));
+testGroup("Pasting", { template: "editor_empty" }, function() {
+  test("paste plain text", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/plain", "!", () => expectDocument("ab!c\n")))))
 
-  test("paste simple html", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/html", "&lt;", () => expectDocument("ab<c\n")))));
+  test("paste simple html", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/html", "&lt;", () => expectDocument("ab<c\n")))))
 
-  test("paste complex html", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/html", "<div>Hello world<br></div><div>This is a test</div>", () => expectDocument("abHello world\nThis is a test\nc\n")))));
+  test("paste complex html", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/html", "<div>Hello world<br></div><div>This is a test</div>", () => expectDocument("abHello world\nThis is a test\nc\n")))))
 
-  test("paste html in expanded selection", expectDocument => typeCharacters("abc", () => moveCursor("left", () => expandSelection({direction: "left", times: 2}, () => pasteContent("text/html", "<strong>x</strong>", function() {
-    assert.selectedRange(1);
-    return expectDocument("xc\n");
-  })))));
+  test("paste html in expanded selection", expectDocument => typeCharacters("abc", () => moveCursor("left", () => expandSelection({ direction: "left", times: 2 }, () => pasteContent("text/html", "<strong>x</strong>", function() {
+    assert.selectedRange(1)
+    return expectDocument("xc\n")
+  })))))
 
-  test("paste plain text with CRLF ", expectDocument => pasteContent("text/plain", "a\r\nb\r\nc", () => expectDocument("a\nb\nc\n")));
+  test("paste plain text with CRLF ", expectDocument => pasteContent("text/plain", "a\r\nb\r\nc", () => expectDocument("a\nb\nc\n")))
 
-  test("paste html with CRLF ", expectDocument => pasteContent("text/html", "<div>a<br></div>\r\n<div>b<br></div>\r\n<div>c<br></div>", () => expectDocument("a\nb\nc\n")));
+  test("paste html with CRLF ", expectDocument => pasteContent("text/html", "<div>a<br></div>\r\n<div>b<br></div>\r\n<div>c<br></div>", () => expectDocument("a\nb\nc\n")))
 
   test("paste unsafe html", function(done) {
-    window.unsanitized = [];
+    window.unsanitized = []
     const pasteData = {
       "text/plain": "x",
       "text/html": `\
@@ -37,215 +42,215 @@ testGroup("Pasting", {template: "editor_empty"}, function() {
   window.unsanitized.push('script tag');
 </script>\
 `
-    };
+    }
 
     return pasteContent(pasteData, () => after(20, function() {
-      assert.deepEqual(window.unsanitized, []);
-      delete window.unsanitized;
-      return done();
-    }));
-  });
+      assert.deepEqual(window.unsanitized, [])
+      delete window.unsanitized
+      return done()
+    }))
+  })
 
   test("prefers plain text when html lacks formatting", function(expectDocument) {
     const pasteData = {
       "text/html": "<meta charset='utf-8'>a\nb",
       "text/plain": "a\nb"
-    };
+    }
 
-    return pasteContent(pasteData, () => expectDocument("a\nb\n"));
-  });
+    return pasteContent(pasteData, () => expectDocument("a\nb\n"))
+  })
 
   test("prefers formatted html", function(expectDocument) {
     const pasteData = {
       "text/html": "<meta charset='utf-8'>a\n<strong>b</strong>",
       "text/plain": "a\nb"
-    };
+    }
 
-    return pasteContent(pasteData, () => expectDocument("a b\n"));
-  });
+    return pasteContent(pasteData, () => expectDocument("a b\n"))
+  })
 
   test("paste URL", expectDocument => typeCharacters("a", () => pasteContent("URL", "http://example.com", function() {
-    assert.textAttributes([1, 18], {href: "http://example.com"});
-    return expectDocument("ahttp://example.com\n");
-  })));
+    assert.textAttributes([ 1, 18 ], { href: "http://example.com" })
+    return expectDocument("ahttp://example.com\n")
+  })))
 
   test("paste URL with name", function(expectDocument) {
     const pasteData = {
       "URL": "http://example.com",
       "public.url-name": "Example",
       "text/plain": "http://example.com"
-    };
+    }
 
     return pasteContent(pasteData, function() {
-      assert.textAttributes([0, 7], {href: "http://example.com"});
-      return expectDocument("Example\n");
-    });
-  });
+      assert.textAttributes([ 0, 7 ], { href: "http://example.com" })
+      return expectDocument("Example\n")
+    })
+  })
 
   test("paste JavaScript URL", function(expectDocument) {
    const pasteData =
-     {"URL": "javascript:alert('XSS')"};
+     { "URL": "javascript:alert('XSS')" }
    return pasteContent(pasteData, function() {
-     assert.textAttributes([0, 23], {});
-     return expectDocument("javascript:alert('XSS')\n");
-   });
-  });
+     assert.textAttributes([ 0, 23 ], {})
+     return expectDocument("javascript:alert('XSS')\n")
+   })
+  })
 
   test("paste URL with name containing extraneous whitespace", function(expectDocument) {
     const pasteData = {
       "URL": "http://example.com",
       "public.url-name": "   Example from \n link  around\n\nnested \nelements ",
       "text/plain": "http://example.com"
-    };
+    }
 
     return pasteContent(pasteData, function() {
-      assert.textAttributes([0, 40], {href: "http://example.com"});
-      return expectDocument("Example from link around nested elements\n");
-    });
-  });
+      assert.textAttributes([ 0, 40 ], { href: "http://example.com" })
+      return expectDocument("Example from link around nested elements\n")
+    })
+  })
 
-  test("paste complex html into formatted block", done => typeCharacters("abc", () => clickToolbarButton({attribute: "quote"}, () => pasteContent("text/html", "<div>Hello world<br></div><pre>This is a test</pre>", function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 2);
+  test("paste complex html into formatted block", done => typeCharacters("abc", () => clickToolbarButton({ attribute: "quote" }, () => pasteContent("text/html", "<div>Hello world<br></div><pre>This is a test</pre>", function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 2)
 
-    let block = document.getBlockAtIndex(0);
-    assert.deepEqual(block.getAttributes(), ["quote"],
-    assert.equal(block.toString(), "abcHello world\n"));
+    let block = document.getBlockAtIndex(0)
+    assert.deepEqual(block.getAttributes(), [ "quote" ],
+    assert.equal(block.toString(), "abcHello world\n"))
 
-    block = document.getBlockAtIndex(1);
-    assert.deepEqual(block.getAttributes(), ["quote", "code"]);
-    assert.equal(block.toString(), "This is a test\n");
+    block = document.getBlockAtIndex(1)
+    assert.deepEqual(block.getAttributes(), [ "quote", "code" ])
+    assert.equal(block.toString(), "This is a test\n")
 
-    return done();
-  }))));
+    return done()
+  }))))
 
-  test("paste list into list", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("abc\n", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 3);
+  test("paste list into list", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("abc\n", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 3)
 
-    let block = document.getBlockAtIndex(0);
-    assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-    assert.equal(block.toString(), "abc\n");
+    let block = document.getBlockAtIndex(0)
+    assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+    assert.equal(block.toString(), "abc\n")
 
-    block = document.getBlockAtIndex(1);
-    assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-    assert.equal(block.toString(), "one\n");
+    block = document.getBlockAtIndex(1)
+    assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+    assert.equal(block.toString(), "one\n")
 
-    block = document.getBlockAtIndex(2);
-    assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-    assert.equal(block.toString(), "two\n");
+    block = document.getBlockAtIndex(2)
+    assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+    assert.equal(block.toString(), "two\n")
 
-    return done();
-  }))));
+    return done()
+  }))))
 
-  test("paste list into quote", done => clickToolbarButton({attribute: "quote"}, () => typeCharacters("abc", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 3);
+  test("paste list into quote", done => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("abc", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 3)
 
-    let block = document.getBlockAtIndex(0);
-    assert.deepEqual(block.getAttributes(), ["quote"]);
-    assert.equal(block.toString(), "abc\n");
+    let block = document.getBlockAtIndex(0)
+    assert.deepEqual(block.getAttributes(), [ "quote" ])
+    assert.equal(block.toString(), "abc\n")
 
-    block = document.getBlockAtIndex(1);
-    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
-    assert.equal(block.toString(), "one\n");
+    block = document.getBlockAtIndex(1)
+    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+    assert.equal(block.toString(), "one\n")
 
-    block = document.getBlockAtIndex(2);
-    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
-    assert.equal(block.toString(), "two\n");
+    block = document.getBlockAtIndex(2)
+    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+    assert.equal(block.toString(), "two\n")
 
-    return done();
-  }))));
+    return done()
+  }))))
 
-  test("paste list into quoted list", done => clickToolbarButton({attribute: "quote"}, () => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("abc\n", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
-    const document = getDocument();
-    assert.equal(document.getBlockCount(), 3);
+  test("paste list into quoted list", done => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("abc\n", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
+    const document = getDocument()
+    assert.equal(document.getBlockCount(), 3)
 
-    let block = document.getBlockAtIndex(0);
-    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
-    assert.equal(block.toString(), "abc\n");
+    let block = document.getBlockAtIndex(0)
+    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+    assert.equal(block.toString(), "abc\n")
 
-    block = document.getBlockAtIndex(1);
-    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
-    assert.equal(block.toString(), "one\n");
+    block = document.getBlockAtIndex(1)
+    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+    assert.equal(block.toString(), "one\n")
 
-    block = document.getBlockAtIndex(2);
-    assert.deepEqual(block.getAttributes(), ["quote", "bulletList", "bullet"]);
-    assert.equal(block.toString(), "two\n");
+    block = document.getBlockAtIndex(2)
+    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+    assert.equal(block.toString(), "two\n")
 
-    return done();
-  })))));
+    return done()
+  })))))
 
-  test("paste nested list into empty list item", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("y\nzz", function() {
-    getSelectionManager().setLocationRange({index: 0, offset: 1});
+  test("paste nested list into empty list item", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("y\nzz", function() {
+    getSelectionManager().setLocationRange({ index: 0, offset: 1 })
     return defer(() => pressKey("backspace", function() {
-      pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", function() {});
-      const document = getDocument();
-      assert.equal(document.getBlockCount(), 3);
-
-      let block = document.getBlockAtIndex(0);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-      assert.equal(block.toString(), "a\n");
-
-      block = document.getBlockAtIndex(1);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet", "bulletList", "bullet"]);
-      assert.equal(block.toString(), "b\n");
-
-      block = document.getBlockAtIndex(2);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-      assert.equal(block.toString(), "zz\n");
-      return done();
-    }));
-  })));
-
-  test("paste nested list over list item contents", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("y\nzz", function() {
-    getSelectionManager().setLocationRange({index: 0, offset: 1});
+      pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", function() {})
+      const document = getDocument()
+      assert.equal(document.getBlockCount(), 3)
+
+      let block = document.getBlockAtIndex(0)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+      assert.equal(block.toString(), "a\n")
+
+      block = document.getBlockAtIndex(1)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet", "bulletList", "bullet" ])
+      assert.equal(block.toString(), "b\n")
+
+      block = document.getBlockAtIndex(2)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+      assert.equal(block.toString(), "zz\n")
+      return done()
+    }))
+  })))
+
+  test("paste nested list over list item contents", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("y\nzz", function() {
+    getSelectionManager().setLocationRange({ index: 0, offset: 1 })
     return defer(() => expandSelection("left", function() {
-      pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", function() {});
-      const document = getDocument();
-      assert.equal(document.getBlockCount(), 3);
-
-      let block = document.getBlockAtIndex(0);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-      assert.equal(block.toString(), "a\n");
-
-      block = document.getBlockAtIndex(1);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet", "bulletList", "bullet"]);
-      assert.equal(block.toString(), "b\n");
-
-      block = document.getBlockAtIndex(2);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-      assert.equal(block.toString(), "zz\n");
-      return done();
-    }));
-  })));
-
-  test("paste list into empty block before list", done => clickToolbarButton({attribute: "bullet"}, () => typeCharacters("c", () => moveCursor("left", () => pressKey("return", function() {
-    getSelectionManager().setLocationRange({index: 0, offset: 0});
+      pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", function() {})
+      const document = getDocument()
+      assert.equal(document.getBlockCount(), 3)
+
+      let block = document.getBlockAtIndex(0)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+      assert.equal(block.toString(), "a\n")
+
+      block = document.getBlockAtIndex(1)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet", "bulletList", "bullet" ])
+      assert.equal(block.toString(), "b\n")
+
+      block = document.getBlockAtIndex(2)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+      assert.equal(block.toString(), "zz\n")
+      return done()
+    }))
+  })))
+
+  test("paste list into empty block before list", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("c", () => moveCursor("left", () => pressKey("return", function() {
+    getSelectionManager().setLocationRange({ index: 0, offset: 0 })
     return defer(() => pasteContent("text/html", "<ul><li>a</li><li>b</li></ul>", function() {
-      const document = getDocument();
-      assert.equal(document.getBlockCount(), 3);
+      const document = getDocument()
+      assert.equal(document.getBlockCount(), 3)
 
-      let block = document.getBlockAtIndex(0);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-      assert.equal(block.toString(), "a\n");
+      let block = document.getBlockAtIndex(0)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+      assert.equal(block.toString(), "a\n")
 
-      block = document.getBlockAtIndex(1);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-      assert.equal(block.toString(), "b\n");
+      block = document.getBlockAtIndex(1)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+      assert.equal(block.toString(), "b\n")
 
-      block = document.getBlockAtIndex(2);
-      assert.deepEqual(block.getAttributes(), ["bulletList", "bullet"]);
-      assert.equal(block.toString(), "c\n");
-      return done();
-    }));
-  })))));
+      block = document.getBlockAtIndex(2)
+      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+      assert.equal(block.toString(), "c\n")
+      return done()
+    }))
+  })))))
 
-  test("paste file", expectDocument => typeCharacters("a", () => pasteContent("Files", (createFile()), () => expectDocument(`a${OBJECT_REPLACEMENT_CHARACTER}\n`))));
+  test("paste file", expectDocument => typeCharacters("a", () => pasteContent("Files", createFile(), () => expectDocument(`a${OBJECT_REPLACEMENT_CHARACTER}\n`))))
 
   return testIf(config.input.getLevel() === 0, "paste event with no clipboardData", expectDocument => typeCharacters("a", function() {
-    triggerEvent(document.activeElement, "paste");
-    document.activeElement.insertAdjacentHTML("beforeend", "<span>bc</span>");
-    return requestAnimationFrame(() => expectDocument("abc\n"));
-  }));
-});
+    triggerEvent(document.activeElement, "paste")
+    document.activeElement.insertAdjacentHTML("beforeend", "<span>bc</span>")
+    return requestAnimationFrame(() => expectDocument("abc\n"))
+  }))
+})
diff --git a/src/test/system/text_formatting_test.js b/src/test/system/text_formatting_test.js
index 340d4e423..3a4d3df7c 100644
--- a/src/test/system/text_formatting_test.js
+++ b/src/test/system/text_formatting_test.js
@@ -1,201 +1,206 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
-import { makeElement } from "trix/core/helpers";
-import Text from "trix/models/text";
-
-import { assert, clickElement, clickToolbarButton, clickToolbarDialogButton, collapseSelection, fixtures,
-  expandSelection, insertString, insertText, isToolbarButtonActive, isToolbarButtonDisabled, isToolbarDialogActive, moveCursor, pressKey, test, testIf, testGroup, typeCharacters, typeInToolbarDialog, typeToolbarKeyCommand } from "test/test_helper";
-
-testGroup("Text formatting", {template: "editor_empty"}, function() {
-  test("applying attributes to text", done => typeCharacters("abc", () => expandSelection("left", () => clickToolbarButton({attribute: "bold"}, function() {
-    assert.textAttributes([0, 2], {});
-    assert.textAttributes([2, 3], {bold: true});
-    assert.textAttributes([3, 4], {blockBreak: true});
-    return done();
-  }))));
-
-  test("applying a link to text", done => typeCharacters("abc", () => moveCursor("left", () => expandSelection("left", () => clickToolbarButton({attribute: "href"}, function() {
-    assert.ok(isToolbarDialogActive({attribute: "href"}));
-    return typeInToolbarDialog("http://example.com", {attribute: "href"}, function() {
-      assert.textAttributes([0, 1], {});
-      assert.textAttributes([1, 2], {href: "http://example.com"});
-      assert.textAttributes([2, 3], {});
-      return done();
-    });
-  })))));
-
-  test("inserting a link", expectDocument => typeCharacters("a", () => clickToolbarButton({attribute: "href"}, function() {
-    assert.ok(isToolbarDialogActive({attribute: "href"}));
-    return typeInToolbarDialog("http://example.com", {attribute: "href"}, function() {
-      assert.textAttributes([0, 1], {});
-      assert.textAttributes([1, 19], {href: "http://example.com"});
-      return expectDocument("ahttp://example.com\n");
-    });
-  })));
+import config from "trix/config"
+import { makeElement } from "trix/core/helpers"
+import Text from "trix/models/text"
+
+import { assert, clickElement, clickToolbarButton, clickToolbarDialogButton, collapseSelection, expandSelection,
+  fixtures, insertString, insertText, isToolbarButtonActive, isToolbarButtonDisabled, isToolbarDialogActive, moveCursor, pressKey, test, testGroup, testIf, typeCharacters, typeInToolbarDialog, typeToolbarKeyCommand } from "test/test_helper"
+
+testGroup("Text formatting", { template: "editor_empty" }, function() {
+  test("applying attributes to text", done => typeCharacters("abc", () => expandSelection("left", () => clickToolbarButton({ attribute: "bold" }, function() {
+    assert.textAttributes([ 0, 2 ], {})
+    assert.textAttributes([ 2, 3 ], { bold: true })
+    assert.textAttributes([ 3, 4 ], { blockBreak: true })
+    return done()
+  }))))
+
+  test("applying a link to text", done => typeCharacters("abc", () => moveCursor("left", () => expandSelection("left", () => clickToolbarButton({ attribute: "href" }, function() {
+    assert.ok(isToolbarDialogActive({ attribute: "href" }))
+    return typeInToolbarDialog("http://example.com", { attribute: "href" }, function() {
+      assert.textAttributes([ 0, 1 ], {})
+      assert.textAttributes([ 1, 2 ], { href: "http://example.com" })
+      assert.textAttributes([ 2, 3 ], {})
+      return done()
+    })
+  })))))
+
+  test("inserting a link", expectDocument => typeCharacters("a", () => clickToolbarButton({ attribute: "href" }, function() {
+    assert.ok(isToolbarDialogActive({ attribute: "href" }))
+    return typeInToolbarDialog("http://example.com", { attribute: "href" }, function() {
+      assert.textAttributes([ 0, 1 ], {})
+      assert.textAttributes([ 1, 19 ], { href: "http://example.com" })
+      return expectDocument("ahttp://example.com\n")
+    })
+  })))
 
   test("editing a link", function(done) {
-    insertString("a");
-    const text = Text.textForStringWithAttributes("bc", {href: "http://example.com"});
-    insertText(text);
-    insertString("d");
-    return moveCursor({direction: "left", times: 2}, () => clickToolbarButton({attribute: "href"}, function() {
-      assert.ok(isToolbarDialogActive({attribute: "href"}));
-      assert.locationRange({index: 0, offset: 1}, {index: 0, offset: 3});
-      return typeInToolbarDialog("http://example.org", {attribute: "href"}, function() {
-        assert.textAttributes([0, 1], {});
-        assert.textAttributes([1, 3], {href: "http://example.org"});
-        assert.textAttributes([3, 4], {});
-        return done();
-      });
-    }));
-  });
+    insertString("a")
+    const text = Text.textForStringWithAttributes("bc", { href: "http://example.com" })
+    insertText(text)
+    insertString("d")
+    return moveCursor({ direction: "left", times: 2 }, () => clickToolbarButton({ attribute: "href" }, function() {
+      assert.ok(isToolbarDialogActive({ attribute: "href" }))
+      assert.locationRange({ index: 0, offset: 1 }, { index: 0, offset: 3 })
+      return typeInToolbarDialog("http://example.org", { attribute: "href" }, function() {
+        assert.textAttributes([ 0, 1 ], {})
+        assert.textAttributes([ 1, 3 ], { href: "http://example.org" })
+        assert.textAttributes([ 3, 4 ], {})
+        return done()
+      })
+    }))
+  })
 
   test("removing a link", function(done) {
-    const text = Text.textForStringWithAttributes("ab", {href: "http://example.com"});
-    insertText(text);
-    assert.textAttributes([0, 2], {href: "http://example.com"});
-    return expandSelection({direction: "left", times: 2}, () => clickToolbarButton({attribute: "href"}, () => clickToolbarDialogButton({method: "removeAttribute"}, function() {
-      assert.textAttributes([0, 2], {});
-      return done();
-    })));
-  });
+    const text = Text.textForStringWithAttributes("ab", { href: "http://example.com" })
+    insertText(text)
+    assert.textAttributes([ 0, 2 ], { href: "http://example.com" })
+    return expandSelection({ direction: "left", times: 2 }, () => clickToolbarButton({ attribute: "href" }, () => clickToolbarDialogButton({ method: "removeAttribute" }, function() {
+      assert.textAttributes([ 0, 2 ], {})
+      return done()
+    })))
+  })
 
   test("selecting an attachment disables text formatting", function(done) {
-    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak();
-    insertText(text);
+    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
+    insertText(text)
     return typeCharacters("a", function() {
-      assert.notOk(isToolbarButtonDisabled({attribute: "bold"}));
+      assert.notOk(isToolbarButtonDisabled({ attribute: "bold" }))
       return expandSelection("left", function() {
-        assert.notOk(isToolbarButtonDisabled({attribute: "bold"}));
+        assert.notOk(isToolbarButtonDisabled({ attribute: "bold" }))
         return expandSelection("left", function() {
-          assert.ok(isToolbarButtonDisabled({attribute: "bold"}));
-          return done();
-        });
-      });
-    });
-  });
+          assert.ok(isToolbarButtonDisabled({ attribute: "bold" }))
+          return done()
+        })
+      })
+    })
+  })
 
   test("selecting an attachment deactivates toolbar dialog", function(done) {
-    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak();
-    insertText(text);
-    return clickToolbarButton({attribute: "href"}, function() {
-      assert.ok(isToolbarDialogActive({attribute: "href"}));
+    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
+    insertText(text)
+    return clickToolbarButton({ attribute: "href" }, function() {
+      assert.ok(isToolbarDialogActive({ attribute: "href" }))
       return clickElement(getEditorElement().querySelector("figure"), function() {
-        assert.notOk(isToolbarDialogActive({attribute: "href"}));
-        assert.ok(isToolbarButtonDisabled({attribute: "href"}));
-        return done();
-      });
-    });
-  });
+        assert.notOk(isToolbarDialogActive({ attribute: "href" }))
+        assert.ok(isToolbarButtonDisabled({ attribute: "href" }))
+        return done()
+      })
+    })
+  })
 
   test("typing over a selected attachment does not apply disabled formatting attributes", function(expectDocument) {
-    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak();
-    insertText(text);
+    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
+    insertText(text)
     return expandSelection("left", function() {
-      assert.ok(isToolbarButtonDisabled({attribute: "bold"}));
+      assert.ok(isToolbarButtonDisabled({ attribute: "bold" }))
       return typeCharacters("a", function() {
-        assert.textAttributes([0, 1], {});
-        return expectDocument("a\n");
-      });
-    });
-  });
+        assert.textAttributes([ 0, 1 ], {})
+        return expectDocument("a\n")
+      })
+    })
+  })
 
   test("applying a link to an attachment with a host-provided href", function(done) {
-    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak();
-    insertText(text);
+    const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
+    insertText(text)
     return typeCharacters("a", function() {
-      assert.notOk(isToolbarButtonDisabled({attribute: "href"}));
+      assert.notOk(isToolbarButtonDisabled({ attribute: "href" }))
       return expandSelection("left", function() {
-        assert.notOk(isToolbarButtonDisabled({attribute: "href"}));
+        assert.notOk(isToolbarButtonDisabled({ attribute: "href" }))
         return expandSelection("left", function() {
-          assert.ok(isToolbarButtonDisabled({attribute: "href"}));
-          return done();
-        });
-      });
-    });
-  });
-
-  test("typing after a link", done => typeCharacters("ab", () => expandSelection({direction: "left", times: 2}, () => clickToolbarButton({attribute: "href"}, () => typeInToolbarDialog("http://example.com", {attribute: "href"}, () => collapseSelection("right", function() {
-    assert.locationRange({index: 0, offset: 2});
+          assert.ok(isToolbarButtonDisabled({ attribute: "href" }))
+          return done()
+        })
+      })
+    })
+  })
+
+  test("typing after a link", done => typeCharacters("ab", () => expandSelection({ direction: "left", times: 2 }, () => clickToolbarButton({ attribute: "href" }, () => typeInToolbarDialog("http://example.com", { attribute: "href" }, () => collapseSelection("right", function() {
+    assert.locationRange({ index: 0, offset: 2 })
     return typeCharacters("c", function() {
-      assert.textAttributes([0, 2], {href: "http://example.com"});
-      assert.textAttributes([2, 3], {});
+      assert.textAttributes([ 0, 2 ], { href: "http://example.com" })
+      assert.textAttributes([ 2, 3 ], {})
       return moveCursor("left", function() {
-        assert.notOk(isToolbarButtonActive({attribute: "href"}));
+        assert.notOk(isToolbarButtonActive({ attribute: "href" }))
         return moveCursor("left", function() {
-          assert.ok(isToolbarButtonActive({attribute: "href"}));
-          return done();
-        });
-      });
-    });
-  }))))));
-
-  test("applying formatting and then typing", done => typeCharacters("a", () => clickToolbarButton({attribute: "bold"}, () => typeCharacters("bcd", () => clickToolbarButton({attribute: "bold"}, () => typeCharacters("e", function() {
-    assert.textAttributes([0, 1], {});
-    assert.textAttributes([1, 4], {bold: true});
-    assert.textAttributes([4, 5], {});
-    return done();
-  }))))));
+          assert.ok(isToolbarButtonActive({ attribute: "href" }))
+          return done()
+        })
+      })
+    })
+  }))))))
+
+  test("applying formatting and then typing", done => typeCharacters("a", () => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("bcd", () => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("e", function() {
+    assert.textAttributes([ 0, 1 ], {})
+    assert.textAttributes([ 1, 4 ], { bold: true })
+    assert.textAttributes([ 4, 5 ], {})
+    return done()
+  }))))))
 
   test("applying formatting and then moving the cursor away", done => typeCharacters("abc", () => moveCursor("left", function() {
-    assert.notOk(isToolbarButtonActive({attribute: "bold"}));
-    return clickToolbarButton({attribute: "bold"}, function() {
-      assert.ok(isToolbarButtonActive({attribute: "bold"}));
+    assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
+    return clickToolbarButton({ attribute: "bold" }, function() {
+      assert.ok(isToolbarButtonActive({ attribute: "bold" }))
       return moveCursor("right", function() {
-        assert.notOk(isToolbarButtonActive({attribute: "bold"}));
+        assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
         return moveCursor("left", function() {
-          assert.notOk(isToolbarButtonActive({attribute: "bold"}));
-          assert.textAttributes([0, 3], {});
-          assert.textAttributes([3, 4], {blockBreak: true});
-          return done();
-        });
-      });
-    });
-  })));
+          assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
+          assert.textAttributes([ 0, 3 ], {})
+          assert.textAttributes([ 3, 4 ], { blockBreak: true })
+          return done()
+        })
+      })
+    })
+  })))
 
   test("applying formatting to an unfocused editor", function(done) {
-    const input = makeElement("input", {type: "text"});
-    document.body.appendChild(input);
-    input.focus();
-
-    return clickToolbarButton({attribute: "bold"}, () => typeCharacters("a", function() {
-      assert.textAttributes([0, 1], {bold: true});
-      document.body.removeChild(input);
-      return done();
-    }));
-  });
-
-  test("editing formatted text", done => clickToolbarButton({attribute: "bold"}, () => typeCharacters("ab", () => clickToolbarButton({attribute: "bold"}, () => typeCharacters("c", function() {
-    assert.notOk(isToolbarButtonActive({attribute: "bold"}));
+    const input = makeElement("input", { type: "text" })
+    document.body.appendChild(input)
+    input.focus()
+
+    return clickToolbarButton({ attribute: "bold" }, () => typeCharacters("a", function() {
+      assert.textAttributes([ 0, 1 ], { bold: true })
+      document.body.removeChild(input)
+      return done()
+    }))
+  })
+
+  test("editing formatted text", done => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("ab", () => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("c", function() {
+    assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
     return moveCursor("left", function() {
-      assert.ok(isToolbarButtonActive({attribute: "bold"}));
+      assert.ok(isToolbarButtonActive({ attribute: "bold" }))
       return moveCursor("left", function() {
-        assert.ok(isToolbarButtonActive({attribute: "bold"}));
+        assert.ok(isToolbarButtonActive({ attribute: "bold" }))
         return typeCharacters("Z", function() {
-          assert.ok(isToolbarButtonActive({attribute: "bold"}));
-          assert.textAttributes([0, 3], {bold: true});
-          assert.textAttributes([3, 4], {});
-          assert.textAttributes([4, 5], {blockBreak: true});
+          assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+          assert.textAttributes([ 0, 3 ], { bold: true })
+          assert.textAttributes([ 3, 4 ], {})
+          assert.textAttributes([ 4, 5 ], { blockBreak: true })
           return moveCursor("right", function() {
-            assert.ok(isToolbarButtonActive({attribute: "bold"}));
+            assert.ok(isToolbarButtonActive({ attribute: "bold" }))
             return moveCursor("right", function() {
-              assert.notOk(isToolbarButtonActive({attribute: "bold"}));
-              return done();
-            });
-          });
-        });
-      });
-    });
-  })))));
-
-  testIf(config.input.getLevel() === 0, "key command activates toolbar button", done => typeToolbarKeyCommand({attribute: "bold"}, function() {
-    assert.ok(isToolbarButtonActive({attribute: "bold"}));
-    return done();
-  }));
-
-  return test("backspacing newline after text", expectDocument => typeCharacters("a\n", () => pressKey("backspace", () => expectDocument("a\n"))));
-});
+              assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
+              return done()
+            })
+          })
+        })
+      })
+    })
+  })))))
+
+  testIf(config.input.getLevel() === 0, "key command activates toolbar button", done => typeToolbarKeyCommand({ attribute: "bold" }, function() {
+    assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+    return done()
+  }))
+
+  return test("backspacing newline after text", expectDocument => typeCharacters("a\n", () => pressKey("backspace", () => expectDocument("a\n"))))
+})
diff --git a/src/test/system/undo_test.js b/src/test/system/undo_test.js
index 87a9966c6..2ddd4755e 100644
--- a/src/test/system/undo_test.js
+++ b/src/test/system/undo_test.js
@@ -1,79 +1,84 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { assert, clickToolbarButton, expandSelection, moveCursor, test, testGroup, typeCharacters } from "test/test_helper";
+import { assert, clickToolbarButton, expandSelection, moveCursor, test, testGroup, typeCharacters } from "test/test_helper"
 
-testGroup("Undo/Redo", {template: "editor_empty"}, function() {
+testGroup("Undo/Redo", { template: "editor_empty" }, function() {
   test("typing and undoing", function(done) {
-    const first = getDocument().copy();
+    const first = getDocument().copy()
     return typeCharacters("abc", function() {
-      assert.notOk(getDocument().isEqualTo(first));
-      return clickToolbarButton({action: "undo"}, function() {
-        assert.ok(getDocument().isEqualTo(first));
-        return done();
-      });
-    });
-  });
+      assert.notOk(getDocument().isEqualTo(first))
+      return clickToolbarButton({ action: "undo" }, function() {
+        assert.ok(getDocument().isEqualTo(first))
+        return done()
+      })
+    })
+  })
 
   test("typing, formatting, typing, and undoing", function(done) {
-    const first = getDocument().copy();
+    const first = getDocument().copy()
     return typeCharacters("abc", function() {
-      const second = getDocument().copy();
-      return clickToolbarButton({attribute: "bold"}, () => typeCharacters("def", function() {
-        const third = getDocument().copy();
-        return clickToolbarButton({action: "undo"}, function() {
-          assert.ok(getDocument().isEqualTo(second));
-          return clickToolbarButton({action: "undo"}, function() {
-            assert.ok(getDocument().isEqualTo(first));
-            return clickToolbarButton({action: "redo"}, function() {
-              assert.ok(getDocument().isEqualTo(second));
-              return clickToolbarButton({action: "redo"}, function() {
-                assert.ok(getDocument().isEqualTo(third));
-                return done();
-              });
-            });
-          });
-        });
-      }));
-    });
-  });
+      const second = getDocument().copy()
+      return clickToolbarButton({ attribute: "bold" }, () => typeCharacters("def", function() {
+        const third = getDocument().copy()
+        return clickToolbarButton({ action: "undo" }, function() {
+          assert.ok(getDocument().isEqualTo(second))
+          return clickToolbarButton({ action: "undo" }, function() {
+            assert.ok(getDocument().isEqualTo(first))
+            return clickToolbarButton({ action: "redo" }, function() {
+              assert.ok(getDocument().isEqualTo(second))
+              return clickToolbarButton({ action: "redo" }, function() {
+                assert.ok(getDocument().isEqualTo(third))
+                return done()
+              })
+            })
+          })
+        })
+      }))
+    })
+  })
 
   test("formatting changes are batched by location range", done => typeCharacters("abc", function() {
-    const first = getDocument().copy();
-    return expandSelection("left", () => clickToolbarButton({attribute: "bold"}, () => clickToolbarButton({attribute: "italic"}, function() {
-      const second = getDocument().copy();
-      return moveCursor("left", () => expandSelection("left", () => clickToolbarButton({attribute: "italic"}, function() {
-        const third = getDocument().copy();
-        return clickToolbarButton({action: "undo"}, function() {
-          assert.ok(getDocument().isEqualTo(second));
-          return clickToolbarButton({action: "undo"}, function() {
-            assert.ok(getDocument().isEqualTo(first));
-            return clickToolbarButton({action: "redo"}, function() {
-              assert.ok(getDocument().isEqualTo(second));
-              return clickToolbarButton({action: "redo"}, function() {
-                assert.ok(getDocument().isEqualTo(third));
-                return done();
-              });
-            });
-          });
-        });
-      })));
-    })));
-  }));
+    const first = getDocument().copy()
+    return expandSelection("left", () => clickToolbarButton({ attribute: "bold" }, () => clickToolbarButton({ attribute: "italic" }, function() {
+      const second = getDocument().copy()
+      return moveCursor("left", () => expandSelection("left", () => clickToolbarButton({ attribute: "italic" }, function() {
+        const third = getDocument().copy()
+        return clickToolbarButton({ action: "undo" }, function() {
+          assert.ok(getDocument().isEqualTo(second))
+          return clickToolbarButton({ action: "undo" }, function() {
+            assert.ok(getDocument().isEqualTo(first))
+            return clickToolbarButton({ action: "redo" }, function() {
+              assert.ok(getDocument().isEqualTo(second))
+              return clickToolbarButton({ action: "redo" }, function() {
+                assert.ok(getDocument().isEqualTo(third))
+                return done()
+              })
+            })
+          })
+        })
+      })))
+    })))
+  }))
 
   return test("block formatting are undoable", done => typeCharacters("abc", function() {
-    const first = getDocument().copy();
-    return clickToolbarButton({attribute: "heading1"}, function() {
-      const second = getDocument().copy();
-      return clickToolbarButton({action: "undo"}, function() {
-        assert.ok(getDocument().isEqualTo(first));
-        return clickToolbarButton({action: "redo"}, function() {
-          assert.ok(getDocument().isEqualTo(second));
-          return done();
-        });
-      });
-    });
-  }));
-});
+    const first = getDocument().copy()
+    return clickToolbarButton({ attribute: "heading1" }, function() {
+      const second = getDocument().copy()
+      return clickToolbarButton({ action: "undo" }, function() {
+        assert.ok(getDocument().isEqualTo(first))
+        return clickToolbarButton({ action: "redo" }, function() {
+          assert.ok(getDocument().isEqualTo(second))
+          return done()
+        })
+      })
+    })
+  }))
+})

From d25d9ee46aa2c5118e213043c1a03ae2a29139a7 Mon Sep 17 00:00:00 2001
From: Alberto Fernandez-Capel <alberto@hey.com>
Date: Tue, 7 Dec 2021 12:15:21 +0000
Subject: [PATCH 04/12] Clean up system tests after decaffeination

---
 src/test/system/accessibility_test.js        |   33 +-
 src/test/system/attachment_caption_test.js   |   69 +-
 src/test/system/attachment_gallery_test.js   |   83 +-
 src/test/system/attachment_test.js           |  208 ++--
 src/test/system/basic_input_test.js          |  186 +++-
 src/test/system/block_formatting_test.js     | 1007 ++++++++++--------
 src/test/system/caching_test.js              |   48 +-
 src/test/system/canceled_input_test.js       |   66 +-
 src/test/system/composition_input_test.js    |  192 ++--
 src/test/system/cursor_movement_test.js      |   64 +-
 src/test/system/custom_element_test.js       |  389 +++----
 src/test/system/html_loading_test.js         |  109 +-
 src/test/system/html_reparsing_test.js       |   28 +-
 src/test/system/html_replacement_test.js     |   60 +-
 src/test/system/installation_process_test.js |   72 +-
 src/test/system/level_2_input_test.js        |  262 ++---
 src/test/system/list_formatting_test.js      |  193 ++--
 src/test/system/mutation_input_test.js       |  105 +-
 src/test/system/pasting_test.js              |  493 +++++----
 src/test/system/text_formatting_test.js      |  338 +++---
 src/test/system/undo_test.js                 |  133 +--
 src/test/test_helpers/assertions.coffee      |    8 +-
 src/test/unit/html_parser_test.js            |    2 +-
 src/test/unit/location_mapper_test.js        |    2 +-
 24 files changed, 2326 insertions(+), 1824 deletions(-)

diff --git a/src/test/system/accessibility_test.js b/src/test/system/accessibility_test.js
index d91b9fefd..a86a61767 100644
--- a/src/test/system/accessibility_test.js
+++ b/src/test/system/accessibility_test.js
@@ -1,45 +1,38 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { assert, test, testGroup, triggerEvent } from "test/test_helper"
 
-testGroup("Accessibility attributes", { template: "editor_default_aria_label" }, function() {
-  test("sets the role to textbox", function() {
+testGroup("Accessibility attributes", { template: "editor_default_aria_label" }, () => {
+  test("sets the role to textbox", () => {
     const editor = document.getElementById("editor-without-labels")
-    return assert.equal(editor.getAttribute("role"), "textbox")
+    assert.equal(editor.getAttribute("role"), "textbox")
   })
 
-  test("does not set aria-label when the element has no <label> elements", function() {
+  test("does not set aria-label when the element has no <label> elements", () => {
     const editor = document.getElementById("editor-without-labels")
-    return assert.equal(editor.hasAttribute("aria-label"), false)
+    assert.equal(editor.hasAttribute("aria-label"), false)
   })
 
-  test("does not override aria-label when the element declares it", function() {
+  test("does not override aria-label when the element declares it", () => {
     const editor = document.getElementById("editor-with-aria-label")
-    return assert.equal(editor.getAttribute("aria-label"), "ARIA Label text")
+    assert.equal(editor.getAttribute("aria-label"), "ARIA Label text")
   })
 
-  test("does not set aria-label when the element declares aria-labelledby", function() {
+  test("does not set aria-label when the element declares aria-labelledby", () => {
     const editor = document.getElementById("editor-with-aria-labelledby")
     assert.equal(editor.hasAttribute("aria-label"), false)
-    return assert.equal(editor.getAttribute("aria-labelledby"), "aria-labelledby-id")
+    assert.equal(editor.getAttribute("aria-labelledby"), "aria-labelledby-id")
   })
 
-  test("assigns aria-label to the text of the element's <label> elements", function() {
+  test("assigns aria-label to the text of the element's <label> elements", () => {
     const editor = document.getElementById("editor-with-labels")
-    return assert.equal(editor.getAttribute("aria-label"), "Label 1 Label 2 Label 3")
+    assert.equal(editor.getAttribute("aria-label"), "Label 1 Label 2 Label 3")
   })
 
-  return test("updates the aria-label on focus", function() {
+  test("updates the aria-label on focus", () => {
     const editor = document.getElementById("editor-with-modified-label")
     const label = document.getElementById("modified-label")
 
     label.innerHTML = "<span>New Value</span>"
     triggerEvent(editor, "focus")
-    return assert.equal(editor.getAttribute("aria-label"), "New Value")
+    assert.equal(editor.getAttribute("aria-label"), "New Value")
   })
 })
diff --git a/src/test/system/attachment_caption_test.js b/src/test/system/attachment_caption_test.js
index 33c5a0033..78723c37a 100644
--- a/src/test/system/attachment_caption_test.js
+++ b/src/test/system/attachment_caption_test.js
@@ -1,52 +1,45 @@
-/* eslint-disable
-    no-undef,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
-
 import { assert, insertImageAttachment, test, testGroup } from "test/test_helper"
 
-testGroup("Attachment captions", { template: "editor_empty" }, function() {
-  test("default caption includes file name and size", function() {
+testGroup("Attachment captions", { template: "editor_empty" }, () => {
+  test("default caption includes file name and size", () => {
     insertImageAttachment()
     const element = getCaptionElement()
     assert.notOk(element.hasAttribute("data-trix-placeholder"))
-    return assert.equal(element.textContent, "image.gif 35 Bytes")
+    assert.equal(element.textContent, "image.gif 35 Bytes")
   })
 
-  test("caption excludes file name when configured", () => withPreviewCaptionConfig({ name: false, size: true }, function() {
-    insertImageAttachment()
-    const element = getCaptionElement()
-    assert.notOk(element.hasAttribute("data-trix-placeholder"))
-    return assert.equal(element.textContent, "35 Bytes")
-  }))
+  test("caption excludes file name when configured", () => {
+    withPreviewCaptionConfig({ name: false, size: true }, () => {
+      insertImageAttachment()
+      const element = getCaptionElement()
+      assert.notOk(element.hasAttribute("data-trix-placeholder"))
+      assert.equal(element.textContent, "35 Bytes")
+    })
+  })
 
-  test("caption excludes file size when configured", () => withPreviewCaptionConfig({ name: true, size: false }, function() {
-    insertImageAttachment()
-    const element = getCaptionElement()
-    assert.notOk(element.hasAttribute("data-trix-placeholder"))
-    return assert.equal(element.textContent, "image.gif")
-  }))
+  test("caption excludes file size when configured", () => {
+    withPreviewCaptionConfig({ name: true, size: false }, () => {
+      insertImageAttachment()
+      const element = getCaptionElement()
+      assert.notOk(element.hasAttribute("data-trix-placeholder"))
+      assert.equal(element.textContent, "image.gif")
+    })
+  })
 
-  return test("caption is empty when configured", () => withPreviewCaptionConfig({ name: false, size: false }, function() {
-    insertImageAttachment()
-    const element = getCaptionElement()
-    assert.ok(element.hasAttribute("data-trix-placeholder"))
-    assert.equal(element.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder)
-    return assert.equal(element.textContent, "")
-  }))
+  test("caption is empty when configured", () => {
+    withPreviewCaptionConfig({ name: false, size: false }, () => {
+      insertImageAttachment()
+      const element = getCaptionElement()
+      assert.ok(element.hasAttribute("data-trix-placeholder"))
+      assert.equal(element.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder)
+      assert.equal(element.textContent, "")
+    })
+  })
 })
 
-var withPreviewCaptionConfig = function(captionConfig, fn) {
-  if (captionConfig == null) { captionConfig = {} }
+const withPreviewCaptionConfig = (captionConfig, fn) => {
+  if (!captionConfig) captionConfig = {}
   const { caption } = config.attachments.preview
   config.attachments.preview.caption = captionConfig
   try {
@@ -56,4 +49,4 @@ var withPreviewCaptionConfig = function(captionConfig, fn) {
   }
 }
 
-var getCaptionElement = () => getEditorElement().querySelector("figcaption")
+const getCaptionElement = () => getEditorElement().querySelector("figcaption")
diff --git a/src/test/system/attachment_gallery_test.js b/src/test/system/attachment_gallery_test.js
index ee0d638f7..b6437c397 100644
--- a/src/test/system/attachment_gallery_test.js
+++ b/src/test/system/attachment_gallery_test.js
@@ -1,61 +1,66 @@
-/* eslint-disable
-    no-undef,
-    no-unused-vars,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-import { assert, clickToolbarButton, createImageAttachment, defer, insertAttachments, moveCursor, pressKey, test, testGroup, typeCharacters } from "test/test_helper"
+import {
+  assert,
+  clickToolbarButton,
+  createImageAttachment,
+  insertAttachments,
+  pressKey,
+  test,
+  testGroup,
+  typeCharacters,
+} from "test/test_helper"
 import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
 const ORC = OBJECT_REPLACEMENT_CHARACTER
 
-testGroup("Attachment galleries", { template: "editor_empty" }, function() {
-  test("inserting more than one image attachment creates a gallery block", function(expectDocument) {
+testGroup("Attachment galleries", { template: "editor_empty" }, () => {
+  test("inserting more than one image attachment creates a gallery block", function (expectDocument) {
     insertAttachments(createImageAttachments(2))
     assert.blockAttributes([ 0, 2 ], [ "attachmentGallery" ])
-    return expectDocument(`${ORC}${ORC}\n`)
+    expectDocument(`${ORC}${ORC}\n`)
   })
 
-  test("gallery formatting is removed from blocks containing less than two image attachments", function(expectDocument) {
+  test("gallery formatting is removed from blocks containing less than two image attachments", function (expectDocument) {
     insertAttachments(createImageAttachments(2))
     assert.blockAttributes([ 0, 2 ], [ "attachmentGallery" ])
     getEditor().setSelectedRange([ 1, 2 ])
-    return pressKey("backspace", () => requestAnimationFrame(function() {
-      assert.blockAttributes([ 0, 2 ], [])
-      return expectDocument(`${ORC}\n`)
-    }))
+    pressKey("backspace", () =>
+      requestAnimationFrame(() => {
+        assert.blockAttributes([ 0, 2 ], [])
+        expectDocument(`${ORC}\n`)
+      })
+    )
   })
 
-  test("typing in an attachment gallery block splits it", function(expectDocument) {
+  test("typing in an attachment gallery block splits it", function (expectDocument) {
     insertAttachments(createImageAttachments(4))
     getEditor().setSelectedRange(2)
-    return typeCharacters("a", () => requestAnimationFrame(function() {
-      assert.blockAttributes([ 0, 2 ], [ "attachmentGallery" ])
-      assert.blockAttributes([ 3, 4 ], [])
-      assert.blockAttributes([ 5, 7 ], [ "attachmentGallery" ])
-      return expectDocument(`${ORC}${ORC}\na\n${ORC}${ORC}\n`)
-    }))
+    typeCharacters("a", () =>
+      requestAnimationFrame(() => {
+        assert.blockAttributes([ 0, 2 ], [ "attachmentGallery" ])
+        assert.blockAttributes([ 3, 4 ], [])
+        assert.blockAttributes([ 5, 7 ], [ "attachmentGallery" ])
+        expectDocument(`${ORC}${ORC}\na\n${ORC}${ORC}\n`)
+      })
+    )
   })
 
-  return test("inserting a gallery in a formatted block", expectDocument => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("abc", function() {
-    insertAttachments(createImageAttachments(2))
-    return requestAnimationFrame(function() {
-      assert.blockAttributes([ 0, 3 ], [ "quote" ])
-      assert.blockAttributes([ 4, 6 ], [ "attachmentGallery" ])
-      return expectDocument(`abc\n${ORC}${ORC}\n`)
-    })
-  })))
+  test("inserting a gallery in a formatted block", (expectDocument) =>
+    clickToolbarButton({ attribute: "quote" }, () =>
+      typeCharacters("abc", () => {
+        insertAttachments(createImageAttachments(2))
+        requestAnimationFrame(() => {
+          assert.blockAttributes([ 0, 3 ], [ "quote" ])
+          assert.blockAttributes([ 4, 6 ], [ "attachmentGallery" ])
+          expectDocument(`abc\n${ORC}${ORC}\n`)
+        })
+      })
+    ))
 })
 
-var createImageAttachments = function(num) {
-  if (num == null) { num = 1 }
+const createImageAttachments = function (num) {
+  if (num == null) {
+    num = 1
+  }
   const attachments = []
   while (attachments.length < num) {
     attachments.push(createImageAttachment())
diff --git a/src/test/system/attachment_test.js b/src/test/system/attachment_test.js
index 4d5729f81..7552bd659 100644
--- a/src/test/system/attachment_test.js
+++ b/src/test/system/attachment_test.js
@@ -1,106 +1,148 @@
-/* eslint-disable
-    no-undef,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
-import { after, assert, clickElement, clickToolbarButton, createFile, defer, dragToCoordinates, moveCursor, pressKey, test, testGroup, triggerEvent, typeCharacters } from "test/test_helper"
+import {
+  after,
+  assert,
+  clickElement,
+  clickToolbarButton,
+  createFile,
+  defer,
+  dragToCoordinates,
+  moveCursor,
+  pressKey,
+  test,
+  testGroup,
+  triggerEvent,
+  typeCharacters,
+} from "test/test_helper"
 
-testGroup("Attachments", { template: "editor_with_image" }, function() {
-  test("moving an image by drag and drop", expectDocument => typeCharacters("!", () => moveCursor({ direction: "right", times: 1 }, function(coordinates) {
-    const img = document.activeElement.querySelector("img")
-    triggerEvent(img, "mousedown")
-    return defer(() => dragToCoordinates(coordinates, () => expectDocument(`!a${OBJECT_REPLACEMENT_CHARACTER}b\n`)))
-  })))
-
-  test("removing an image", expectDocument => after(20, () => clickElement(getFigure(), function() {
-    const closeButton = getFigure().querySelector("[data-trix-action=remove]")
-    return clickElement(closeButton, () => expectDocument("ab\n"))
-  })))
+testGroup("Attachments", { template: "editor_with_image" }, () => {
+  test("moving an image by drag and drop", (expectDocument) => {
+    typeCharacters("!", () => {
+      moveCursor({ direction: "right", times: 1 }, (coordinates) => {
+        const img = document.activeElement.querySelector("img")
+        triggerEvent(img, "mousedown")
+        defer(() => {
+          dragToCoordinates(coordinates, () => {
+            expectDocument(`!a${OBJECT_REPLACEMENT_CHARACTER}b\n`)
+          })
+        })
+      })
+    })
+  })
 
-  test("editing an image caption", expectDocument => after(20, () => clickElement(findElement("figure"), () => clickElement(findElement("figcaption"), () => defer(function() {
-    const textarea = findElement("textarea")
-    assert.ok(textarea)
-    textarea.focus()
-    textarea.value = "my"
-    triggerEvent(textarea, "input")
-    return defer(function() {
-      textarea.value = ""
-      return defer(function() {
-        textarea.value = "my caption"
-        triggerEvent(textarea, "input")
-        return pressKey("return", function() {
-          assert.notOk(findElement("textarea"))
-          assert.textAttributes([ 2, 3 ], { caption: "my caption" })
-          assert.locationRange({ index: 0, offset: 3 })
-          return expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`)
+  test("removing an image", (expectDocument) => {
+    after(20, () => {
+      clickElement(getFigure(), () => {
+        const closeButton = getFigure().querySelector("[data-trix-action=remove]")
+        clickElement(closeButton, () => {
+          expectDocument("ab\n")
         })
       })
     })
-  })))))
+  })
 
-  test("editing an attachment caption with no filename", done => after(20, function() {
-    let captionElement = findElement("figcaption")
-    assert.ok(captionElement.clientHeight > 0)
-    assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder)
+  test("editing an image caption", (expectDocument) => {
+    after(20, () => {
+      clickElement(findElement("figure"), () => {
+        clickElement(findElement("figcaption"), () => {
+          defer(() => {
+            const textarea = findElement("textarea")
+            assert.ok(textarea)
+            textarea.focus()
+            textarea.value = "my"
+            triggerEvent(textarea, "input")
+            defer(() => {
+              textarea.value = ""
+              defer(() => {
+                textarea.value = "my caption"
+                triggerEvent(textarea, "input")
+                pressKey("return", () => {
+                  assert.notOk(findElement("textarea"))
+                  assert.textAttributes([ 2, 3 ], { caption: "my caption" })
+                  assert.locationRange({ index: 0, offset: 3 })
+                  expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`)
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  })
 
-    return clickElement(findElement("figure"), function() {
-      captionElement = findElement("figcaption")
+  test("editing an attachment caption with no filename", (done) =>
+    after(20, () => {
+      let captionElement = findElement("figcaption")
       assert.ok(captionElement.clientHeight > 0)
       assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder)
-      return done()
-    })
-  }))
 
-  test("updating an attachment's href attribute while editing its caption", function(expectDocument) {
+      clickElement(findElement("figure"), () => {
+        captionElement = findElement("figcaption")
+        assert.ok(captionElement.clientHeight > 0)
+        assert.equal(captionElement.getAttribute("data-trix-placeholder"), config.lang.captionPlaceholder)
+        done()
+      })
+    }))
+
+  test("updating an attachment's href attribute while editing its caption", (expectDocument) => {
     const attachment = getEditorController().attachmentManager.getAttachments()[0]
-    return after(20, () => clickElement(findElement("figure"), () => clickElement(findElement("figcaption"), () => defer(function() {
-      let textarea = findElement("textarea")
-      assert.ok(textarea)
-      textarea.focus()
-      textarea.value = "my caption"
-      triggerEvent(textarea, "input")
-      attachment.setAttributes({ href: "https://example.com" })
-      return defer(function() {
-        textarea = findElement("textarea")
-        assert.ok(document.activeElement === textarea)
-        assert.equal(textarea.value, "my caption")
-        return pressKey("return", function() {
-          assert.notOk(findElement("textarea"))
-          assert.textAttributes([ 2, 3 ], { caption: "my caption" })
-          assert.locationRange({ index: 0, offset: 3 })
-          return expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`)
+
+    after(20, () => {
+      clickElement(findElement("figure"), () => {
+        clickElement(findElement("figcaption"), () => {
+          defer(() => {
+            let textarea = findElement("textarea")
+            assert.ok(textarea)
+            textarea.focus()
+            textarea.value = "my caption"
+            triggerEvent(textarea, "input")
+            attachment.setAttributes({ href: "https://example.com" })
+            defer(() => {
+              textarea = findElement("textarea")
+              assert.ok(document.activeElement === textarea)
+              assert.equal(textarea.value, "my caption")
+              pressKey("return", () => {
+                assert.notOk(findElement("textarea"))
+                assert.textAttributes([ 2, 3 ], { caption: "my caption" })
+                assert.locationRange({ index: 0, offset: 3 })
+                expectDocument(`ab${OBJECT_REPLACEMENT_CHARACTER}\n`)
+              })
+            })
+          })
         })
       })
-    }))))
+    })
   })
 
-  return testGroup("File insertion", { template: "editor_empty" }, function() {
-    test("inserting a file in a formatted block", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "bold" }, function() {
-      getComposition().insertFile(createFile())
-      assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
-      assert.textAttributes([ 0, 1 ], {})
-      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
-    })))
+  testGroup("File insertion", { template: "editor_empty" }, () => {
+    test("inserting a file in a formatted block", (expectDocument) => {
+      clickToolbarButton({ attribute: "bullet" }, () => {
+        clickToolbarButton({ attribute: "bold" }, () => {
+          getComposition().insertFile(createFile())
+          assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+          assert.textAttributes([ 0, 1 ], {})
+          expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+        })
+      })
+    })
+
+    test("inserting a files in a formatted block", (expectDocument) => {
+      clickToolbarButton({ attribute: "quote" }, () => {
+        clickToolbarButton({ attribute: "italic" }, () => {
+          getComposition().insertFiles([ createFile(), createFile() ])
 
-    return test("inserting a files in a formatted block", expectDocument => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ attribute: "italic" }, function() {
-      getComposition().insertFiles([ createFile(), createFile() ])
-      assert.blockAttributes([ 0, 2 ], [ "quote" ])
-      assert.textAttributes([ 0, 1 ], {})
-      assert.textAttributes([ 1, 2 ], {})
-      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}${OBJECT_REPLACEMENT_CHARACTER}\n`)
-    })))
+          assert.blockAttributes([ 0, 2 ], [ "quote" ])
+          assert.textAttributes([ 0, 1 ], {})
+          assert.textAttributes([ 1, 2 ], {})
+          expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}${OBJECT_REPLACEMENT_CHARACTER}\n`)
+        })
+      })
+    })
   })
 })
 
-var getFigure = () => findElement("figure")
+const getFigure = () => findElement("figure")
 
-var findElement = selector => getEditorElement().querySelector(selector)
+const findElement = (selector) => getEditorElement().querySelector(selector)
diff --git a/src/test/system/basic_input_test.js b/src/test/system/basic_input_test.js
index 845d8e241..fd14de682 100644
--- a/src/test/system/basic_input_test.js
+++ b/src/test/system/basic_input_test.js
@@ -1,70 +1,148 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
+import {
+  assert,
+  defer,
+  dragToCoordinates,
+  expandSelection,
+  insertNode,
+  moveCursor,
+  pressKey,
+  selectAll,
+  test,
+  testGroup,
+  testIf,
+  triggerEvent,
+  typeCharacters,
+} from "test/test_helper"
 
-import { assert, defer, dragToCoordinates, expandSelection, insertNode, moveCursor, pressKey, selectAll, test, testGroup, testIf, triggerEvent, typeCharacters } from "test/test_helper"
+testGroup("Basic input", { template: "editor_empty" }, () => {
+  test("typing", (expectDocument) => typeCharacters("abc", () => expectDocument("abc\n")))
 
-testGroup("Basic input", { template: "editor_empty" }, function() {
-  test("typing", expectDocument => typeCharacters("abc", () => expectDocument("abc\n")))
-
-  test("backspacing", expectDocument => typeCharacters("abc\b", function() {
-    assert.locationRange({ index: 0, offset: 2 })
-    return expectDocument("ab\n")
-  }))
+  test("backspacing", (expectDocument) =>
+    typeCharacters("abc\b", () => {
+      assert.locationRange({ index: 0, offset: 2 })
+      expectDocument("ab\n")
+    }))
 
-  test("pressing delete", expectDocument => typeCharacters("ab", () => moveCursor("left", () => pressKey("delete", () => expectDocument("a\n")))))
+  test("pressing delete", (expectDocument) =>
+    typeCharacters("ab", () => moveCursor("left", () => pressKey("delete", () => expectDocument("a\n")))))
 
-  test("pressing return", expectDocument => typeCharacters("ab", () => pressKey("return", () => typeCharacters("c", () => expectDocument("ab\nc\n")))))
+  test("pressing return", (expectDocument) =>
+    typeCharacters("ab", () => pressKey("return", () => typeCharacters("c", () => expectDocument("ab\nc\n")))))
 
-  test("pressing escape in Safari", expectDocument => typeCharacters("a", function() {
-    if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape" })) {
-      triggerEvent(document.activeElement, "keypress", { charCode: 27, keyCode: 27, which: 27, key: "Escape", code: "Escape" })
-    }
-    return defer(() => expectDocument("a\n"))
-  }))
+  test("pressing escape in Safari", (expectDocument) =>
+    typeCharacters("a", () => {
+      if (
+        triggerEvent(document.activeElement, "keydown", {
+          charCode: 0,
+          keyCode: 27,
+          which: 27,
+          key: "Escape",
+          code: "Escape",
+        })
+      ) {
+        triggerEvent(document.activeElement, "keypress", {
+          charCode: 27,
+          keyCode: 27,
+          which: 27,
+          key: "Escape",
+          code: "Escape",
+        })
+      }
+      defer(() => expectDocument("a\n"))
+    }))
 
-  test("pressing escape in Firefox", expectDocument => typeCharacters("a", function() {
-    if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape" })) {
-      triggerEvent(document.activeElement, "keypress", { charCode: 0, keyCode: 27, which: 0, key: "Escape", code: "Escape" })
-    }
-    return defer(() => expectDocument("a\n"))
-  }))
+  test("pressing escape in Firefox", (expectDocument) =>
+    typeCharacters("a", () => {
+      if (
+        triggerEvent(document.activeElement, "keydown", {
+          charCode: 0,
+          keyCode: 27,
+          which: 27,
+          key: "Escape",
+          code: "Escape",
+        })
+      ) {
+        triggerEvent(document.activeElement, "keypress", {
+          charCode: 0,
+          keyCode: 27,
+          which: 0,
+          key: "Escape",
+          code: "Escape",
+        })
+      }
+      defer(() => expectDocument("a\n"))
+    }))
 
-  test("pressing escape in Chrome", expectDocument => typeCharacters("a", function() {
-    triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape" })
-    return defer(() => expectDocument("a\n"))
-  }))
+  test("pressing escape in Chrome", (expectDocument) =>
+    typeCharacters("a", () => {
+      triggerEvent(document.activeElement, "keydown", {
+        charCode: 0,
+        keyCode: 27,
+        which: 27,
+        key: "Escape",
+        code: "Escape",
+      })
+      defer(() => expectDocument("a\n"))
+    }))
 
-  test("cursor left", expectDocument => typeCharacters("ac", () => moveCursor("left", () => typeCharacters("b", () => expectDocument("abc\n")))))
+  test("cursor left", (expectDocument) =>
+    typeCharacters("ac", () => moveCursor("left", () => typeCharacters("b", () => expectDocument("abc\n")))))
 
-  test("replace entire document", expectDocument => typeCharacters("abc", () => selectAll(() => typeCharacters("d", () => expectDocument("d\n")))))
+  test("replace entire document", (expectDocument) =>
+    typeCharacters("abc", () => selectAll(() => typeCharacters("d", () => expectDocument("d\n")))))
 
-  test("remove entire document", expectDocument => typeCharacters("abc", () => selectAll(() => typeCharacters("\b", () => expectDocument("\n")))))
+  test("remove entire document", (expectDocument) =>
+    typeCharacters("abc", () => selectAll(() => typeCharacters("\b", () => expectDocument("\n")))))
 
-  test("drag text", expectDocument => typeCharacters("abc", () => moveCursor({ direction: "left", times: 2 }, coordinates => moveCursor("right", () => expandSelection("right", () => dragToCoordinates(coordinates, () => expectDocument("acb\n")))))))
+  test("drag text", (expectDocument) =>
+    typeCharacters("abc", () =>
+      moveCursor({ direction: "left", times: 2 }, (coordinates) =>
+        moveCursor("right", () =>
+          expandSelection("right", () => dragToCoordinates(coordinates, () => expectDocument("acb\n")))
+        )
+      )
+    ))
 
-  testIf(config.input.getLevel() === 0, "inserting newline after cursor (control + o)", expectDocument => typeCharacters("ab", () => moveCursor("left", function() {
-    triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 79, which: 79, ctrlKey: true })
-    return defer(function() {
-      assert.locationRange({ index: 0, offset: 1 })
-      return expectDocument("a\nb\n")
-    })
-  })))
+  testIf(config.input.getLevel() === 0, "inserting newline after cursor (control + o)", (expectDocument) =>
+    typeCharacters("ab", () =>
+      moveCursor("left", () => {
+        triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 79, which: 79, ctrlKey: true })
+        defer(() => {
+          assert.locationRange({ index: 0, offset: 1 })
+          expectDocument("a\nb\n")
+        })
+      })
+    )
+  )
 
-  return testIf(config.input.getLevel() === 0, "inserting ó with control + alt + o (AltGr)", expectDocument => typeCharacters("ab", () => moveCursor("left", function() {
-    if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 79, which: 79, altKey: true, ctrlKey: true })) {
-      triggerEvent(document.activeElement, "keypress", { charCode: 243, keyCode: 243, which: 243, altKey: true, ctrlKey: true })
-      insertNode(document.createTextNode("ó"))
-    }
+  testIf(config.input.getLevel() === 0, "inserting ó with control + alt + o (AltGr)", (expectDocument) =>
+    typeCharacters("ab", () =>
+      moveCursor("left", () => {
+        if (
+          triggerEvent(document.activeElement, "keydown", {
+            charCode: 0,
+            keyCode: 79,
+            which: 79,
+            altKey: true,
+            ctrlKey: true,
+          })
+        ) {
+          triggerEvent(document.activeElement, "keypress", {
+            charCode: 243,
+            keyCode: 243,
+            which: 243,
+            altKey: true,
+            ctrlKey: true,
+          })
+          insertNode(document.createTextNode("ó"))
+        }
 
-    return defer(function() {
-      assert.locationRange({ index: 0, offset: 2 })
-      return expectDocument("aób\n")
-    })
-  })))
+        defer(() => {
+          assert.locationRange({ index: 0, offset: 2 })
+          expectDocument("aób\n")
+        })
+      })
+    )
+  )
 })
diff --git a/src/test/system/block_formatting_test.js b/src/test/system/block_formatting_test.js
index 9fc2bae78..5e2981751 100644
--- a/src/test/system/block_formatting_test.js
+++ b/src/test/system/block_formatting_test.js
@@ -1,401 +1,518 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import Text from "trix/models/text"
 import Block from "trix/models/block"
 import Document from "trix/models/document"
 
-import { assert, clickToolbarButton, defer, expandSelection, isToolbarButtonActive, isToolbarButtonDisabled, moveCursor, pressKey, replaceDocument, selectAll, test, testGroup, typeCharacters } from "test/test_helper"
-
-testGroup("Block formatting", { template: "editor_empty" }, function() {
-  test("applying block attributes", done => typeCharacters("abc", () => clickToolbarButton({ attribute: "quote" }, function() {
-    assert.blockAttributes([ 0, 4 ], [ "quote" ])
-    assert.ok(isToolbarButtonActive({ attribute: "quote" }))
-    return clickToolbarButton({ attribute: "code" }, function() {
-      assert.blockAttributes([ 0, 4 ], [ "quote", "code" ])
-      assert.ok(isToolbarButtonActive({ attribute: "code" }))
-      return clickToolbarButton({ attribute: "code" }, function() {
+import {
+  assert,
+  clickToolbarButton,
+  defer,
+  expandSelection,
+  isToolbarButtonActive,
+  isToolbarButtonDisabled,
+  moveCursor,
+  pressKey,
+  replaceDocument,
+  selectAll,
+  test,
+  testGroup,
+  typeCharacters,
+} from "test/test_helper"
+
+testGroup("Block formatting", { template: "editor_empty" }, () => {
+  test("applying block attributes", (done) =>
+    typeCharacters("abc", () =>
+      clickToolbarButton({ attribute: "quote" }, () => {
         assert.blockAttributes([ 0, 4 ], [ "quote" ])
-        assert.notOk(isToolbarButtonActive({ attribute: "code" }))
         assert.ok(isToolbarButtonActive({ attribute: "quote" }))
-        return done()
+        clickToolbarButton({ attribute: "code" }, () => {
+          assert.blockAttributes([ 0, 4 ], [ "quote", "code" ])
+          assert.ok(isToolbarButtonActive({ attribute: "code" }))
+          clickToolbarButton({ attribute: "code" }, () => {
+            assert.blockAttributes([ 0, 4 ], [ "quote" ])
+            assert.notOk(isToolbarButtonActive({ attribute: "code" }))
+            assert.ok(isToolbarButtonActive({ attribute: "quote" }))
+            done()
+          })
+        })
+      })
+    ))
+
+  test("applying block attributes to text after newline", (done) => {
+    typeCharacters("a\nbc", () => {
+      clickToolbarButton({ attribute: "quote" }, () => {
+        assert.blockAttributes([ 0, 2 ], [])
+        assert.blockAttributes([ 2, 4 ], [ "quote" ])
+        done()
       })
     })
-  })))
-
-  test("applying block attributes to text after newline", done => typeCharacters("a\nbc", () => clickToolbarButton({ attribute: "quote" }, function() {
-    assert.blockAttributes([ 0, 2 ], [])
-    assert.blockAttributes([ 2, 4 ], [ "quote" ])
-    return done()
-  })))
-
-  test("applying block attributes to text between newlines", done => typeCharacters(`\
-ab
-def
-ghi
-j\
-`, () => moveCursor({ direction: "left", times: 2 }, () => expandSelection({ direction: "left", times: 5 }, () => clickToolbarButton({ attribute: "quote" }, function() {
-    assert.blockAttributes([ 0, 3 ], [])
-    assert.blockAttributes([ 3, 11 ], [ "quote" ])
-    assert.blockAttributes([ 11, 13 ], [])
-    return done()
-  })))))
-
-  test("applying bullets to text with newlines", done => typeCharacters(`\
-abc
-def
-ghi
-jkl
-mno\
-`, () => moveCursor({ direction: "left", times: 2 }, () => expandSelection({ direction: "left", times: 15 }, () => clickToolbarButton({ attribute: "bullet" }, function() {
-    assert.blockAttributes([ 0, 4 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 4, 8 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 8, 12 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 12, 16 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 16, 20 ], [ "bulletList", "bullet" ])
-    return done()
-  })))))
-
-  test("applying block attributes to adjacent unformatted blocks consolidates them", function(done) {
-    const document = new Document([
-        new Block(Text.textForStringWithAttributes("1"), [ "bulletList", "bullet" ]),
-        new Block(Text.textForStringWithAttributes("a"), []),
-        new Block(Text.textForStringWithAttributes("b"), []),
-        new Block(Text.textForStringWithAttributes("c"), []),
-        new Block(Text.textForStringWithAttributes("2"), [ "bulletList", "bullet" ]),
-        new Block(Text.textForStringWithAttributes("3"), [ "bulletList", "bullet" ])
-      ])
-
-    replaceDocument(document)
-    getEditorController().setLocationRange([ { index: 0, offset: 0 }, { index: 5, offset: 1 } ])
-    return defer(() => clickToolbarButton({ attribute: "quote" }, function() {
-      assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet", "quote" ])
-      assert.blockAttributes([ 2, 8 ], [ "quote" ])
-      assert.blockAttributes([ 8, 10 ], [ "bulletList", "bullet", "quote" ])
-      assert.blockAttributes([ 10, 12 ], [ "bulletList", "bullet", "quote" ])
-      return done()
-    }))
   })
 
-  test("breaking out of the end of a block", done => typeCharacters("abc", () => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("\n\n", function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 2)
-
-    let block = document.getBlockAtIndex(0)
-    assert.deepEqual(block.getAttributes(), [ "quote" ])
-    assert.equal(block.toString(), "abc\n")
-
-    block = document.getBlockAtIndex(1)
-    assert.deepEqual(block.getAttributes(), [])
-    assert.equal(block.toString(), "\n")
-
-    assert.locationRange({ index: 1, offset: 0 })
-    return done()
-  }))))
+  test("applying block attributes to text between newlines", (done) => {
+    typeCharacters("ab\ndef\nghi\nj\n", () => {
+      moveCursor({ direction: "left", times: 2 }, () => {
+        expandSelection({ direction: "left", times: 5 }, () => {
+          clickToolbarButton({ attribute: "quote" }, () => {
+            assert.blockAttributes([ 0, 3 ], [])
+            assert.blockAttributes([ 3, 11 ], [ "quote" ])
+            assert.blockAttributes([ 11, 13 ], [])
+            done()
+          })
+        })
+      })
+    })
+  })
 
+  test("applying bullets to text with newlines", (done) => {
+    typeCharacters("abc\ndef\nghi\njkl\nmno\n", () => {
+      moveCursor({ direction: "left", times: 2 }, () => {
+        expandSelection({ direction: "left", times: 15 }, () => {
+          clickToolbarButton({ attribute: "bullet" }, () => {
+            assert.blockAttributes([ 0, 4 ], [ "bulletList", "bullet" ])
+            assert.blockAttributes([ 4, 8 ], [ "bulletList", "bullet" ])
+            assert.blockAttributes([ 8, 12 ], [ "bulletList", "bullet" ])
+            assert.blockAttributes([ 12, 16 ], [ "bulletList", "bullet" ])
+            assert.blockAttributes([ 16, 20 ], [ "bulletList", "bullet" ])
+            done()
+          })
+        })
+      })
+    })
+  })
 
-  test("breaking out of the middle of a block before character", done => // * = cursor
-  //
-  // ab
-  // *c
-  //
-  typeCharacters(
-    "abc",
-    () => clickToolbarButton({ attribute: "quote" }, () => moveCursor("left", () => typeCharacters("\n\n", function() {
-      const document = getDocument()
-      assert.equal(document.getBlockCount(), 3)
+  test("applying block attributes to adjacent unformatted blocks consolidates them", (done) => {
+    const document = new Document([
+      new Block(Text.textForStringWithAttributes("1"), [ "bulletList", "bullet" ]),
+      new Block(Text.textForStringWithAttributes("a"), []),
+      new Block(Text.textForStringWithAttributes("b"), []),
+      new Block(Text.textForStringWithAttributes("c"), []),
+      new Block(Text.textForStringWithAttributes("2"), [ "bulletList", "bullet" ]),
+      new Block(Text.textForStringWithAttributes("3"), [ "bulletList", "bullet" ]),
+    ])
 
-      let block = document.getBlockAtIndex(0)
-      assert.deepEqual(block.getAttributes(), [ "quote" ])
-      assert.equal(block.toString(), "ab\n")
+    replaceDocument(document)
+    getEditorController().setLocationRange([
+      { index: 0, offset: 0 },
+      { index: 5, offset: 1 },
+    ])
+    defer(() => {
+      clickToolbarButton({ attribute: "quote" }, () => {
+        assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet", "quote" ])
+        assert.blockAttributes([ 2, 8 ], [ "quote" ])
+        assert.blockAttributes([ 8, 10 ], [ "bulletList", "bullet", "quote" ])
+        assert.blockAttributes([ 10, 12 ], [ "bulletList", "bullet", "quote" ])
+        done()
+      })
+    })
+  })
 
-      block = document.getBlockAtIndex(1)
-      assert.deepEqual(block.getAttributes(), [])
-      assert.equal(block.toString(), "\n")
-
-      block = document.getBlockAtIndex(2)
-      assert.deepEqual(block.getAttributes(), [ "quote" ])
-      assert.equal(block.toString(), "c\n")
-
-      assert.locationRange({ index: 2, offset: 0 })
-      return done()
-    })))
-  ))
-
-  test("breaking out of the middle of a block before newline", done => // * = cursor
-  //
-  // ab
-  // *
-  // c
-  //
-  typeCharacters(
-    "abc",
-    () => clickToolbarButton({ attribute: "quote" }, () => moveCursor("left", () => typeCharacters("\n", () => moveCursor("left", () => typeCharacters("\n\n", function() {
-      const document = getDocument()
-      assert.equal(document.getBlockCount(), 3)
+  test("breaking out of the end of a block", (done) => {
+    typeCharacters("abc", () => {
+      clickToolbarButton({ attribute: "quote" }, () => {
+        typeCharacters("\n\n", () => {
+          const document = getDocument()
+          assert.equal(document.getBlockCount(), 2)
 
-      let block = document.getBlockAtIndex(0)
-      assert.deepEqual(block.getAttributes(), [ "quote" ])
-      assert.equal(block.toString(), "ab\n")
+          let block = document.getBlockAtIndex(0)
+          assert.deepEqual(block.getAttributes(), [ "quote" ])
+          assert.equal(block.toString(), "abc\n")
 
-      block = document.getBlockAtIndex(1)
-      assert.deepEqual(block.getAttributes(), [])
-      assert.equal(block.toString(), "\n")
+          block = document.getBlockAtIndex(1)
+          assert.deepEqual(block.getAttributes(), [])
+          assert.equal(block.toString(), "\n")
 
-      block = document.getBlockAtIndex(2)
-      assert.deepEqual(block.getAttributes(), [ "quote" ])
-      assert.equal(block.toString(), "c\n")
+          assert.locationRange({ index: 1, offset: 0 })
+          done()
+        })
+      })
+    })
+  })
 
-      return done()
-    })))))
-  ))
+  test("breaking out of the middle of a block before character", (done) => {
+    // * = cursor
+    //
+    // ab
+    // *c
+    //
+    typeCharacters("abc", () => {
+      clickToolbarButton({ attribute: "quote" }, () => {
+        moveCursor("left", () => {
+          typeCharacters("\n\n", () => {
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 3)
+
+            let block = document.getBlockAtIndex(0)
+            assert.deepEqual(block.getAttributes(), [ "quote" ])
+            assert.equal(block.toString(), "ab\n")
+
+            block = document.getBlockAtIndex(1)
+            assert.deepEqual(block.getAttributes(), [])
+            assert.equal(block.toString(), "\n")
+
+            block = document.getBlockAtIndex(2)
+            assert.deepEqual(block.getAttributes(), [ "quote" ])
+            assert.equal(block.toString(), "c\n")
+
+            assert.locationRange({ index: 2, offset: 0 })
+            done()
+          })
+        })
+      })
+    })
+  })
 
-  test("breaking out of a formatted block with adjacent non-formatted blocks", function(expectDocument) {
+  test("breaking out of the middle of a block before newline", (done) => // * = cursor
+    //
+    // ab
+    // *
+    // c
+    //
+    typeCharacters("abc", () =>
+      clickToolbarButton({ attribute: "quote" }, () =>
+        moveCursor("left", () =>
+          typeCharacters("\n", () =>
+            moveCursor("left", () =>
+              typeCharacters("\n\n", () => {
+                const document = getDocument()
+                assert.equal(document.getBlockCount(), 3)
+
+                let block = document.getBlockAtIndex(0)
+                assert.deepEqual(block.getAttributes(), [ "quote" ])
+                assert.equal(block.toString(), "ab\n")
+
+                block = document.getBlockAtIndex(1)
+                assert.deepEqual(block.getAttributes(), [])
+                assert.equal(block.toString(), "\n")
+
+                block = document.getBlockAtIndex(2)
+                assert.deepEqual(block.getAttributes(), [ "quote" ])
+                assert.equal(block.toString(), "c\n")
+
+                done()
+              })
+            )
+          )
+        )
+      )
+    ))
+
+  test("breaking out of a formatted block with adjacent non-formatted blocks", (expectDocument) => {
     // * = cursor
     //
     // a
     // b*
     // c
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("a"), []),
-        new Block(Text.textForStringWithAttributes("b"), [ "quote" ]),
-        new Block(Text.textForStringWithAttributes("c"), [])
-      ])
+      new Block(Text.textForStringWithAttributes("a"), []),
+      new Block(Text.textForStringWithAttributes("b"), [ "quote" ]),
+      new Block(Text.textForStringWithAttributes("c"), []),
+    ])
 
     replaceDocument(document)
     getEditor().setSelectedRange(3)
 
-    return typeCharacters("\n\n", function() {
+    typeCharacters("\n\n", () => {
       document = getDocument()
       assert.equal(document.getBlockCount(), 4)
       assert.blockAttributes([ 0, 1 ], [])
       assert.blockAttributes([ 2, 3 ], [ "quote" ])
       assert.blockAttributes([ 4, 5 ], [])
       assert.blockAttributes([ 5, 6 ], [])
-      return expectDocument("a\nb\n\nc\n")
+      expectDocument("a\nb\n\nc\n")
     })
   })
 
-  test("breaking out a block after newline at offset 0", done => // * = cursor
-  //
-  //
-  // *a
-  //
-  typeCharacters(
-    "a",
-    () => clickToolbarButton({ attribute: "quote" }, () => moveCursor("left", () => typeCharacters("\n\n", function() {
-      const document = getDocument()
-      assert.equal(document.getBlockCount(), 2)
-
-      let block = document.getBlockAtIndex(0)
-      assert.deepEqual(block.getAttributes(), [])
-      assert.equal(block.toString(), "\n")
+  test("breaking out a block after newline at offset 0", (done) => // * = cursor
+    //
+    //
+    // *a
+    //
+    typeCharacters("a", () => {
+      clickToolbarButton({ attribute: "quote" }, () => {
+        moveCursor("left", () => {
+          typeCharacters("\n\n", () => {
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 2)
+
+            let block = document.getBlockAtIndex(0)
+            assert.deepEqual(block.getAttributes(), [])
+            assert.equal(block.toString(), "\n")
+
+            block = document.getBlockAtIndex(1)
+            assert.deepEqual(block.getAttributes(), [ "quote" ])
+            assert.equal(block.toString(), "a\n")
+            assert.locationRange({ index: 1, offset: 0 })
+
+            done()
+          })
+        })
+      })
+    }))
 
-      block = document.getBlockAtIndex(1)
-      assert.deepEqual(block.getAttributes(), [ "quote" ])
-      assert.equal(block.toString(), "a\n")
-      assert.locationRange({ index: 1, offset: 0 })
-
-      return done()
-    })))
-  ))
-
-  test("deleting the only non-block-break character in a block", done => typeCharacters("ab", () => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("\b\b", function() {
-    assert.blockAttributes([ 0, 1 ], [ "quote" ])
-    return done()
-  }))))
-
-  test("backspacing a quote", done => clickToolbarButton({ attribute: "quote" }, function() {
-    assert.blockAttributes([ 0, 1 ], [ "quote" ])
-    return pressKey("backspace", function() {
-      assert.blockAttributes([ 0, 1 ], [])
-      return done()
+  test("deleting the only non-block-break character in a block", (done) => {
+    typeCharacters("ab", () => {
+      clickToolbarButton({ attribute: "quote" }, () => {
+        typeCharacters("\b\b", () => {
+          assert.blockAttributes([ 0, 1 ], [ "quote" ])
+          done()
+        })
+      })
     })
-  }))
+  })
 
-  test("backspacing a nested quote", done => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
-    assert.blockAttributes([ 0, 1 ], [ "quote", "quote" ])
-    return pressKey("backspace", function() {
+  test("backspacing a quote", (done) => {
+    clickToolbarButton({ attribute: "quote" }, () => {
       assert.blockAttributes([ 0, 1 ], [ "quote" ])
-      return pressKey("backspace", function() {
+      pressKey("backspace", () => {
         assert.blockAttributes([ 0, 1 ], [])
-        return done()
+        done()
       })
     })
-  })))
+  })
 
-  test("backspacing a list item", done => clickToolbarButton({ attribute: "bullet" }, function() {
-    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
-    return pressKey("backspace", function() {
-      assert.blockAttributes([ 0, 0 ], [])
-      return done()
+  test("backspacing a nested quote", (done) => {
+    clickToolbarButton({ attribute: "quote" }, () => {
+      clickToolbarButton({ action: "increaseNestingLevel" }, () => {
+        assert.blockAttributes([ 0, 1 ], [ "quote", "quote" ])
+        pressKey("backspace", () => {
+          assert.blockAttributes([ 0, 1 ], [ "quote" ])
+          pressKey("backspace", () => {
+            assert.blockAttributes([ 0, 1 ], [])
+            done()
+          })
+        })
+      })
     })
-  }))
+  })
 
-  test("backspacing a nested list item", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
-    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
-    return pressKey("backspace", function() {
-      assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
-      return expectDocument("a\n\n")
+  test("backspacing a list item", (done) => {
+    clickToolbarButton({ attribute: "bullet" }, () => {
+      assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+      pressKey("backspace", () => {
+        assert.blockAttributes([ 0, 0 ], [])
+        done()
+      })
     })
-  }))))
+  })
 
-  test("backspacing a list item inside a quote", done => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ attribute: "bullet" }, function() {
-    assert.blockAttributes([ 0, 1 ], [ "quote", "bulletList", "bullet" ])
-    return pressKey("backspace", function() {
-      assert.blockAttributes([ 0, 1 ], [ "quote" ])
-      return pressKey("backspace", function() {
-        assert.blockAttributes([ 0, 1 ], [])
-        return done()
+  test("backspacing a nested list item", (expectDocument) => {
+    clickToolbarButton({ attribute: "bullet" }, () => {
+      typeCharacters("a\n", () => {
+        clickToolbarButton({ action: "increaseNestingLevel" }, () => {
+          assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
+          pressKey("backspace", () => {
+            assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+            expectDocument("a\n\n")
+          })
+        })
       })
     })
-  })))
+  })
 
-  test("backspacing selected nested list items", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("b", function() {
-    getSelectionManager().setLocationRange([ { index: 0, offset: 0 }, { index: 1, offset: 1 } ])
-    return pressKey("backspace", function() {
-      assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
-      return expectDocument("\n")
+  test("backspacing a list item inside a quote", (done) => {
+    clickToolbarButton({ attribute: "quote" }, () => {
+      clickToolbarButton({ attribute: "bullet" }, () => {
+        assert.blockAttributes([ 0, 1 ], [ "quote", "bulletList", "bullet" ])
+        pressKey("backspace", () => {
+          assert.blockAttributes([ 0, 1 ], [ "quote" ])
+          pressKey("backspace", () => {
+            assert.blockAttributes([ 0, 1 ], [])
+            done()
+          })
+        })
+      })
     })
-  })))))
-
-  test("backspace selection spanning formatted blocks", expectDocument => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("ab\n\n", () => clickToolbarButton({ attribute: "code" }, () => typeCharacters("cd", function() {
-    getSelectionManager().setLocationRange([ { index: 0, offset: 1 }, { index: 1, offset: 1 } ])
-    getComposition().deleteInDirection("backward")
-    assert.blockAttributes([ 0, 2 ], [ "quote" ])
-    return expectDocument("ad\n")
-  })))))
-
-  test("backspace selection spanning and entire formatted block and a formatted block", expectDocument => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("ab\n\n", () => clickToolbarButton({ attribute: "code" }, () => typeCharacters("cd", function() {
-    getSelectionManager().setLocationRange([ { index: 0, offset: 0 }, { index: 1, offset: 1 } ])
-    getComposition().deleteInDirection("backward")
-    assert.blockAttributes([ 0, 2 ], [ "code" ])
-    return expectDocument("d\n")
-  })))))
-
-  test("increasing list level", function(done) {
+  })
+
+  test("backspacing selected nested list items", (expectDocument) => {
+    clickToolbarButton({ attribute: "bullet" }, () => {
+      typeCharacters("a\n", () => {
+        clickToolbarButton({ action: "increaseNestingLevel" }, () => {
+          typeCharacters("b", () => {
+            getSelectionManager().setLocationRange([
+              { index: 0, offset: 0 },
+              { index: 1, offset: 1 },
+            ])
+            pressKey("backspace", () => {
+              assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+              expectDocument("\n")
+            })
+          })
+        })
+      })
+    })
+  })
+
+  test("backspace selection spanning formatted blocks", (expectDocument) => {
+    clickToolbarButton({ attribute: "quote" }, () => {
+      typeCharacters("ab\n\n", () => {
+        clickToolbarButton({ attribute: "code" }, () => {
+          typeCharacters("cd", () => {
+            getSelectionManager().setLocationRange([
+              { index: 0, offset: 1 },
+              { index: 1, offset: 1 },
+            ])
+            getComposition().deleteInDirection("backward")
+            assert.blockAttributes([ 0, 2 ], [ "quote" ])
+            expectDocument("ad\n")
+          })
+        })
+      })
+    })
+  })
+
+  test("backspace selection spanning and entire formatted block and a formatted block", (expectDocument) => {
+    clickToolbarButton({ attribute: "quote" }, () => {
+      typeCharacters("ab\n\n", () => {
+        clickToolbarButton({ attribute: "code" }, () => {
+          typeCharacters("cd", () => {
+            getSelectionManager().setLocationRange([
+              { index: 0, offset: 0 },
+              { index: 1, offset: 1 },
+            ])
+            getComposition().deleteInDirection("backward")
+            assert.blockAttributes([ 0, 2 ], [ "code" ])
+            expectDocument("d\n")
+          })
+        })
+      })
+    })
+  })
+
+  test("increasing list level", (done) => {
     assert.ok(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
     assert.ok(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
-    return clickToolbarButton({ attribute: "bullet" }, function() {
+    clickToolbarButton({ attribute: "bullet" }, () => {
       assert.ok(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
       assert.notOk(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
-      return typeCharacters("a\n", function() {
+      typeCharacters("a\n", () => {
         assert.notOk(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
         assert.notOk(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
-        return clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("b", function() {
-          assert.ok(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
-          assert.notOk(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
-          assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-          assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
-          return done()
-        }))
+        clickToolbarButton({ action: "increaseNestingLevel" }, () => {
+          typeCharacters("b", () => {
+            assert.ok(isToolbarButtonDisabled({ action: "increaseNestingLevel" }))
+            assert.notOk(isToolbarButtonDisabled({ action: "decreaseNestingLevel" }))
+            assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+            assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
+            done()
+          })
+        })
       })
     })
   })
 
-  test("changing list type", done => clickToolbarButton({ attribute: "bullet" }, function() {
-    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
-    return clickToolbarButton({ attribute: "number" }, function() {
-      assert.blockAttributes([ 0, 1 ], [ "numberList", "number" ])
-      return done()
-    })
-  }))
-
-  test("adding bullet to heading block", done => clickToolbarButton({ attribute: "heading1" }, () => clickToolbarButton({ attribute: "bullet" }, function() {
-    assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
-    assert.blockAttributes([ 1, 2 ], [])
-    return done()
-  })))
-
-  test("removing bullet from heading block", done => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "heading1" }, function() {
-    assert.ok(isToolbarButtonDisabled({ attribute: "bullet" }))
-    return done()
-  })))
-
-  test("breaking out of heading in list", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "heading1" }, function() {
-    assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
-    return typeCharacters("abc", () => typeCharacters("\n", function() {
-      assert.ok(isToolbarButtonActive({ attribute: "bullet" }))
-      const document = getDocument()
-      assert.equal(document.getBlockCount(), 2)
-      assert.blockAttributes([ 0, 4 ], [ "bulletList", "bullet", "heading1" ])
-      assert.blockAttributes([ 4, 5 ], [ "bulletList", "bullet" ])
-      return expectDocument("abc\n\n")
+  test("changing list type", (done) =>
+    clickToolbarButton({ attribute: "bullet" }, () => {
+      assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+      clickToolbarButton({ attribute: "number" }, () => {
+        assert.blockAttributes([ 0, 1 ], [ "numberList", "number" ])
+        done()
+      })
     }))
-  })))
 
-  test("breaking out of middle of heading block", expectDocument => clickToolbarButton({ attribute: "heading1" }, () => typeCharacters("abc", function() {
-    assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
-    return moveCursor({ direction: "left", times: 1 }, () => typeCharacters("\n", function() {
-      const document = getDocument()
-      assert.equal(document.getBlockCount(), 2)
-      assert.blockAttributes([ 0, 3 ], [ "heading1" ])
-      assert.blockAttributes([ 3, 4 ], [ "heading1" ])
-      return expectDocument("ab\nc\n")
-    }))
-  })))
+  test("adding bullet to heading block", (done) =>
+    clickToolbarButton({ attribute: "heading1" }, () =>
+      clickToolbarButton({ attribute: "bullet" }, () => {
+        assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
+        assert.blockAttributes([ 1, 2 ], [])
+        done()
+      })
+    ))
+
+  test("removing bullet from heading block", (done) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      clickToolbarButton({ attribute: "heading1" }, () => {
+        assert.ok(isToolbarButtonDisabled({ attribute: "bullet" }))
+        done()
+      })
+    ))
+
+  test("breaking out of heading in list", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      clickToolbarButton({ attribute: "heading1" }, () => {
+        assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
+        typeCharacters("abc", () => {
+          typeCharacters("\n", () => {
+            assert.ok(isToolbarButtonActive({ attribute: "bullet" }))
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 2)
+            assert.blockAttributes([ 0, 4 ], [ "bulletList", "bullet", "heading1" ])
+            assert.blockAttributes([ 4, 5 ], [ "bulletList", "bullet" ])
+            expectDocument("abc\n\n")
+          })
+        })
+      })
+    ))
+
+  test("breaking out of middle of heading block", (expectDocument) =>
+    clickToolbarButton({ attribute: "heading1" }, () =>
+      typeCharacters("abc", () => {
+        assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
+        moveCursor({ direction: "left", times: 1 }, () => {
+          typeCharacters("\n", () => {
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 2)
+            assert.blockAttributes([ 0, 3 ], [ "heading1" ])
+            assert.blockAttributes([ 3, 4 ], [ "heading1" ])
+            expectDocument("ab\nc\n")
+          })
+        })
+      })
+    ))
 
-  test("breaking out of middle of heading block with preceding blocks", function(expectDocument) {
+  test("breaking out of middle of heading block with preceding blocks", (expectDocument) => {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("a"), [ "heading1" ]),
-        new Block(Text.textForStringWithAttributes("b"), []),
-        new Block(Text.textForStringWithAttributes("cd"), [ "heading1" ])
-      ])
+      new Block(Text.textForStringWithAttributes("a"), [ "heading1" ]),
+      new Block(Text.textForStringWithAttributes("b"), []),
+      new Block(Text.textForStringWithAttributes("cd"), [ "heading1" ]),
+    ])
 
     replaceDocument(document)
     getEditor().setSelectedRange(5)
     assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
 
-    return typeCharacters("\n", function() {
+    typeCharacters("\n", () => {
       document = getDocument()
       assert.equal(document.getBlockCount(), 4)
       assert.blockAttributes([ 0, 1 ], [ "heading1" ])
       assert.blockAttributes([ 2, 3 ], [])
       assert.blockAttributes([ 4, 5 ], [ "heading1" ])
       assert.blockAttributes([ 6, 7 ], [ "heading1" ])
-      return expectDocument("a\nb\nc\nd\n")
+      expectDocument("a\nb\nc\nd\n")
     })
   })
 
-  test("breaking out of end of heading block with preceding blocks", function(expectDocument) {
+  test("breaking out of end of heading block with preceding blocks", (expectDocument) => {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("a"), [ "heading1" ]),
-        new Block(Text.textForStringWithAttributes("b"), []),
-        new Block(Text.textForStringWithAttributes("cd"), [ "heading1" ])
-      ])
+      new Block(Text.textForStringWithAttributes("a"), [ "heading1" ]),
+      new Block(Text.textForStringWithAttributes("b"), []),
+      new Block(Text.textForStringWithAttributes("cd"), [ "heading1" ]),
+    ])
 
     replaceDocument(document)
     getEditor().setSelectedRange(6)
     assert.ok(isToolbarButtonActive({ attribute: "heading1" }))
 
-    return typeCharacters("\n", function() {
+    typeCharacters("\n", () => {
       document = getDocument()
       assert.equal(document.getBlockCount(), 4)
       assert.blockAttributes([ 0, 1 ], [ "heading1" ])
       assert.blockAttributes([ 2, 3 ], [])
       assert.blockAttributes([ 4, 6 ], [ "heading1" ])
       assert.blockAttributes([ 7, 8 ], [])
-      return expectDocument("a\nb\ncd\n\n")
+      expectDocument("a\nb\ncd\n\n")
     })
   })
 
-  test("inserting newline before heading", function(done) {
+  test("inserting newline before heading", (done) => {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("\n"), []),
-        new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ])
-      ])
+      new Block(Text.textForStringWithAttributes("\n"), []),
+      new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ]),
+    ])
 
     replaceDocument(document)
     getEditor().setSelectedRange(0)
 
-    return typeCharacters("\n", function() {
+    typeCharacters("\n", () => {
       document = getDocument()
       assert.equal(document.getBlockCount(), 2)
 
@@ -407,20 +524,20 @@ mno\
       assert.deepEqual(block.getAttributes(), [ "heading1" ])
       assert.equal(block.toString(), "abc\n")
 
-      return done()
+      done()
     })
   })
 
-  test("inserting multiple newlines before heading", function(done) {
+  test("inserting multiple newlines before heading", (done) => {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("\n"), []),
-        new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ])
-      ])
+      new Block(Text.textForStringWithAttributes("\n"), []),
+      new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ]),
+    ])
 
     replaceDocument(document)
     getEditor().setSelectedRange(0)
 
-    return typeCharacters("\n\n", function() {
+    typeCharacters("\n\n", () => {
       document = getDocument()
       assert.equal(document.getBlockCount(), 2)
 
@@ -431,174 +548,224 @@ mno\
       block = document.getBlockAtIndex(1)
       assert.deepEqual(block.getAttributes(), [ "heading1" ])
       assert.equal(block.toString(), "abc\n")
-      return done()
+      done()
     })
   })
 
-  test("inserting multiple newlines before formatted block", function(expectDocument) {
+  test("inserting multiple newlines before formatted block", (expectDocument) => {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("\n"), []),
-        new Block(Text.textForStringWithAttributes("abc"), [ "quote" ])
-      ])
+      new Block(Text.textForStringWithAttributes("\n"), []),
+      new Block(Text.textForStringWithAttributes("abc"), [ "quote" ]),
+    ])
 
     replaceDocument(document)
     getEditor().setSelectedRange(1)
 
-    return typeCharacters("\n\n", function() {
+    typeCharacters("\n\n", () => {
       document = getDocument()
       assert.equal(document.getBlockCount(), 2)
       assert.blockAttributes([ 0, 1 ], [])
       assert.blockAttributes([ 2, 3 ], [])
       assert.blockAttributes([ 4, 6 ], [ "quote" ])
       assert.locationRange({ index: 0, offset: 3 })
-      return expectDocument("\n\n\n\nabc\n")
+      expectDocument("\n\n\n\nabc\n")
     })
   })
 
-  test("inserting newline after heading with text in following block", function(expectDocument) {
+  test("inserting newline after heading with text in following block", (expectDocument) => {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("ab"), [ "heading1" ]),
-        new Block(Text.textForStringWithAttributes("cd"), [])
-      ])
+      new Block(Text.textForStringWithAttributes("ab"), [ "heading1" ]),
+      new Block(Text.textForStringWithAttributes("cd"), []),
+    ])
 
     replaceDocument(document)
     getEditor().setSelectedRange(2)
 
-    return typeCharacters("\n", function() {
+    typeCharacters("\n", () => {
       document = getDocument()
       assert.equal(document.getBlockCount(), 3)
       assert.blockAttributes([ 0, 2 ], [ "heading1" ])
       assert.blockAttributes([ 3, 4 ], [])
       assert.blockAttributes([ 5, 6 ], [])
-      return expectDocument("ab\n\ncd\n")
+      expectDocument("ab\n\ncd\n")
     })
   })
 
-  test("backspacing a newline in an empty block with adjacent formatted blocks", function(expectDocument) {
+  test("backspacing a newline in an empty block with adjacent formatted blocks", (expectDocument) => {
     let document = new Document([
-        new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ]),
-        new Block,
-        new Block(Text.textForStringWithAttributes("d"), [ "heading1" ])
-      ])
+      new Block(Text.textForStringWithAttributes("abc"), [ "heading1" ]),
+      new Block(),
+      new Block(Text.textForStringWithAttributes("d"), [ "heading1" ]),
+    ])
 
     replaceDocument(document)
     getEditor().setSelectedRange(4)
 
-    return pressKey("backspace", function() {
+    pressKey("backspace", () => {
       document = getDocument()
       assert.equal(document.getBlockCount(), 2)
       assert.blockAttributes([ 0, 1 ], [ "heading1" ])
       assert.blockAttributes([ 2, 3 ], [ "heading1" ])
-      return expectDocument("abc\nd\n")
+      expectDocument("abc\nd\n")
     })
   })
 
-  test("backspacing a newline at beginning of non-formatted block", function(expectDocument) {
-     let document = new Document([
-         new Block(Text.textForStringWithAttributes("ab"), [ "heading1" ]),
-         new Block(Text.textForStringWithAttributes("\ncd"), [])
-       ])
-
-     replaceDocument(document)
-     getEditor().setSelectedRange(3)
-
-     return pressKey("backspace", function() {
-       document = getDocument()
-       assert.equal(document.getBlockCount(), 2)
-       assert.blockAttributes([ 0, 2 ], [ "heading1" ])
-       assert.blockAttributes([ 3, 5 ], [])
-       return expectDocument("ab\ncd\n")
-     })
-  })
+  test("backspacing a newline at beginning of non-formatted block", (expectDocument) => {
+    let document = new Document([
+      new Block(Text.textForStringWithAttributes("ab"), [ "heading1" ]),
+      new Block(Text.textForStringWithAttributes("\ncd"), []),
+    ])
 
-  test("inserting newline after single character header", expectDocument => clickToolbarButton({ attribute: "heading1" }, () => typeCharacters("a", () => typeCharacters("\n", function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 2)
-    assert.blockAttributes([ 0, 1 ], [ "heading1" ])
-    return expectDocument("a\n\n")
-  }))))
+    replaceDocument(document)
+    getEditor().setSelectedRange(3)
+
+    pressKey("backspace", () => {
+      document = getDocument()
+      assert.equal(document.getBlockCount(), 2)
+      assert.blockAttributes([ 0, 2 ], [ "heading1" ])
+      assert.blockAttributes([ 3, 5 ], [])
+      expectDocument("ab\ncd\n")
+    })
+  })
 
-  test("terminal attributes are only added once", function(expectDocument) {
-    replaceDocument(new Document([
+  test("inserting newline after single character header", (expectDocument) =>
+    clickToolbarButton({ attribute: "heading1" }, () =>
+      typeCharacters("a", () =>
+        typeCharacters("\n", () => {
+          const document = getDocument()
+          assert.equal(document.getBlockCount(), 2)
+          assert.blockAttributes([ 0, 1 ], [ "heading1" ])
+          expectDocument("a\n\n")
+        })
+      )
+    ))
+
+  test("terminal attributes are only added once", (expectDocument) => {
+    replaceDocument(
+      new Document([
         new Block(Text.textForStringWithAttributes("a"), []),
         new Block(Text.textForStringWithAttributes("b"), [ "heading1" ]),
-        new Block(Text.textForStringWithAttributes("c"), [])
-      ]))
-
-    return selectAll(() => clickToolbarButton({ attribute: "heading1" }, function() {
-      assert.equal(getDocument().getBlockCount(), 3)
-      assert.blockAttributes([ 0, 1 ], [ "heading1" ])
-      assert.blockAttributes([ 2, 3 ], [ "heading1" ])
-      assert.blockAttributes([ 4, 5 ], [ "heading1" ])
-      return expectDocument("a\nb\nc\n")
-    }))
+        new Block(Text.textForStringWithAttributes("c"), []),
+      ])
+    )
+
+    selectAll(() =>
+      clickToolbarButton({ attribute: "heading1" }, () => {
+        assert.equal(getDocument().getBlockCount(), 3)
+        assert.blockAttributes([ 0, 1 ], [ "heading1" ])
+        assert.blockAttributes([ 2, 3 ], [ "heading1" ])
+        assert.blockAttributes([ 4, 5 ], [ "heading1" ])
+        expectDocument("a\nb\nc\n")
+      })
+    )
   })
 
-  test("terminal attributes replace existing terminal attributes", function(expectDocument) {
-    replaceDocument(new Document([
+  test("terminal attributes replace existing terminal attributes", (expectDocument) => {
+    replaceDocument(
+      new Document([
         new Block(Text.textForStringWithAttributes("a"), []),
         new Block(Text.textForStringWithAttributes("b"), [ "heading1" ]),
-        new Block(Text.textForStringWithAttributes("c"), [])
-      ]))
-
-    return selectAll(() => clickToolbarButton({ attribute: "code" }, function() {
-      assert.equal(getDocument().getBlockCount(), 3)
-      assert.blockAttributes([ 0, 1 ], [ "code" ])
-      assert.blockAttributes([ 2, 3 ], [ "code" ])
-      assert.blockAttributes([ 4, 5 ], [ "code" ])
-      return expectDocument("a\nb\nc\n")
-    }))
+        new Block(Text.textForStringWithAttributes("c"), []),
+      ])
+    )
+
+    selectAll(() =>
+      clickToolbarButton({ attribute: "code" }, () => {
+        assert.equal(getDocument().getBlockCount(), 3)
+        assert.blockAttributes([ 0, 1 ], [ "code" ])
+        assert.blockAttributes([ 2, 3 ], [ "code" ])
+        assert.blockAttributes([ 4, 5 ], [ "code" ])
+        expectDocument("a\nb\nc\n")
+      })
+    )
   })
 
-  test("code blocks preserve newlines", expectDocument => typeCharacters("a\nb", () => selectAll(() => clickToolbarButton({ attribute: "code" }, function() {
-    assert.equal(getDocument().getBlockCount(), 1)
-    assert.blockAttributes([ 0, 3 ], [ "code" ])
-    return expectDocument("a\nb\n")
-  }))))
-
-  test("code blocks are not indentable", done => clickToolbarButton({ attribute: "code" }, function() {
-    assert.notOk(isToolbarButtonActive({ action: "increaseNestingLevel" }))
-    return done()
-  }))
-
-  test("code blocks are terminal", done => clickToolbarButton({ attribute: "code" }, function() {
-    assert.ok(isToolbarButtonDisabled({ attribute: "quote" }))
-    assert.ok(isToolbarButtonDisabled({ attribute: "heading1" }))
-    assert.ok(isToolbarButtonDisabled({ attribute: "bullet" }))
-    assert.ok(isToolbarButtonDisabled({ attribute: "number" }))
-    assert.notOk(isToolbarButtonDisabled({ attribute: "code" }))
-    assert.notOk(isToolbarButtonDisabled({ attribute: "bold" }))
-    assert.notOk(isToolbarButtonDisabled({ attribute: "italic" }))
-    return done()
-  }))
-
-  test("unindenting a code block inside a bullet", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "code" }, () => typeCharacters("a", () => clickToolbarButton({ action: "decreaseNestingLevel" }, function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 1)
-    assert.blockAttributes([ 0, 1 ], [ "code" ])
-    return expectDocument("a\n")
-  })))))
-
-  test("indenting a heading inside a bullet", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a", () => typeCharacters("\n", () => clickToolbarButton({ attribute: "heading1" }, () => typeCharacters("b", () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 2)
-    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet", "heading1" ])
-    return expectDocument("a\nb\n")
-  })))))))
-
-  test("indenting a quote inside a bullet", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 1)
-    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet", "quote", "quote" ])
-    return expectDocument("\n")
-  }))))
-
-  return test("list indentation constraints consider the list type", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n\n", () => clickToolbarButton({ attribute: "number" }, () => clickToolbarButton({ action: "increaseNestingLevel" }, function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 2)
-    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 2, 3 ], [ "numberList", "number" ])
-    return expectDocument("a\n\n")
-  })))))
+  test("code blocks preserve newlines", (expectDocument) =>
+    typeCharacters("a\nb", () =>
+      selectAll(() =>
+        clickToolbarButton({ attribute: "code" }, () => {
+          assert.equal(getDocument().getBlockCount(), 1)
+          assert.blockAttributes([ 0, 3 ], [ "code" ])
+          expectDocument("a\nb\n")
+        })
+      )
+    ))
+
+  test("code blocks are not indentable", (done) =>
+    clickToolbarButton({ attribute: "code" }, () => {
+      assert.notOk(isToolbarButtonActive({ action: "increaseNestingLevel" }))
+      done()
+    }))
+
+  test("code blocks are terminal", (done) =>
+    clickToolbarButton({ attribute: "code" }, () => {
+      assert.ok(isToolbarButtonDisabled({ attribute: "quote" }))
+      assert.ok(isToolbarButtonDisabled({ attribute: "heading1" }))
+      assert.ok(isToolbarButtonDisabled({ attribute: "bullet" }))
+      assert.ok(isToolbarButtonDisabled({ attribute: "number" }))
+      assert.notOk(isToolbarButtonDisabled({ attribute: "code" }))
+      assert.notOk(isToolbarButtonDisabled({ attribute: "bold" }))
+      assert.notOk(isToolbarButtonDisabled({ attribute: "italic" }))
+      done()
+    }))
+
+  test("unindenting a code block inside a bullet", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      clickToolbarButton({ attribute: "code" }, () =>
+        typeCharacters("a", () =>
+          clickToolbarButton({ action: "decreaseNestingLevel" }, () => {
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 1)
+            assert.blockAttributes([ 0, 1 ], [ "code" ])
+            expectDocument("a\n")
+          })
+        )
+      )
+    ))
+
+  test("indenting a heading inside a bullet", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("a", () =>
+        typeCharacters("\n", () =>
+          clickToolbarButton({ attribute: "heading1" }, () =>
+            typeCharacters("b", () =>
+              clickToolbarButton({ action: "increaseNestingLevel" }, () => {
+                const document = getDocument()
+                assert.equal(document.getBlockCount(), 2)
+                assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+                assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet", "heading1" ])
+                expectDocument("a\nb\n")
+              })
+            )
+          )
+        )
+      )
+    ))
+
+  test("indenting a quote inside a bullet", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      clickToolbarButton({ attribute: "quote" }, () =>
+        clickToolbarButton({ action: "increaseNestingLevel" }, () => {
+          const document = getDocument()
+          assert.equal(document.getBlockCount(), 1)
+          assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet", "quote", "quote" ])
+          expectDocument("\n")
+        })
+      )
+    ))
+
+  test("list indentation constraints consider the list type", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("a\n\n", () =>
+        clickToolbarButton({ attribute: "number" }, () =>
+          clickToolbarButton({ action: "increaseNestingLevel" }, () => {
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 2)
+            assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+            assert.blockAttributes([ 2, 3 ], [ "numberList", "number" ])
+            expectDocument("a\n\n")
+          })
+        )
+      )
+    ))
 })
diff --git a/src/test/system/caching_test.js b/src/test/system/caching_test.js
index 74d34bb79..6786bffb2 100644
--- a/src/test/system/caching_test.js
+++ b/src/test/system/caching_test.js
@@ -1,29 +1,27 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { assert, clickToolbarButton, moveCursor, test, testGroup, typeCharacters } from "test/test_helper"
 
-testGroup("View caching", { template: "editor_empty" }, function() {
-  test("reparsing and rendering identical texts", done => typeCharacters("a\nb\na", () => moveCursor({ direction: "left", times: 2 }, () => clickToolbarButton({ attribute: "quote" }, function() {
-    const html = getEditorElement().innerHTML
-    getEditorController().reparse()
-    getEditorController().render()
-    assert.equal(getEditorElement().innerHTML, html)
-    return done()
-  }))))
+testGroup("View caching", { template: "editor_empty" }, () => {
+  test("reparsing and rendering identical texts", (done) =>
+    typeCharacters("a\nb\na", () =>
+      moveCursor({ direction: "left", times: 2 }, () =>
+        clickToolbarButton({ attribute: "quote" }, () => {
+          const html = getEditorElement().innerHTML
+          getEditorController().reparse()
+          getEditorController().render()
+          assert.equal(getEditorElement().innerHTML, html)
+          done()
+        })
+      )
+    ))
 
-  return test("reparsing and rendering identical blocks", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\na", function() {
-    const html = getEditorElement().innerHTML
-    getEditorController().reparse()
-    getEditorController().render()
-    assert.equal(getEditorElement().innerHTML, html)
-    return done()
-  })))
+  test("reparsing and rendering identical blocks", (done) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("a\na", () => {
+        const html = getEditorElement().innerHTML
+        getEditorController().reparse()
+        getEditorController().render()
+        assert.equal(getEditorElement().innerHTML, html)
+        done()
+      })
+    ))
 })
diff --git a/src/test/system/canceled_input_test.js b/src/test/system/canceled_input_test.js
index ce709aeec..e3804025a 100644
--- a/src/test/system/canceled_input_test.js
+++ b/src/test/system/canceled_input_test.js
@@ -1,13 +1,3 @@
-/* eslint-disable
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { pressKey, test, testGroup, typeCharacters } from "test/test_helper"
 
 const testOptions = {
@@ -15,45 +5,57 @@ const testOptions = {
   setup() {
     let handler
     addEventListener("keydown", cancel, true)
-    return addEventListener("trix-before-initialize", handler = function({ target }) {
-      removeEventListener("trix-before-initialize", handler)
-      return target.addEventListener("keydown", cancel)
-    }
+    addEventListener(
+      "trix-before-initialize",
+      handler = function ({ target }) {
+        removeEventListener("trix-before-initialize", handler)
+        target.addEventListener("keydown", cancel)
+      }
     )
   },
   teardown() {
-    return removeEventListener("keydown", cancel, true)
-  }
+    removeEventListener("keydown", cancel, true)
+  },
 }
 
 let cancelingInCapturingPhase = false
 let cancelingAtTarget = false
 
-var cancel = function(event) {
+const cancel = (event) => {
   switch (event.eventPhase) {
     case Event.prototype.CAPTURING_PHASE:
-      if (cancelingInCapturingPhase) { return event.preventDefault() }
+      if (cancelingInCapturingPhase) {
+        event.preventDefault()
+      }
       break
     case Event.prototype.AT_TARGET:
-      if (cancelingAtTarget) { return event.preventDefault() }
+      if (cancelingAtTarget) {
+        event.preventDefault()
+      }
       break
   }
 }
 
-testGroup("Canceled input", testOptions, function() {
-  test("ignoring canceled input events in capturing phase", expectDocument => typeCharacters("a", function() {
-    cancelingInCapturingPhase = true
-    return pressKey("backspace", () => pressKey("return", function() {
-      cancelingInCapturingPhase = false
-      return typeCharacters("b", () => expectDocument("ab\n"))
+testGroup("Canceled input", testOptions, () => {
+  test("ignoring canceled input events in capturing phase", (expectDocument) =>
+    typeCharacters("a", () => {
+      cancelingInCapturingPhase = true
+      pressKey("backspace", () =>
+        pressKey("return", () => {
+          cancelingInCapturingPhase = false
+          typeCharacters("b", () => expectDocument("ab\n"))
+        })
+      )
     }))
-  }))
 
-  return test("ignoring canceled input events at target", expectDocument => typeCharacters("a", function() {
-    cancelingAtTarget = true
-    return pressKey("backspace", () => pressKey("return", function() {
-      cancelingAtTarget = false
-      return typeCharacters("b", () => expectDocument("ab\n"))
+  test("ignoring canceled input events at target", (expectDocument) =>
+    typeCharacters("a", () => {
+      cancelingAtTarget = true
+      pressKey("backspace", () =>
+        pressKey("return", () => {
+          cancelingAtTarget = false
+          typeCharacters("b", () => expectDocument("ab\n"))
+        })
+      )
     }))
-  }))
 })
diff --git a/src/test/system/composition_input_test.js b/src/test/system/composition_input_test.js
index 3565e5adc..69d85c2af 100644
--- a/src/test/system/composition_input_test.js
+++ b/src/test/system/composition_input_test.js
@@ -1,78 +1,111 @@
-/* eslint-disable
-    no-undef,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 
-import { assert, clickToolbarButton, defer, endComposition, insertNode,
-  pressKey, selectNode, startComposition, test, testGroup, testIf,
-  triggerEvent, triggerInputEvent, typeCharacters, updateComposition } from "test/test_helper"
-
-testGroup("Composition input", { template: "editor_empty" }, function() {
-  test("composing", expectDocument => startComposition("a", () => updateComposition("ab", () => endComposition("abc", () => expectDocument("abc\n")))))
-
-  test("typing and composing", expectDocument => typeCharacters("a", () => startComposition("b", () => updateComposition("bc", () => endComposition("bcd", () => typeCharacters("e", () => expectDocument("abcde\n")))))))
-
-  test("composition input is serialized", expectDocument => startComposition("´", () => endComposition("é", function() {
-    assert.equal(getEditorElement().value, "<div>é</div>")
-    return expectDocument("é\n")
-  })))
-
-  test("pressing return after a canceled composition", expectDocument => typeCharacters("ab", function() {
-    triggerEvent(document.activeElement, "compositionend", { data: "ab" })
-    return pressKey("return", () => expectDocument("ab\n\n"))
-  }))
-
-  test("composing formatted text", expectDocument => typeCharacters("abc", () => clickToolbarButton({ attribute: "bold" }, () => startComposition("d", () => updateComposition("de", () => endComposition("def", function() {
-    assert.textAttributes([ 0, 3 ], {})
-    assert.textAttributes([ 3, 6 ], { bold: true })
-    return expectDocument("abcdef\n")
-  }))))))
-
-  test("composing away from formatted text", expectDocument => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("abc", () => clickToolbarButton({ attribute: "bold" }, () => startComposition("d", () => updateComposition("de", () => endComposition("def", function() {
-    assert.textAttributes([ 0, 3 ], { bold: true })
-    assert.textAttributes([ 3, 6 ], {})
-    return expectDocument("abcdef\n")
-  })))))))
-
-  test("composing another language using a QWERTY keyboard", function(expectDocument) {
+import {
+  assert,
+  clickToolbarButton,
+  defer,
+  endComposition,
+  insertNode,
+  pressKey,
+  selectNode,
+  startComposition,
+  test,
+  testGroup,
+  testIf,
+  triggerEvent,
+  triggerInputEvent,
+  typeCharacters,
+  updateComposition,
+} from "test/test_helper"
+
+testGroup("Composition input", { template: "editor_empty" }, () => {
+  test("composing", (expectDocument) =>
+    startComposition("a", () => updateComposition("ab", () => endComposition("abc", () => expectDocument("abc\n")))))
+
+  test("typing and composing", (expectDocument) =>
+    typeCharacters("a", () =>
+      startComposition("b", () =>
+        updateComposition("bc", () => endComposition("bcd", () => typeCharacters("e", () => expectDocument("abcde\n"))))
+      )
+    ))
+
+  test("composition input is serialized", (expectDocument) =>
+    startComposition("´", () =>
+      endComposition("é", () => {
+        assert.equal(getEditorElement().value, "<div>é</div>")
+        expectDocument("é\n")
+      })
+    ))
+
+  test("pressing after a canceled composition", (expectDocument) =>
+    typeCharacters("ab", () => {
+      triggerEvent(document.activeElement, "compositionend", { data: "ab" })
+      pressKey("return", () => expectDocument("ab\n\n"))
+    }))
+
+  test("composing formatted text", (expectDocument) =>
+    typeCharacters("abc", () =>
+      clickToolbarButton({ attribute: "bold" }, () =>
+        startComposition("d", () =>
+          updateComposition("de", () =>
+            endComposition("def", () => {
+              assert.textAttributes([ 0, 3 ], {})
+              assert.textAttributes([ 3, 6 ], { bold: true })
+              expectDocument("abcdef\n")
+            })
+          )
+        )
+      )
+    ))
+
+  test("composing away from formatted text", (expectDocument) =>
+    clickToolbarButton({ attribute: "bold" }, () =>
+      typeCharacters("abc", () =>
+        clickToolbarButton({ attribute: "bold" }, () =>
+          startComposition("d", () =>
+            updateComposition("de", () =>
+              endComposition("def", () => {
+                assert.textAttributes([ 0, 3 ], { bold: true })
+                assert.textAttributes([ 3, 6 ], {})
+                expectDocument("abcdef\n")
+              })
+            )
+          )
+        )
+      )
+    ))
+
+  test("composing another language using a QWERTY keyboard", (expectDocument) => {
     const element = getEditorElement()
     const keyCodes = { x: 120, i: 105 }
 
     triggerEvent(element, "keypress", { charCode: keyCodes.x, keyCode: keyCodes.x, which: keyCodes.x })
-    return startComposition("x", function() {
+    startComposition("x", () => {
       triggerEvent(element, "keypress", { charCode: keyCodes.i, keyCode: keyCodes.i, which: keyCodes.i })
-      return updateComposition("xi", () => endComposition("喜", () => expectDocument("喜\n")))
+      updateComposition("xi", () => endComposition("喜", () => expectDocument("喜\n")))
     })
   })
 
   // Simulates the sequence of events when pressing backspace through a word on Android
-  testIf(config.input.getLevel() === 0, "backspacing through a composition", function(expectDocument) {
+  testIf(config.input.getLevel() === 0, "backspacing through a composition", (expectDocument) => {
     const element = getEditorElement()
     element.editor.insertString("a cat")
 
     triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
     triggerEvent(element, "compositionupdate", { data: "ca" })
     triggerEvent(element, "input")
-    return removeCharacters(-1, function() {
+    removeCharacters(-1, () => {
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
       triggerEvent(element, "compositionupdate", { data: "c" })
       triggerEvent(element, "input")
       triggerEvent(element, "compositionend", { data: "c" })
-      return removeCharacters(-1, () => pressKey("backspace", () => expectDocument("a \n")))
+      removeCharacters(-1, () => pressKey("backspace", () => expectDocument("a \n")))
     })
   })
 
   // Simulates the sequence of events when pressing backspace at the end of a
   // word and updating it on Android (running older versions of System WebView)
-  testIf(config.input.getLevel() === 0, "updating a composition", function(expectDocument) {
+  testIf(config.input.getLevel() === 0, "updating a composition", (expectDocument) => {
     const element = getEditorElement()
     element.editor.insertString("cat")
 
@@ -80,17 +113,17 @@ testGroup("Composition input", { template: "editor_empty" }, function() {
     triggerEvent(element, "compositionstart", { data: "cat" })
     triggerEvent(element, "compositionupdate", { data: "cat" })
     triggerEvent(element, "input")
-    return removeCharacters(-1, function() {
+    removeCharacters(-1, () => {
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
       triggerEvent(element, "compositionupdate", { data: "car" })
       triggerEvent(element, "input")
       triggerEvent(element, "compositionend", { data: "car" })
-      return insertNode(document.createTextNode("r"), () => expectDocument("car\n"))
+      insertNode(document.createTextNode("r"), () => expectDocument("car\n"))
     })
   })
 
   // Simulates the sequence of events when typing on Android and then tapping elsewhere
-  testIf(config.input.getLevel() === 0, "leaving a composition", function(expectDocument) {
+  testIf(config.input.getLevel() === 0, "leaving a composition", (expectDocument) => {
     const element = getEditorElement()
 
     triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
@@ -101,44 +134,45 @@ testGroup("Composition input", { template: "editor_empty" }, function() {
     const node = document.createTextNode("c")
     insertNode(node)
     selectNode(node)
-    return defer(function() {
+    defer(() => {
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
       triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data: "ca" })
       triggerEvent(element, "compositionupdate", { data: "ca" })
       triggerEvent(element, "input")
       node.data = "ca"
-      return defer(function() {
+      defer(() => {
         triggerEvent(element, "compositionend", { data: "" })
-        return defer(() => expectDocument("ca\n"))
+        defer(() => expectDocument("ca\n"))
       })
     })
   })
 
-  testIf(config.browser.composesExistingText, "composition events from cursor movement are ignored", function(expectDocument) {
-    const element = getEditorElement()
-    element.editor.insertString("ab ")
+  testIf(config.browser.composesExistingText, "composition events from cursor movement are ignored", (expectDocument) => {
+      const element = getEditorElement()
+      element.editor.insertString("ab ")
 
-    element.editor.setSelectedRange(0)
-    triggerEvent(element, "compositionstart", { data: "" })
-    triggerEvent(element, "compositionupdate", { data: "ab" })
-    return defer(function() {
-      element.editor.setSelectedRange(1)
+      element.editor.setSelectedRange(0)
+      triggerEvent(element, "compositionstart", { data: "" })
       triggerEvent(element, "compositionupdate", { data: "ab" })
-      return defer(function() {
-        element.editor.setSelectedRange(2)
+      defer(() => {
+        element.editor.setSelectedRange(1)
         triggerEvent(element, "compositionupdate", { data: "ab" })
-        return defer(function() {
-          element.editor.setSelectedRange(3)
-          triggerEvent(element, "compositionend", { data: "ab" })
-          return defer(() => expectDocument("ab \n"))
+        defer(() => {
+          element.editor.setSelectedRange(2)
+          triggerEvent(element, "compositionupdate", { data: "ab" })
+          defer(() => {
+            element.editor.setSelectedRange(3)
+            triggerEvent(element, "compositionend", { data: "ab" })
+            defer(() => expectDocument("ab \n"))
+          })
         })
       })
-    })
-  })
+    }
+  )
 
   // Simulates compositions in Firefox where the final composition data is
   // dispatched as both compositionupdate and compositionend.
-  return testIf(config.input.getLevel() === 0, "composition ending with same data as last update", function(expectDocument) {
+  testIf(config.input.getLevel() === 0, "composition ending with same data as last update", (expectDocument) => {
     const element = getEditorElement()
 
     triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
@@ -147,21 +181,21 @@ testGroup("Composition input", { template: "editor_empty" }, function() {
     const node = document.createTextNode("´")
     insertNode(node)
     selectNode(node)
-    return defer(function() {
+    defer(() => {
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
       triggerEvent(element, "compositionupdate", { data: "é" })
       triggerEvent(element, "input")
       node.data = "é"
-      return defer(function() {
+      defer(() => {
         triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
         triggerEvent(element, "compositionupdate", { data: "éé" })
         triggerEvent(element, "input")
         node.data = "éé"
-        return defer(function() {
+        defer(() => {
           triggerEvent(element, "compositionend", { data: "éé" })
-          return defer(function() {
+          defer(() => {
             assert.locationRange({ index: 0, offset: 2 })
-            return expectDocument("éé\n")
+            expectDocument("éé\n")
           })
         })
       })
@@ -169,10 +203,10 @@ testGroup("Composition input", { template: "editor_empty" }, function() {
   })
 })
 
-var removeCharacters = function(direction, callback) {
+const removeCharacters = function (direction, callback) {
   const selection = rangy.getSelection()
   const range = selection.getRangeAt(0)
   range.moveStart("character", direction)
   range.deleteContents()
-  return defer(callback)
+  defer(callback)
 }
diff --git a/src/test/system/cursor_movement_test.js b/src/test/system/cursor_movement_test.js
index 02dc85abf..860271866 100644
--- a/src/test/system/cursor_movement_test.js
+++ b/src/test/system/cursor_movement_test.js
@@ -1,78 +1,80 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-import { assert, createFile, expandSelection, insertFile, insertString, moveCursor, test, testGroup } from "test/test_helper"
+import {
+  assert,
+  createFile,
+  expandSelection,
+  insertFile,
+  insertString,
+  moveCursor,
+  test,
+  testGroup,
+} from "test/test_helper"
 
-testGroup("Cursor movement", { template: "editor_empty" }, function() {
-  test("move cursor around attachment", function(done) {
+testGroup("Cursor movement", { template: "editor_empty" }, () => {
+  test("move cursor around attachment", (done) => {
     insertFile(createFile())
     assert.locationRange({ index: 0, offset: 1 })
-    return moveCursor("left", function() {
+    moveCursor("left", () => {
       assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 1 })
-      return moveCursor("left", function() {
+      moveCursor("left", () => {
         assert.locationRange({ index: 0, offset: 0 })
-        return moveCursor("right", function() {
+        moveCursor("right", () => {
           assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 1 })
-          return moveCursor("right", function() {
+          moveCursor("right", () => {
             assert.locationRange({ index: 0, offset: 1 })
-            return done()
+            done()
           })
         })
       })
     })
   })
 
-  test("move cursor around attachment and text", function(done) {
+  test("move cursor around attachment and text", (done) => {
     insertString("a")
     insertFile(createFile())
     insertString("b")
     assert.locationRange({ index: 0, offset: 3 })
-    return moveCursor("left", function() {
+    moveCursor("left", () => {
       assert.locationRange({ index: 0, offset: 2 })
-      return moveCursor("left", function() {
+      moveCursor("left", () => {
         assert.locationRange({ index: 0, offset: 1 }, { index: 0, offset: 2 })
-        return moveCursor("left", function() {
+        moveCursor("left", () => {
           assert.locationRange({ index: 0, offset: 1 })
-          return moveCursor("left", function() {
+          moveCursor("left", () => {
             assert.locationRange({ index: 0, offset: 0 })
-            return done()
+            done()
           })
         })
       })
     })
   })
 
-  test("expand selection over attachment", function(done) {
+  test("expand selection over attachment", (done) => {
     insertFile(createFile())
     assert.locationRange({ index: 0, offset: 1 })
-    return expandSelection("left", function() {
+    expandSelection("left", () => {
       assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 1 })
-      return moveCursor("left", function() {
+      moveCursor("left", () => {
         assert.locationRange({ index: 0, offset: 0 })
-        return expandSelection("right", function() {
+        expandSelection("right", () => {
           assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 1 })
-          return done()
+          done()
         })
       })
     })
   })
 
-  return test("expand selection over attachment and text", function(done) {
+  test("expand selection over attachment and text", (done) => {
     insertString("a")
     insertFile(createFile())
     insertString("b")
     assert.locationRange({ index: 0, offset: 3 })
-    return expandSelection("left", function() {
+    expandSelection("left", () => {
       assert.locationRange({ index: 0, offset: 2 }, { index: 0, offset: 3 })
-      return expandSelection("left", function() {
+      expandSelection("left", () => {
         assert.locationRange({ index: 0, offset: 1 }, { index: 0, offset: 3 })
-        return expandSelection("left", function() {
+        expandSelection("left", () => {
           assert.locationRange({ index: 0, offset: 0 }, { index: 0, offset: 3 })
-          return done()
+          done()
         })
       })
     })
diff --git a/src/test/system/custom_element_test.js b/src/test/system/custom_element_test.js
index c02f72072..747b0c1cb 100644
--- a/src/test/system/custom_element_test.js
+++ b/src/test/system/custom_element_test.js
@@ -1,22 +1,26 @@
-/* eslint-disable
-    no-undef,
-    no-unused-vars,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { rangesAreEqual } from "trix/core/helpers"
 
-import { TEST_IMAGE_URL, after, assert, clickElement, clickToolbarButton, createFile,
-  defer, insertImageAttachment, moveCursor, pasteContent, skip, test, testGroup,
-  testIf, triggerEvent, typeCharacters, typeInToolbarDialog } from "test/test_helper"
-
-testGroup("Custom element API", { template: "editor_empty" }, function() {
-  test("element triggers trix-initialize on first connect", function(done) {
+import {
+  TEST_IMAGE_URL,
+  after,
+  assert,
+  clickElement,
+  clickToolbarButton,
+  createFile,
+  defer,
+  insertImageAttachment,
+  moveCursor,
+  pasteContent,
+  test,
+  testGroup,
+  testIf,
+  triggerEvent,
+  typeCharacters,
+  typeInToolbarDialog,
+} from "test/test_helper"
+
+testGroup("Custom element API", { template: "editor_empty" }, () => {
+  test("element triggers trix-initialize on first connect", (done) => {
     const container = document.getElementById("trix-container")
     container.innerHTML = ""
 
@@ -25,147 +29,147 @@ testGroup("Custom element API", { template: "editor_empty" }, function() {
     element.addEventListener("trix-initialize", () => initializeEventCount++)
 
     container.appendChild(element)
-    return requestAnimationFrame(function() {
+    requestAnimationFrame(() => {
       container.removeChild(element)
-      return requestAnimationFrame(function() {
+      requestAnimationFrame(() => {
         container.appendChild(element)
-        return after(60, function() {
+        after(60, () => {
           assert.equal(initializeEventCount, 1)
-          return done()
+          done()
         })
       })
     })
   })
 
-  test("files are accepted by default", function() {
+  test("files are accepted by default", () => {
     getComposition().insertFile(createFile())
-    return assert.equal(getComposition().getAttachments().length, 1)
+    assert.equal(getComposition().getAttachments().length, 1)
   })
 
-  test("rejecting a file by canceling the trix-file-accept event", function() {
-    getEditorElement().addEventListener("trix-file-accept", event => event.preventDefault())
+  test("rejecting a file by canceling the trix-file-accept event", () => {
+    getEditorElement().addEventListener("trix-file-accept", (event) => event.preventDefault())
     getComposition().insertFile(createFile())
-    return assert.equal(getComposition().getAttachments().length, 0)
+    assert.equal(getComposition().getAttachments().length, 0)
   })
 
-  test("element triggers attachment events", function() {
+  test("element triggers attachment events", () => {
     const file = createFile()
     const element = getEditorElement()
     const composition = getComposition()
     let attachment = null
     const events = []
 
-    element.addEventListener("trix-file-accept", function(event) {
+    element.addEventListener("trix-file-accept", function (event) {
       events.push(event.type)
-      return assert.ok(file === event.file)
+      assert.ok(file === event.file)
     })
 
-    element.addEventListener("trix-attachment-add", function(event) {
+    element.addEventListener("trix-attachment-add", function (event) {
       events.push(event.type)
-      return attachment = event.attachment
+      attachment = event.attachment
     })
 
     composition.insertFile(file)
     assert.deepEqual(events, [ "trix-file-accept", "trix-attachment-add" ])
 
-    element.addEventListener("trix-attachment-remove", function(event) {
+    element.addEventListener("trix-attachment-remove", function (event) {
       events.push(event.type)
-      return assert.ok(attachment === event.attachment)
+      assert.ok(attachment === event.attachment)
     })
 
     attachment.remove()
-    return assert.deepEqual(events, [ "trix-file-accept", "trix-attachment-add", "trix-attachment-remove" ])
-})
+    assert.deepEqual(events, [ "trix-file-accept", "trix-attachment-add", "trix-attachment-remove" ])
+  })
 
-  test("element triggers trix-change when an attachment is edited", function() {
+  test("element triggers trix-change when an attachment is edited", () => {
     const file = createFile()
     const element = getEditorElement()
     const composition = getComposition()
     let attachment = null
     const events = []
 
-    element.addEventListener("trix-attachment-add", event => attachment = event.attachment)
+    element.addEventListener("trix-attachment-add", (event) => attachment = event.attachment)
 
     composition.insertFile(file)
 
-    element.addEventListener("trix-attachment-edit", event => events.push(event.type))
+    element.addEventListener("trix-attachment-edit", (event) => events.push(event.type))
 
-    element.addEventListener("trix-change", event => events.push(event.type))
+    element.addEventListener("trix-change", (event) => events.push(event.type))
 
     attachment.setAttributes({ width: 9876 })
-    return assert.deepEqual(events, [ "trix-attachment-edit", "trix-change" ])
-})
+    assert.deepEqual(events, [ "trix-attachment-edit", "trix-change" ])
+  })
 
-  test("editing the document in a trix-attachment-add handler doesn't trigger trix-attachment-add again", function() {
+  test("editing the document in a trix-attachment-add handler doesn't trigger trix-attachment-add again", () => {
     const element = getEditorElement()
     const composition = getComposition()
     let eventCount = 0
 
-    element.addEventListener("trix-attachment-add", function() {
+    element.addEventListener("trix-attachment-add", () => {
       if (eventCount++ === 0) {
         element.editor.setSelectedRange([ 0, 1 ])
-        return element.editor.activateAttribute("bold")
+        element.editor.activateAttribute("bold")
       }
     })
 
     composition.insertFile(createFile())
-    return assert.equal(eventCount, 1)
+    assert.equal(eventCount, 1)
   })
 
-  test("element triggers trix-change events when the document changes", function(done) {
+  test("element triggers trix-change events when the document changes", (done) => {
     const element = getEditorElement()
     let eventCount = 0
-    element.addEventListener("trix-change", event => eventCount++)
+    element.addEventListener("trix-change", (event) => eventCount++)
 
-    return typeCharacters("a", function() {
+    typeCharacters("a", () => {
       assert.equal(eventCount, 1)
-      return moveCursor("left", function() {
+      moveCursor("left", () => {
         assert.equal(eventCount, 1)
-        return typeCharacters("bcd", function() {
+        typeCharacters("bcd", () => {
           assert.equal(eventCount, 4)
-          return clickToolbarButton({ action: "undo" }, function() {
+          clickToolbarButton({ action: "undo" }, () => {
             assert.equal(eventCount, 5)
-            return done()
+            done()
           })
         })
       })
     })
   })
 
-  test("element triggers trix-change event after toggling attributes", function(done) {
+  test("element triggers trix-change event after toggling attributes", (done) => {
     const element = getEditorElement()
-    const {
-      editor
-    } = element
+    const { editor } = element
 
-    const afterChangeEvent = function(edit, callback) {
+    const afterChangeEvent = function (edit, callback) {
       let handler
-      element.addEventListener("trix-change", handler = function(event) {
-        element.removeEventListener("trix-change", handler)
-        return callback(event)
-      }
+      element.addEventListener(
+        "trix-change",
+        handler = function (event) {
+          element.removeEventListener("trix-change", handler)
+          callback(event)
+        }
       )
-      return edit()
+      edit()
     }
 
-    return typeCharacters("hello", function() {
+    typeCharacters("hello", () => {
       let edit = () => editor.activateAttribute("quote")
-      return afterChangeEvent(edit, function() {
+      afterChangeEvent(edit, () => {
         assert.ok(editor.attributeIsActive("quote"))
 
         edit = () => editor.deactivateAttribute("quote")
-        return afterChangeEvent(edit, function() {
+        afterChangeEvent(edit, () => {
           assert.notOk(editor.attributeIsActive("quote"))
 
           editor.setSelectedRange([ 0, 5 ])
           edit = () => editor.activateAttribute("bold")
-          return afterChangeEvent(edit, function() {
+          afterChangeEvent(edit, () => {
             assert.ok(editor.attributeIsActive("bold"))
 
             edit = () => editor.deactivateAttribute("bold")
-            return afterChangeEvent(edit, function() {
+            afterChangeEvent(edit, () => {
               assert.notOk(editor.attributeIsActive("bold"))
-              return done()
+              done()
             })
           })
         })
@@ -173,42 +177,42 @@ testGroup("Custom element API", { template: "editor_empty" }, function() {
     })
   })
 
-  test("disabled attributes aren't considered active", function(done) {
+  test("disabled attributes aren't considered active", (done) => {
     const { editor } = getEditorElement()
     editor.activateAttribute("heading1")
     assert.notOk(editor.attributeIsActive("code"))
     assert.notOk(editor.attributeIsActive("quote"))
-    return done()
+    done()
   })
 
-  test("element triggers trix-selection-change events when the location range changes", function(done) {
+  test("element triggers trix-selection-change events when the location range changes", (done) => {
     const element = getEditorElement()
     let eventCount = 0
-    element.addEventListener("trix-selection-change", event => eventCount++)
+    element.addEventListener("trix-selection-change", (event) => eventCount++)
 
-    return typeCharacters("a", function() {
+    typeCharacters("a", () => {
       assert.equal(eventCount, 1)
-      return moveCursor("left", function() {
+      moveCursor("left", () => {
         assert.equal(eventCount, 2)
-        return done()
+        done()
       })
     })
   })
 
-  test("only triggers trix-selection-change events on the active element", function(done) {
+  test("only triggers trix-selection-change events on the active element", (done) => {
     const elementA = getEditorElement()
     const elementB = document.createElement("trix-editor")
     elementA.parentNode.insertBefore(elementB, elementA.nextSibling)
 
-    return elementB.addEventListener("trix-initialize", function() {
+    elementB.addEventListener("trix-initialize", () => {
       elementA.editor.insertString("a")
       elementB.editor.insertString("b")
       rangy.getSelection().removeAllRanges()
 
       let eventCountA = 0
       let eventCountB = 0
-      elementA.addEventListener("trix-selection-change", event => eventCountA++)
-      elementB.addEventListener("trix-selection-change", event => eventCountB++)
+      elementA.addEventListener("trix-selection-change", (event) => eventCountA++)
+      elementB.addEventListener("trix-selection-change", (event) => eventCountB++)
 
       elementA.editor.setSelectedRange(0)
       assert.equal(eventCountA, 1)
@@ -221,120 +225,130 @@ testGroup("Custom element API", { template: "editor_empty" }, function() {
       elementA.editor.setSelectedRange(1)
       assert.equal(eventCountA, 2)
       assert.equal(eventCountB, 1)
-      return done()
+      done()
     })
   })
 
-  test("element triggers toolbar dialog events", function(done) {
+  test("element triggers toolbar dialog events", (done) => {
     const element = getEditorElement()
     const events = []
 
-    element.addEventListener("trix-toolbar-dialog-show", event => events.push(event.type))
+    element.addEventListener("trix-toolbar-dialog-show", (event) => events.push(event.type))
 
-    element.addEventListener("trix-toolbar-dialog-hide", event => events.push(event.type))
+    element.addEventListener("trix-toolbar-dialog-hide", (event) => events.push(event.type))
 
-    return clickToolbarButton({ action: "link" }, () => typeInToolbarDialog("http://example.com", { attribute: "href" }, () => defer(function() {
-      assert.deepEqual(events, [ "trix-toolbar-dialog-show", "trix-toolbar-dialog-hide" ])
-      return done()
-    })))
+    clickToolbarButton({ action: "link" }, () =>
+      typeInToolbarDialog("http://example.com", { attribute: "href" }, () =>
+        defer(() => {
+          assert.deepEqual(events, [ "trix-toolbar-dialog-show", "trix-toolbar-dialog-hide" ])
+          done()
+        })
+      )
+    )
   })
 
-  test("element triggers before-paste event with paste data", function(expectDocument) {
+  test("element triggers before-paste event with paste data", (expectDocument) => {
     const element = getEditorElement()
     let eventCount = 0
     let paste = null
 
-    element.addEventListener("trix-before-paste", function(event) {
+    element.addEventListener("trix-before-paste", function (event) {
       eventCount++
-      return { paste } = event
+      paste = event.paste
     })
 
-    return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
-      assert.equal(eventCount, 1)
-      assert.equal(paste.type, "text/html")
-      assert.equal(paste.html, "<strong>hello</strong>")
-      return expectDocument("hello\n")
-    }))
+    typeCharacters("", () =>
+      pasteContent("text/html", "<strong>hello</strong>", () => {
+        assert.equal(eventCount, 1)
+        assert.equal(paste.type, "text/html")
+        assert.equal(paste.html, "<strong>hello</strong>")
+        expectDocument("hello\n")
+      })
+    )
   })
 
-  test("element triggers before-paste event with mutable paste data", function(expectDocument) {
+  test("element triggers before-paste event with mutable paste data", (expectDocument) => {
     const element = getEditorElement()
     let eventCount = 0
     let paste = null
 
-    element.addEventListener("trix-before-paste", function(event) {
-      eventCount++;
-      ({ paste } = event)
-      return paste.html = "<strong>greetings</strong>"
+    element.addEventListener("trix-before-paste", function (event) {
+      eventCount++
+      paste = event.paste
+      paste.html = "<strong>greetings</strong>"
     })
 
-    return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
-      assert.equal(eventCount, 1)
-      assert.equal(paste.type, "text/html")
-      return expectDocument("greetings\n")
-    }))
+    typeCharacters("", () =>
+      pasteContent("text/html", "<strong>hello</strong>", () => {
+        assert.equal(eventCount, 1)
+        assert.equal(paste.type, "text/html")
+        expectDocument("greetings\n")
+      })
+    )
   })
 
-  test("element triggers paste event with position range", function(done) {
+  test("element triggers paste event with position range", (done) => {
     const element = getEditorElement()
     let eventCount = 0
     let paste = null
 
-    element.addEventListener("trix-paste", function(event) {
+    element.addEventListener("trix-paste", function (event) {
       eventCount++
-      return { paste } = event
+      paste = event.paste
     })
 
-    return typeCharacters("", () => pasteContent("text/html", "<strong>hello</strong>", function() {
-      assert.equal(eventCount, 1)
-      assert.equal(paste.type, "text/html")
-      assert.ok(rangesAreEqual([ 0, 5 ], paste.range))
-      return done()
-    }))
+    typeCharacters("", () =>
+      pasteContent("text/html", "<strong>hello</strong>", () => {
+        assert.equal(eventCount, 1)
+        assert.equal(paste.type, "text/html")
+        assert.ok(rangesAreEqual([ 0, 5 ], paste.range))
+        done()
+      })
+    )
   })
 
-  test("element triggers attribute change events", function(done) {
+  test("element triggers attribute change events", (done) => {
     const element = getEditorElement()
     let eventCount = 0
     let attributes = null
 
-    element.addEventListener("trix-attributes-change", function(event) {
+    element.addEventListener("trix-attributes-change", function (event) {
       eventCount++
-      return { attributes } = event
+      attributes = event.attributes
     })
 
-    return typeCharacters("", function() {
+    typeCharacters("", () => {
       assert.equal(eventCount, 0)
-      return clickToolbarButton({ attribute: "bold" }, function() {
+      clickToolbarButton({ attribute: "bold" }, () => {
         assert.equal(eventCount, 1)
         assert.deepEqual({ bold: true }, attributes)
-        return done()
+        done()
       })
     })
   })
 
-  test("element triggers action change events", function(done) {
+  test("element triggers action change events", (done) => {
     const element = getEditorElement()
     let eventCount = 0
     let actions = null
 
-    element.addEventListener("trix-actions-change", function(event) {
+    element.addEventListener("trix-actions-change", function (event) {
       eventCount++
-      return { actions } = event
+      actions = event.actions
     })
 
-    return typeCharacters("", function() {
+    typeCharacters("", () => {
       assert.equal(eventCount, 0)
-      return clickToolbarButton({ attribute: "bullet" }, function() {
+      clickToolbarButton({ attribute: "bullet" }, () => {
         assert.equal(eventCount, 1)
         assert.equal(actions.decreaseNestingLevel, true)
         assert.equal(actions.increaseNestingLevel, false)
-        return done()
+        done()
       })
     })
   })
 
-  test("element triggers custom focus and blur events", function(done) {
+  test("element triggers custom focus and blur events", (done) => {
     const element = getEditorElement()
 
     let focusEventCount = 0
@@ -343,33 +357,35 @@ testGroup("Custom element API", { template: "editor_empty" }, function() {
     element.addEventListener("trix-blur", () => blurEventCount++)
 
     triggerEvent(element, "blur")
-    return defer(function() {
+    defer(() => {
       assert.equal(blurEventCount, 1)
       assert.equal(focusEventCount, 0)
 
       triggerEvent(element, "focus")
-      return defer(function() {
+      defer(() => {
         assert.equal(blurEventCount, 1)
         assert.equal(focusEventCount, 1)
 
         insertImageAttachment()
-        return after(20, () => clickElement(element.querySelector("figure"), function() {
-          const textarea = element.querySelector("textarea")
-          textarea.focus()
-          return defer(function() {
-            assert.equal(document.activeElement, textarea)
-            assert.equal(blurEventCount, 1)
-            assert.equal(focusEventCount, 1)
-            return done()
+        after(20, () =>
+          clickElement(element.querySelector("figure"), () => {
+            const textarea = element.querySelector("textarea")
+            textarea.focus()
+            defer(() => {
+              assert.equal(document.activeElement, textarea)
+              assert.equal(blurEventCount, 1)
+              assert.equal(focusEventCount, 1)
+              done()
+            })
           })
-        }))
+        )
       })
     })
   })
 
   // Selenium doesn't seem to focus windows properly in some browsers (FF 47 on OS X)
   // so skip this test when unfocused pending a better solution.
-  testIf(document.hasFocus(), "element triggers custom focus event when autofocusing", function(done) {
+  testIf(document.hasFocus(), "element triggers custom focus event when autofocusing", (done) => {
     const element = document.createElement("trix-editor")
     element.setAttribute("autofocus", "")
 
@@ -380,142 +396,139 @@ testGroup("Custom element API", { template: "editor_empty" }, function() {
     container.innerHTML = ""
     container.appendChild(element)
 
-    return element.addEventListener("trix-initialize", function() {
+    element.addEventListener("trix-initialize", () => {
       assert.equal(focusEventCount, 1)
-      return done()
+      done()
     })
   })
 
-  test("element serializes HTML after attribute changes", function(done) {
+  test("element serializes HTML after attribute changes", (done) => {
     const element = getEditorElement()
     let serializedHTML = element.value
 
-    return typeCharacters("a", function() {
+    typeCharacters("a", () => {
       assert.notEqual(serializedHTML, element.value)
       serializedHTML = element.value
 
-      return clickToolbarButton({ attribute: "quote" }, function() {
+      clickToolbarButton({ attribute: "quote" }, () => {
         assert.notEqual(serializedHTML, element.value)
         serializedHTML = element.value
 
-        return clickToolbarButton({ attribute: "quote" }, function() {
+        clickToolbarButton({ attribute: "quote" }, () => {
           assert.notEqual(serializedHTML, element.value)
-          return done()
+          done()
         })
       })
     })
   })
 
-  test("element serializes HTML after attachment attribute changes", function(done) {
+  test("element serializes HTML after attachment attribute changes", (done) => {
     const element = getEditorElement()
     const attributes = { url: "test_helpers/fixtures/logo.png", contentType: "image/png" }
 
-    element.addEventListener("trix-attachment-add", function(event) {
+    element.addEventListener("trix-attachment-add", function (event) {
       const { attachment } = event
-      return requestAnimationFrame(function() {
+      requestAnimationFrame(() => {
         let serializedHTML = element.value
         attachment.setAttributes(attributes)
         assert.notEqual(serializedHTML, element.value)
 
         serializedHTML = element.value
         assert.ok(serializedHTML.indexOf(TEST_IMAGE_URL) < 0, "serialized HTML contains previous attachment attributes")
-        assert.ok(serializedHTML.indexOf(attributes.url) > 0, "serialized HTML doesn't contain current attachment attributes")
+        assert.ok(
+          serializedHTML.indexOf(attributes.url) > 0,
+          "serialized HTML doesn't contain current attachment attributes"
+        )
 
         attachment.remove()
-        return requestAnimationFrame(() => done())
+        requestAnimationFrame(() => done())
       })
     })
 
-    return requestAnimationFrame(() => insertImageAttachment())
+    requestAnimationFrame(() => insertImageAttachment())
   })
 
-  test("editor resets to its original value on form reset", function(expectDocument) {
+  test("editor resets to its original value on form reset", (expectDocument) => {
     const element = getEditorElement()
-    const {
-      form
-    } = element.inputElement
+    const { form } = element.inputElement
 
-    return typeCharacters("hello", function() {
+    typeCharacters("hello", () => {
       form.reset()
-      return expectDocument("\n")
+      expectDocument("\n")
     })
   })
 
-  test("editor resets to last-set value on form reset", function(expectDocument) {
+  test("editor resets to last-set value on form reset", (expectDocument) => {
     const element = getEditorElement()
-    const {
-      form
-    } = element.inputElement
+    const { form } = element.inputElement
 
     element.value = "hi"
-    return typeCharacters("hello", function() {
+    typeCharacters("hello", () => {
       form.reset()
-      return expectDocument("hi\n")
+      expectDocument("hi\n")
     })
   })
 
-  return test("editor respects preventDefault on form reset", function(expectDocument) {
+  test("editor respects preventDefault on form reset", (expectDocument) => {
     const element = getEditorElement()
-    const {
-      form
-    } = element.inputElement
-    const preventDefault = event => event.preventDefault()
+    const { form } = element.inputElement
+    const preventDefault = (event) => event.preventDefault()
 
-    return typeCharacters("hello", function() {
+    typeCharacters("hello", () => {
       form.addEventListener("reset", preventDefault, false)
       form.reset()
       form.removeEventListener("reset", preventDefault, false)
-      return expectDocument("hello\n")
+      expectDocument("hello\n")
     })
   })
 })
 
-testGroup("<label> support", { template: "editor_with_labels" }, function() {
-  test("associates all label elements", function(done) {
+testGroup("<label> support", { template: "editor_with_labels" }, () => {
+  test("associates all label elements", (done) => {
     const labels = [ document.getElementById("label-1"), document.getElementById("label-3") ]
     assert.deepEqual(getEditorElement().labels, labels)
-    return done()
+    done()
   })
 
-  test("focuses when <label> clicked", function(done) {
+  test("focuses when <label> clicked", (done) => {
     document.getElementById("label-1").click()
     assert.equal(getEditorElement(), document.activeElement)
-    return done()
+    done()
   })
 
-  test("focuses when <label> descendant clicked", function(done) {
+  test("focuses when <label> descendant clicked", (done) => {
     document.getElementById("label-1").querySelector("span").click()
     assert.equal(getEditorElement(), document.activeElement)
-    return done()
+    done()
   })
 
-  return test("does not focus when <label> controls another element", function(done) {
+  test("does not focus when <label> controls another element", (done) => {
     const label = document.getElementById("label-2")
     assert.notEqual(getEditorElement(), label.control)
     label.click()
     assert.notEqual(getEditorElement(), document.activeElement)
-    return done()
+    done()
   })
 })
 
-testGroup("form property references its <form>", { template: "editors_with_forms", container: "div" }, function() {
-  test("accesses its ancestor form", function(done) {
+testGroup("form property references its <form>", { template: "editors_with_forms", container: "div" }, () => {
+  test("accesses its ancestor form", (done) => {
     const form = document.getElementById("ancestor-form")
     const editor = document.getElementById("editor-with-ancestor-form")
     assert.equal(editor.form, form)
-    return done()
+    done()
   })
 
-  test("transitively accesses its related <input> element's <form>", function(done) {
+  test("transitively accesses its related <input> element's <form>", (done) => {
     const form = document.getElementById("input-form")
     const editor = document.getElementById("editor-with-input-form")
     assert.equal(editor.form, form)
-    return done()
+    done()
   })
 
-  return test("returns null when there is no associated <form>", function(done) {
+  test("returns null when there is no associated <form>", (done) => {
     const editor = document.getElementById("editor-with-no-form")
     assert.equal(editor.form, null)
-    return done()
+    done()
   })
 })
diff --git a/src/test/system/html_loading_test.js b/src/test/system/html_loading_test.js
index 55770916f..dbb50a257 100644
--- a/src/test/system/html_loading_test.js
+++ b/src/test/system/html_loading_test.js
@@ -1,128 +1,117 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * DS205: Consider reworking code to avoid use of IIFEs
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { TEST_IMAGE_URL, after, assert, test, testGroup } from "test/test_helper"
 import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
-testGroup("HTML loading", function() {
-  testGroup("inline elements", { template: "editor_with_styled_content" }, function() {
+testGroup("HTML loading", () => {
+  testGroup("inline elements", { template: "editor_with_styled_content" }, () => {
     const cases = {
       "BR before block element styled otherwise": {
         html: `a<br><figure class="attachment"><img src="${TEST_IMAGE_URL}"></figure>`,
-        expectedDocument: `a\n${OBJECT_REPLACEMENT_CHARACTER}\n`
+        expectedDocument: `a\n${OBJECT_REPLACEMENT_CHARACTER}\n`,
       },
 
       "BR in text before block element styled otherwise": {
         html: `<div>a<br>b<figure class="attachment"><img src="${TEST_IMAGE_URL}"></figure></div>`,
-        expectedDocument: `a\nb${OBJECT_REPLACEMENT_CHARACTER}\n`
-      }
+        expectedDocument: `a\nb${OBJECT_REPLACEMENT_CHARACTER}\n`,
+      },
     }
 
-    return (() => {
-      const result = []
-      for (const name in cases) {
-        const details = cases[name]
-        result.push(((name, details) => test(name, function(expectDocument) {
-          getEditor().loadHTML(details.html)
-          return expectDocument(details.expectedDocument)
-        }))(name, details))
-      }
-      return result
-    })()
+    for (const name in cases) {
+      const details = cases[name]
+      test(name, (expectDocument) => {
+        getEditor().loadHTML(details.html)
+        expectDocument(details.expectedDocument)
+      })
+    }
   })
 
-  testGroup("bold elements", { template: "editor_with_bold_styles" }, function() {
-    test("<strong> with font-weight: 500", function(expectDocument) {
+  testGroup("bold elements", { template: "editor_with_bold_styles" }, () => {
+    test("<strong> with font-weight: 500", (expectDocument) => {
       getEditor().loadHTML("<strong>a</strong>")
       assert.textAttributes([ 0, 1 ], { bold: true })
-      return expectDocument("a\n")
+      expectDocument("a\n")
     })
 
-    test("<span> with font-weight: 600", function(expectDocument) {
+    test("<span> with font-weight: 600", (expectDocument) => {
       getEditor().loadHTML("<span>a</span>")
       assert.textAttributes([ 0, 1 ], { bold: true })
-      return expectDocument("a\n")
+      expectDocument("a\n")
     })
 
-    return test("<article> with font-weight: bold", function(expectDocument) {
+    test("<article> with font-weight: bold", (expectDocument) => {
       getEditor().loadHTML("<article>a</article>")
       assert.textAttributes([ 0, 1 ], { bold: true })
-      return expectDocument("a\n")
+      expectDocument("a\n")
     })
   })
 
-  testGroup("styled block elements", { template: "editor_with_block_styles" }, function() {
-    test("<em> in <blockquote> with font-style: italic", function(expectDocument) {
+  testGroup("styled block elements", { template: "editor_with_block_styles" }, () => {
+    test("<em> in <blockquote> with font-style: italic", (expectDocument) => {
       getEditor().loadHTML("<blockquote>a<em>b</em></blockquote>")
       assert.textAttributes([ 0, 1 ], {})
       assert.textAttributes([ 1, 2 ], { italic: true })
       assert.blockAttributes([ 0, 2 ], [ "quote" ])
-      return expectDocument("ab\n")
+      expectDocument("ab\n")
     })
 
-    test("<strong> in <li> with font-weight: bold", function(expectDocument) {
+    test("<strong> in <li> with font-weight: bold", (expectDocument) => {
       getEditor().loadHTML("<ul><li>a<strong>b</strong></li></ul>")
       assert.textAttributes([ 0, 1 ], {})
       assert.textAttributes([ 1, 2 ], { bold: true })
       assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-      return expectDocument("ab\n")
+      expectDocument("ab\n")
     })
 
-    return test("newline in <li> with font-weight: bold", function(expectDocument) {
+    test("newline in <li> with font-weight: bold", (expectDocument) => {
       getEditor().loadHTML("<ul><li>a<br>b</li></ul>")
       assert.textAttributes([ 0, 2 ], {})
       assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-      return expectDocument("a\nb\n")
+      expectDocument("a\nb\n")
     })
   })
 
-  testGroup("in a table", { template: "editor_in_table" }, () => test("block elements", function(expectDocument) {
-    getEditor().loadHTML("<h1>a</h1><blockquote>b</blockquote>")
-    assert.blockAttributes([ 0, 2 ], [ "heading1" ])
-    assert.blockAttributes([ 2, 4 ], [ "quote" ])
-    return expectDocument("a\nb\n")
-  }))
+  testGroup("in a table", { template: "editor_in_table" }, () =>
+    test("block elements", (expectDocument) => {
+      getEditor().loadHTML("<h1>a</h1><blockquote>b</blockquote>")
+      assert.blockAttributes([ 0, 2 ], [ "heading1" ])
+      assert.blockAttributes([ 2, 4 ], [ "quote" ])
+      expectDocument("a\nb\n")
+    })
+  )
 
-  testGroup("images", { template: "editor_empty" }, function() {
-    test("without dimensions", function(expectDocument) {
+  testGroup("images", { template: "editor_empty" }, () => {
+    test("without dimensions", (expectDocument) => {
       getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}">`)
-      return after(20, function() {
+      after(20, () => {
         const attachment = getDocument().getAttachments()[0]
         const image = getEditorElement().querySelector("img")
         assert.equal(attachment.getWidth(), 1)
         assert.equal(attachment.getHeight(), 1)
         assert.equal(image.getAttribute("width"), "1")
         assert.equal(image.getAttribute("height"), "1")
-        return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+        expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
       })
     })
 
-    return test("with dimensions", function(expectDocument) {
+    test("with dimensions", (expectDocument) => {
       getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="20">`)
-      return after(20, function() {
+      after(20, () => {
         const attachment = getDocument().getAttachments()[0]
         const image = getEditorElement().querySelector("img")
         assert.equal(attachment.getWidth(), 10)
         assert.equal(attachment.getHeight(), 20)
         assert.equal(image.getAttribute("width"), "10")
         assert.equal(image.getAttribute("height"), "20")
-        return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+        expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
       })
     })
   })
 
-  return testGroup("text after closing tag", { template: "editor_empty" }, () => test("parses text as separate block", function(expectDocument) {
-    getEditor().loadHTML("<h1>a</h1>b")
-    assert.blockAttributes([ 0, 2 ], [ "heading1" ])
-    assert.blockAttributes([ 2, 4 ], [])
-    return expectDocument("a\nb\n")
-  }))
+  testGroup("text after closing tag", { template: "editor_empty" }, () =>
+    test("parses text as separate block", (expectDocument) => {
+      getEditor().loadHTML("<h1>a</h1>b")
+      assert.blockAttributes([ 0, 2 ], [ "heading1" ])
+      assert.blockAttributes([ 2, 4 ], [])
+      expectDocument("a\nb\n")
+    })
+  )
 })
diff --git a/src/test/system/html_reparsing_test.js b/src/test/system/html_reparsing_test.js
index b1f76976a..87dfc85cb 100644
--- a/src/test/system/html_reparsing_test.js
+++ b/src/test/system/html_reparsing_test.js
@@ -1,40 +1,30 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { assert, test, testGroup } from "test/test_helper"
 
-testGroup("HTML Reparsing", { template: "editor_empty" }, function() {
-  test("mutation resulting in identical blocks", function(expectDocument) {
+testGroup("HTML Reparsing", { template: "editor_empty" }, () => {
+  test("mutation resulting in identical blocks", (expectDocument) => {
     const element = getEditorElement()
     element.editor.loadHTML("<ul><li>a</li><li>b</li></ul>")
-    return requestAnimationFrame(function() {
+    requestAnimationFrame(() => {
       element.querySelector("li").textContent = "b"
-      return requestAnimationFrame(function() {
+      requestAnimationFrame(() => {
         assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
         assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
         assert.equal(element.value, "<ul><li>b</li><li>b</li></ul>")
-        return expectDocument("b\nb\n")
+        expectDocument("b\nb\n")
       })
     })
   })
 
-  return test("mutation resulting in identical pieces", function(expectDocument) {
+  test("mutation resulting in identical pieces", (expectDocument) => {
     const element = getEditorElement()
     element.editor.loadHTML("<div><strong>a</strong> <strong>b</strong></div>")
-    return requestAnimationFrame(function() {
+    requestAnimationFrame(() => {
       element.querySelector("strong").textContent = "b"
-      return requestAnimationFrame(function() {
+      requestAnimationFrame(() => {
         assert.textAttributes([ 0, 1 ], { bold: true })
         assert.textAttributes([ 2, 3 ], { bold: true })
         assert.equal(element.value, "<div><strong>b</strong> <strong>b</strong></div>")
-        return expectDocument("b b\n")
+        expectDocument("b b\n")
       })
     })
   })
diff --git a/src/test/system/html_replacement_test.js b/src/test/system/html_replacement_test.js
index 97a07a1d9..50cc073a5 100644
--- a/src/test/system/html_replacement_test.js
+++ b/src/test/system/html_replacement_test.js
@@ -1,103 +1,89 @@
-/* eslint-disable
-    no-undef,
-    no-unused-vars,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS101: Remove unnecessary use of Array.from
- * DS102: Remove unnecessary code created because of implicit returns
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 
-import { assert, clickToolbarButton, collapseSelection, defer, moveCursor, selectNode, testGroup, testIf, triggerEvent, typeCharacters } from "test/test_helper"
+import { assert, testGroup, testIf, triggerEvent } from "test/test_helper"
 
 const test = function() {
-  return testIf(config.input.getLevel() === 0, ...arguments)
+  testIf(config.input.getLevel() === 0, ...arguments)
 }
 
-testGroup("Level 0 input: HTML replacement", () => testGroup("deleting with command+backspace", { template: "editor_empty" }, function() {
+testGroup("Level 0 input: HTML replacement", () => testGroup("deleting with command+backspace", { template: "editor_empty" }, () => {
   test("from the end of a line", function(expectDocument) {
     getEditor().loadHTML("<div>a</div><blockquote>b</blockquote><div>c</div>")
     getSelectionManager().setLocationRange({ index: 1, offset: 1 })
-    return pressCommandBackspace({ replaceText: "b" }, function() {
+    pressCommandBackspace({ replaceText: "b" }, () => {
       assert.locationRange({ index: 1, offset: 0 })
       assert.blockAttributes([ 0, 2 ], [])
       assert.blockAttributes([ 2, 3 ], [ "quote" ])
       assert.blockAttributes([ 3, 5 ], [])
-      return expectDocument("a\n\nc\n")
+      expectDocument("a\n\nc\n")
     })
   })
 
   test("in the first block", function(expectDocument) {
     getEditor().loadHTML("<div>a</div><blockquote>b</blockquote>")
     getSelectionManager().setLocationRange({ index: 0, offset: 1 })
-    return pressCommandBackspace({ replaceText: "a" }, function() {
+    pressCommandBackspace({ replaceText: "a" }, () => {
       assert.locationRange({ index: 0, offset: 0 })
       assert.blockAttributes([ 0, 1 ], [])
       assert.blockAttributes([ 1, 3 ], [ "quote" ])
-      return expectDocument("\nb\n")
+      expectDocument("\nb\n")
     })
   })
 
   test("from the middle of a line", function(expectDocument) {
     getEditor().loadHTML("<div>a</div><blockquote>bc</blockquote><div>d</div>")
     getSelectionManager().setLocationRange({ index: 1, offset: 1 })
-    return pressCommandBackspace({ replaceText: "b" }, function() {
+    pressCommandBackspace({ replaceText: "b" }, () => {
       assert.locationRange({ index: 1, offset: 0 })
       assert.blockAttributes([ 0, 2 ], [])
       assert.blockAttributes([ 2, 4 ], [ "quote" ])
       assert.blockAttributes([ 4, 6 ], [])
-      return expectDocument("a\nc\nd\n")
+      expectDocument("a\nc\nd\n")
     })
   })
 
   test("from the middle of a line in a multi-line block", function(expectDocument) {
     getEditor().loadHTML("<div>a</div><blockquote>bc<br>d</blockquote><div>e</div>")
     getSelectionManager().setLocationRange({ index: 1, offset: 1 })
-    return pressCommandBackspace({ replaceText: "b" }, function() {
+    pressCommandBackspace({ replaceText: "b" }, () => {
       assert.locationRange({ index: 1, offset: 0 })
       assert.blockAttributes([ 0, 2 ], [])
       assert.blockAttributes([ 2, 6 ], [ "quote" ])
-      return expectDocument("a\nc\nd\ne\n")
+      expectDocument("a\nc\nd\ne\n")
     })
   })
 
   test("from the end of a list item", function(expectDocument) {
     getEditor().loadHTML("<ul><li>a</li><li>b</li></ul>")
     getSelectionManager().setLocationRange({ index: 1, offset: 1 })
-    return pressCommandBackspace({ replaceText: "b" }, function() {
+    pressCommandBackspace({ replaceText: "b" }, () => {
       assert.locationRange({ index: 1, offset: 0 })
       assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
       assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet" ])
-      return expectDocument("a\n\n")
+      expectDocument("a\n\n")
     })
   })
 
   test("a character that is its text node's only data", function(expectDocument) {
     getEditor().loadHTML("<div>a<br>b<br><strong>c</strong></div>")
     getSelectionManager().setLocationRange({ index: 0, offset: 3 })
-    return pressCommandBackspace({ replaceText: "b" }, function() {
+    pressCommandBackspace({ replaceText: "b" }, () => {
       assert.locationRange({ index: 0, offset: 2 })
-      return expectDocument("a\n\nc\n")
+      expectDocument("a\n\nc\n")
     })
   })
 
-  return test("a formatted word", function(expectDocument) {
+  test("a formatted word", function(expectDocument) {
     getEditor().loadHTML("<div>a<strong>bc</strong></div>")
     getSelectionManager().setLocationRange({ index: 0, offset: 4 })
-    return pressCommandBackspace({ replaceElementWithText: "bc" }, function() {
+    pressCommandBackspace({ replaceElementWithText: "bc" }, () => {
       assert.locationRange({ index: 0, offset: 1 })
-      return expectDocument("a\n")
+      expectDocument("a\n")
     })
   })
 }))
 
-var pressCommandBackspace = function({ replaceText, replaceElementWithText }, callback) {
+const pressCommandBackspace = function({ replaceText, replaceElementWithText }, callback) {
   let previousSibling
   triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 8, which: 8, metaKey: true })
   const range = rangy.getSelection().getRangeAt(0)
@@ -115,7 +101,7 @@ var pressCommandBackspace = function({ replaceText, replaceElementWithText }, ca
     const node = range.getNodes()[0];
     ({ previousSibling, nextSibling, parentNode } = node)
 
-    if ((previousSibling != null ? previousSibling.nodeType : undefined) === Node.COMMENT_NODE) {
+    if (previousSibling?.nodeType === Node.COMMENT_NODE) {
       parentNode.removeChild(previousSibling)
     }
 
@@ -126,15 +112,15 @@ var pressCommandBackspace = function({ replaceText, replaceElementWithText }, ca
       parentNode.appendChild(document.createElement("br"))
     }
 
-    range.collapseBefore(nextSibling != null ? nextSibling : parentNode.firstChild)
+    range.collapseBefore(nextSibling ? nextSibling : parentNode.firstChild)
   }
 
   range.select()
-  return requestAnimationFrame(callback)
+  requestAnimationFrame(callback)
 }
 
 
-var getElementWithText = function(text) {
+const getElementWithText = function(text) {
   for (const element of Array.from(document.activeElement.querySelectorAll("*"))) {
     if (element.innerText === text) {
       return element
diff --git a/src/test/system/installation_process_test.js b/src/test/system/installation_process_test.js
index 78fe21b0f..1605c5abc 100644
--- a/src/test/system/installation_process_test.js
+++ b/src/test/system/installation_process_test.js
@@ -1,59 +1,55 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import EditorController from "trix/controllers/editor_controller"
 
 import { assert, defer, test, testGroup } from "test/test_helper"
 
-testGroup("Installation process", { template: "editor_html" }, function() {
-  test("element.editorController", () => assert.ok(getEditorController() instanceof EditorController))
+testGroup("Installation process", { template: "editor_html" }, () => {
+  test("element.editorController", () => {
+    assert.ok(getEditorController() instanceof EditorController)
+  })
 
   test("creates a contenteditable element", () => assert.ok(getEditorElement()))
 
-  test("loads the initial document", () => assert.equal(getEditorElement().textContent, "Hello world"))
+  test("loads the initial document", () => {
+    assert.equal(getEditorElement().textContent, "Hello world")
+  })
 
-  return test("sets value property", done => defer(function() {
-    assert.equal(getEditorElement().value, "<div>Hello world</div>")
-    return done()
-  }))
+  test("sets value property", (done) =>
+    defer(() => {
+      assert.equal(getEditorElement().value, "<div>Hello world</div>")
+      done()
+    }))
 })
 
+testGroup("Installation process without specified elements", { template: "editor_empty" }, () =>
+  test("creates identified toolbar and input elements", (done) => {
+    const editorElement = getEditorElement()
 
-testGroup("Installation process without specified elements", { template: "editor_empty" }, () => test("creates identified toolbar and input elements", function(done) {
-  const editorElement = getEditorElement()
-
-  const toolbarId = editorElement.getAttribute("toolbar")
-  assert.ok(/trix-toolbar-\d+/.test(toolbarId), `toolbar id not assert.ok ${JSON.stringify(toolbarId)}`)
-  const toolbarElement = document.getElementById(toolbarId)
-  assert.ok(toolbarElement, "toolbar element not assert.ok")
-  assert.equal(editorElement.toolbarElement, toolbarElement)
+    const toolbarId = editorElement.getAttribute("toolbar")
+    assert.ok(/trix-toolbar-\d+/.test(toolbarId), `toolbar id not assert.ok ${JSON.stringify(toolbarId)}`)
+    const toolbarElement = document.getElementById(toolbarId)
+    assert.ok(toolbarElement, "toolbar element not assert.ok")
+    assert.equal(editorElement.toolbarElement, toolbarElement)
 
-  const inputId = editorElement.getAttribute("input")
-  assert.ok(/trix-input-\d+/.test(inputId), `input id not assert.ok ${JSON.stringify(inputId)}`)
-  const inputElement = document.getElementById(inputId)
-  assert.ok(inputElement, "input element not assert.ok")
-  assert.equal(editorElement.inputElement, inputElement)
+    const inputId = editorElement.getAttribute("input")
+    assert.ok(/trix-input-\d+/.test(inputId), `input id not assert.ok ${JSON.stringify(inputId)}`)
+    const inputElement = document.getElementById(inputId)
+    assert.ok(inputElement, "input element not assert.ok")
+    assert.equal(editorElement.inputElement, inputElement)
 
-  return done()
-}))
+    done()
+  })
+)
 
-testGroup("Installation process with specified elements", { template: "editor_with_toolbar_and_input" }, function() {
-  test("uses specified elements", function(done) {
+testGroup("Installation process with specified elements", { template: "editor_with_toolbar_and_input" }, () => {
+  test("uses specified elements", (done) => {
     const editorElement = getEditorElement()
     assert.equal(editorElement.toolbarElement, document.getElementById("my_toolbar"))
     assert.equal(editorElement.inputElement, document.getElementById("my_input"))
     assert.equal(editorElement.value, "<div>Hello world</div>")
-    return done()
+    done()
   })
 
-  return test("can be cloned", function(done) {
+  test("can be cloned", (done) => {
     const originalElement = document.getElementById("my_editor")
     const clonedElement = originalElement.cloneNode(true)
 
@@ -61,12 +57,12 @@ testGroup("Installation process with specified elements", { template: "editor_wi
     parentElement.removeChild(originalElement)
     parentElement.appendChild(clonedElement)
 
-    return defer(function() {
+    defer(() => {
       const editorElement = getEditorElement()
       assert.equal(editorElement.toolbarElement, document.getElementById("my_toolbar"))
       assert.equal(editorElement.inputElement, document.getElementById("my_input"))
       assert.equal(editorElement.value, "<div>Hello world</div>")
-      return done()
+      done()
     })
   })
 })
diff --git a/src/test/system/level_2_input_test.js b/src/test/system/level_2_input_test.js
index 82fb85e4d..42ec03b48 100644
--- a/src/test/system/level_2_input_test.js
+++ b/src/test/system/level_2_input_test.js
@@ -1,55 +1,54 @@
-/* eslint-disable
-    no-undef,
-    no-unused-vars,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * DS205: Consider reworking code to avoid use of IIFEs
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
-import { after, assert, clickToolbarButton, defer, insertNode, insertString, isToolbarButtonActive, selectAll, selectNode, testGroup, testIf, triggerEvent, triggerInputEvent, typeCharacters } from "test/test_helper"
+import {
+  after,
+  assert,
+  clickToolbarButton,
+  insertNode,
+  insertString,
+  isToolbarButtonActive,
+  selectNode,
+  testGroup,
+  testIf,
+  triggerEvent,
+  triggerInputEvent,
+  typeCharacters,
+} from "test/test_helper"
 
-const test = function() {
-  return testIf(config.input.getLevel() === 2, ...arguments)
+const test = function () {
+  testIf(config.input.getLevel() === 2, ...arguments)
 }
 
 const testOptions = {
   template: "editor_empty",
   setup() {
     addEventListener("beforeinput", recordInputEvent, true)
-    return addEventListener("input", recordInputEvent, true)
+    addEventListener("input", recordInputEvent, true)
   },
   teardown() {
     removeEventListener("beforeinput", recordInputEvent, true)
-    return removeEventListener("input", recordInputEvent, true)
-  }
+    removeEventListener("input", recordInputEvent, true)
+  },
 }
 
 let inputEvents = []
 
-var recordInputEvent = function(event) {
+const recordInputEvent = function (event) {
   // Not all browsers dispatch "beforeinput" event when calling execCommand() so
   // we manually dispatch a synthetic one. If a second one arrives, ignore it.
   if (event.type === "beforeinput" && inputEvents.length === 1 && inputEvents[0].type === "beforeinput") {
-    return event.stopImmediatePropagation()
+    event.stopImmediatePropagation()
   } else {
     const { type, inputType, data } = event
-    return inputEvents.push({ type, inputType, data })
+    inputEvents.push({ type, inputType, data })
   }
 }
 
 // Borrowed from https://github.com/web-platform-tests/wpt/blob/master/input-events/input-events-exec-command.html
-const performInputTypeUsingExecCommand = function(command, { inputType, data }, callback) {
+const performInputTypeUsingExecCommand = function (command, { inputType, data }, callback) {
   inputEvents = []
-  return requestAnimationFrame(function() {
+  requestAnimationFrame(() => {
     triggerInputEvent(document.activeElement, "beforeinput", { inputType, data })
     document.execCommand(command, false, data)
     assert.equal(inputEvents.length, 2)
@@ -57,218 +56,220 @@ const performInputTypeUsingExecCommand = function(command, { inputType, data },
     assert.equal(inputEvents[1].type, "input")
     assert.equal(inputEvents[0].inputType, inputType)
     assert.equal(inputEvents[0].data, data)
-    return requestAnimationFrame(() => requestAnimationFrame(callback))
+    requestAnimationFrame(() => requestAnimationFrame(callback))
   })
 }
 
-testGroup("Level 2 Input", testOptions, function() {
-  test("insertText", expectDocument => performInputTypeUsingExecCommand("insertText", { inputType: "insertText", data: "abc" }, () => expectDocument("abc\n")))
+testGroup("Level 2 Input", testOptions, () => {
+  test("insertText", (expectDocument) =>
+    performInputTypeUsingExecCommand("insertText", { inputType: "insertText", data: "abc" }, () => expectDocument("abc\n")))
 
-  test("insertOrderedList", function(expectDocument) {
+  test("insertOrderedList", (expectDocument) => {
     insertString("a\nb")
-    return performInputTypeUsingExecCommand("insertOrderedList", { inputType: "insertOrderedList" }, function() {
+    performInputTypeUsingExecCommand("insertOrderedList", { inputType: "insertOrderedList" }, () => {
       assert.blockAttributes([ 0, 2 ], [])
       assert.blockAttributes([ 2, 4 ], [ "numberList", "number" ])
       assert.ok(isToolbarButtonActive({ attribute: "number" }))
-      return expectDocument("a\nb\n")
+      expectDocument("a\nb\n")
     })
   })
 
-  test("insertUnorderedList", function(expectDocument) {
+  test("insertUnorderedList", (expectDocument) => {
     insertString("a\nb")
-    return performInputTypeUsingExecCommand("insertUnorderedList", { inputType: "insertUnorderedList" }, function() {
+    performInputTypeUsingExecCommand("insertUnorderedList", { inputType: "insertUnorderedList" }, () => {
       assert.blockAttributes([ 0, 2 ], [])
       assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet" ])
       assert.ok(isToolbarButtonActive({ attribute: "bullet" }))
-      return expectDocument("a\nb\n")
+      expectDocument("a\nb\n")
     })
   })
 
-  test("insertLineBreak", expectDocument => clickToolbarButton({ attribute: "quote" }, function() {
-    insertString("abc")
-    return performInputTypeUsingExecCommand("insertLineBreak", { inputType: "insertLineBreak" }, () => performInputTypeUsingExecCommand("insertLineBreak", { inputType: "insertLineBreak" }, function() {
-      assert.blockAttributes([ 0, 6 ], [ "quote" ])
-      return expectDocument("abc\n\n\n")
+  test("insertLineBreak", (expectDocument) =>
+    clickToolbarButton({ attribute: "quote" }, () => {
+      insertString("abc")
+      performInputTypeUsingExecCommand("insertLineBreak", { inputType: "insertLineBreak" }, () =>
+        performInputTypeUsingExecCommand("insertLineBreak", { inputType: "insertLineBreak" }, () => {
+          assert.blockAttributes([ 0, 6 ], [ "quote" ])
+          expectDocument("abc\n\n\n")
+        })
+      )
     }))
-  }))
 
-  test("insertParagraph", expectDocument => clickToolbarButton({ attribute: "quote" }, function() {
-    insertString("abc")
-    return performInputTypeUsingExecCommand("insertParagraph", { inputType: "insertParagraph" }, () => performInputTypeUsingExecCommand("insertParagraph", { inputType: "insertParagraph" }, function() {
-      assert.blockAttributes([ 0, 4 ], [ "quote" ])
-      assert.blockAttributes([ 4, 5 ], [])
-      return expectDocument("abc\n\n")
+  test("insertParagraph", (expectDocument) =>
+    clickToolbarButton({ attribute: "quote" }, () => {
+      insertString("abc")
+      performInputTypeUsingExecCommand("insertParagraph", { inputType: "insertParagraph" }, () =>
+        performInputTypeUsingExecCommand("insertParagraph", { inputType: "insertParagraph" }, () => {
+          assert.blockAttributes([ 0, 4 ], [ "quote" ])
+          assert.blockAttributes([ 4, 5 ], [])
+          expectDocument("abc\n\n")
+        })
+      )
     }))
-  }))
 
-  test("formatBold", function(expectDocument) {
+  test("formatBold", (expectDocument) => {
     insertString("abc")
     getComposition().setSelectedRange([ 1, 2 ])
-    return performInputTypeUsingExecCommand("bold", { inputType: "formatBold" }, function() {
+    performInputTypeUsingExecCommand("bold", { inputType: "formatBold" }, () => {
       assert.textAttributes([ 0, 1 ], {})
       assert.textAttributes([ 1, 2 ], { bold: true })
       assert.textAttributes([ 2, 3 ], {})
-      return expectDocument("abc\n")
+      expectDocument("abc\n")
     })
   })
 
-  test("formatItalic", function(expectDocument) {
+  test("formatItalic", (expectDocument) => {
     insertString("abc")
     getComposition().setSelectedRange([ 1, 2 ])
-    return performInputTypeUsingExecCommand("italic", { inputType: "formatItalic" }, function() {
+    performInputTypeUsingExecCommand("italic", { inputType: "formatItalic" }, () => {
       assert.textAttributes([ 0, 1 ], {})
       assert.textAttributes([ 1, 2 ], { italic: true })
       assert.textAttributes([ 2, 3 ], {})
-      return expectDocument("abc\n")
+      expectDocument("abc\n")
     })
   })
 
-  test("formatStrikeThrough", function(expectDocument) {
+  test("formatStrikeThrough", (expectDocument) => {
     insertString("abc")
     getComposition().setSelectedRange([ 1, 2 ])
-    return performInputTypeUsingExecCommand("strikeThrough", { inputType: "formatStrikeThrough" }, function() {
+    performInputTypeUsingExecCommand("strikeThrough", { inputType: "formatStrikeThrough" }, () => {
       assert.textAttributes([ 0, 1 ], {})
       assert.textAttributes([ 1, 2 ], { strike: true })
       assert.textAttributes([ 2, 3 ], {})
-      return expectDocument("abc\n")
+      expectDocument("abc\n")
     })
   })
 
   // https://input-inspector.now.sh/profiles/hVXS1cHYFvc2EfdRyTWQ
-  test("correcting a misspelled word in Chrome", function(expectDocument) {
+  test("correcting a misspelled word in Chrome", (expectDocument) => {
     insertString("onr")
     getComposition().setSelectedRange([ 0, 3 ])
-    return requestAnimationFrame(function() {
+    requestAnimationFrame(() => {
       const inputType = "insertReplacementText"
       const dataTransfer = createDataTransfer({ "text/plain": "one" })
       const event = createEvent("beforeinput", { inputType, dataTransfer })
       document.activeElement.dispatchEvent(event)
-      return requestAnimationFrame(() => expectDocument("one\n"))
+      requestAnimationFrame(() => expectDocument("one\n"))
     })
   })
 
   // https://input-inspector.now.sh/profiles/XsZVwKtFxakwnsNs0qnX
-  test("correcting a misspelled word in Safari", function(expectDocument) {
+  test("correcting a misspelled word in Safari", (expectDocument) => {
     insertString("onr")
     getComposition().setSelectedRange([ 0, 3 ])
-    return requestAnimationFrame(function() {
+    requestAnimationFrame(() => {
       const inputType = "insertText"
       const dataTransfer = createDataTransfer({ "text/plain": "one", "text/html": "one" })
       const event = createEvent("beforeinput", { inputType, dataTransfer })
       document.activeElement.dispatchEvent(event)
-      return requestAnimationFrame(() => expectDocument("one\n"))
+      requestAnimationFrame(() => expectDocument("one\n"))
     })
   })
 
   // https://input-inspector.now.sh/profiles/yZlsrfG93QMzp2oyr0BE
-  test("deleting the last character in a composed word on Android", function(expectDocument) {
+  test("deleting the last character in a composed word on Android", (expectDocument) => {
     insertString("c")
     const element = getEditorElement()
     const textNode = element.firstChild.lastChild
-    return selectNode(textNode, function() {
+    selectNode(textNode, () => {
       triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data: "" })
       triggerEvent(element, "compositionend", { data: "" })
-      return requestAnimationFrame(() => expectDocument("\n"))
+      requestAnimationFrame(() => expectDocument("\n"))
     })
   })
 
-  test("pasting a file", expectDocument => createFile(function(file) {
-    const clipboardData = createDataTransfer({ "Files": [ file ] })
-    const dataTransfer = createDataTransfer({ "Files": [ file ] })
-    return paste({ clipboardData, dataTransfer }, function() {
-      const attachments = getDocument().getAttachments()
-      assert.equal(attachments.length, 1)
-      assert.equal(attachments[0].getFilename(), file.name)
-      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
-    })
-  }))
+  test("pasting a file", (expectDocument) =>
+    createFile((file) => {
+      const clipboardData = createDataTransfer({ Files: [ file ] })
+      const dataTransfer = createDataTransfer({ Files: [ file ] })
+      paste({ clipboardData, dataTransfer }, () => {
+        const attachments = getDocument().getAttachments()
+        assert.equal(attachments.length, 1)
+        assert.equal(attachments[0].getFilename(), file.name)
+        expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+      })
+    }))
 
   // "insertFromPaste InputEvent missing pasted files in dataTransfer"
   // - https://bugs.webkit.org/show_bug.cgi?id=194921
-  test("pasting a file in Safari", expectDocument => createFile(function(file) {
-    const clipboardData = createDataTransfer({ "Files": [ file ] })
-    const dataTransfer = createDataTransfer({ "text/html": `<img src="blob:${location.origin}/531de8">` })
-    return paste({ clipboardData, dataTransfer }, function() {
-      const attachments = getDocument().getAttachments()
-      assert.equal(attachments.length, 1)
-      assert.equal(attachments[0].getFilename(), file.name)
-      return expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
-    })
-  }))
+  test("pasting a file in Safari", (expectDocument) =>
+    createFile((file) => {
+      const clipboardData = createDataTransfer({ Files: [ file ] })
+      const dataTransfer = createDataTransfer({ "text/html": `<img src="blob:${location.origin}/531de8">` })
+      paste({ clipboardData, dataTransfer }, () => {
+        const attachments = getDocument().getAttachments()
+        assert.equal(attachments.length, 1)
+        assert.equal(attachments[0].getFilename(), file.name)
+        expectDocument(`${OBJECT_REPLACEMENT_CHARACTER}\n`)
+      })
+    }))
 
   // "insertFromPaste InputEvent missing text/uri-list in dataTransfer for pasted links"
   // - https://bugs.webkit.org/show_bug.cgi?id=196702
-  test("pasting a link in Safari", expectDocument => createFile(function(file) {
-    const url = "https://bugs.webkit.org"
-    const text = "WebKit Bugzilla"
-    const clipboardData = createDataTransfer({ "URL": url, "text/uri-list": url, "text/plain": text })
-    const dataTransfer = createDataTransfer({ "text/html": `<a href="${url}">${text}</a>`, "text/plain": text })
-    return paste({ clipboardData, dataTransfer }, function() {
-      assert.textAttributes([ 0, url.length ], { href: url })
-      return expectDocument(`${url}\n`)
-    })
-  }))
+  test("pasting a link in Safari", (expectDocument) =>
+    createFile((file) => {
+      const url = "https://bugs.webkit.org"
+      const text = "WebKit Bugzilla"
+      const clipboardData = createDataTransfer({ URL: url, "text/uri-list": url, "text/plain": text })
+      const dataTransfer = createDataTransfer({ "text/html": `<a href="${url}">${text}</a>`, "text/plain": text })
+      paste({ clipboardData, dataTransfer }, () => {
+        assert.textAttributes([ 0, url.length ], { href: url })
+        expectDocument(`${url}\n`)
+      })
+    }))
 
   // Pastes from MS Word include an image of the copied text 🙃
   // https://input-inspector.now.sh/profiles/QWDITsV60dpEVl1SOZg8
-  test("pasting text from MS Word", expectDocument => createFile(function(file) {
-    let dataTransfer
-    const clipboardData = dataTransfer = createDataTransfer({
-      "text/html": "<span class=\"MsoNormal\">abc</span>",
-      "text/plain": "abc",
-      "Files": [ file ] })
+  test("pasting text from MS Word", (expectDocument) =>
+    createFile((file) => {
+      const dataTransfer = createDataTransfer({
+        "text/html": "<span class=\"MsoNormal\">abc</span>",
+        "text/plain": "abc",
+        Files: [ file ],
+      })
 
-    return paste({ dataTransfer }, function() {
-      const attachments = getDocument().getAttachments()
-      assert.equal(attachments.length, 0)
-      return expectDocument("abc\n")
-    })
-  }))
+      paste({ dataTransfer }, () => {
+        const attachments = getDocument().getAttachments()
+        assert.equal(attachments.length, 0)
+        expectDocument("abc\n")
+      })
+    }))
 
   // "beforeinput" event is not fired for Paste and Match Style operations
   // - https://bugs.chromium.org/p/chromium/issues/detail?id=934448
-  return test("Paste and Match Style in Chrome", function(expectDocument) {
+  test("Paste and Match Style in Chrome", (expectDocument) => {
     const done = () => expectDocument("a\n\nb\n\nc\n")
-    return typeCharacters("a\n\n", function() {
+    typeCharacters("a\n\n", () => {
       const clipboardData = createDataTransfer({ "text/plain": "b\n\nc" })
       const pasteEvent = createEvent("paste", { clipboardData })
       if (document.activeElement.dispatchEvent(pasteEvent)) {
         const node = document.createElement("div")
         node.innerHTML = "<div>b</div><div><br></div><div>c</div>"
-        return insertNode(node, done)
+        insertNode(node, done)
       } else {
-        return requestAnimationFrame(done)
+        requestAnimationFrame(done)
       }
     })
   })
 })
 
-
-var createFile = function(callback) {
+const createFile = function (callback) {
   const canvas = document.createElement("canvas")
-  return canvas.toBlob(function(file) {
+  canvas.toBlob(function (file) {
     file.name = "image.png"
-    return callback(file)
+    callback(file)
   })
 }
 
-var createDataTransfer = function(data) {
-  if (data == null) { data = {} }
+const createDataTransfer = function (data = {}) {
   return {
-    types: (() => {
-      const result = []
-      for (const key in data) {
-        result.push(key)
-      }
-      return result
-    })(),
-    files: data.Files != null ? data.Files : [],
-    getData(type) { return data[type] }
+    types: Object.keys(data),
+    files: data.Files || [],
+    getData: (type) => data[type],
   }
 }
 
-var createEvent = function(type, properties) {
-  if (properties == null) { properties = {} }
+const createEvent = function (type, properties = {}) {
   const event = document.createEvent("Events")
   event.initEvent(type, true, true)
   for (const key in properties) {
@@ -278,13 +279,12 @@ var createEvent = function(type, properties) {
   return event
 }
 
-var paste = function(param, callback) {
-  if (param == null) { param = {} }
+const paste = function (param = {}, callback) {
   const { dataTransfer, clipboardData } = param
   const pasteEvent = createEvent("paste", { clipboardData: clipboardData || dataTransfer })
   const inputEvent = createEvent("beforeinput", { inputType: "insertFromPaste", dataTransfer })
   if (document.activeElement.dispatchEvent(pasteEvent)) {
     document.activeElement.dispatchEvent(inputEvent)
   }
-  return after(60, callback)
+  after(60, callback)
 }
diff --git a/src/test/system/list_formatting_test.js b/src/test/system/list_formatting_test.js
index ad0277993..9b5088791 100644
--- a/src/test/system/list_formatting_test.js
+++ b/src/test/system/list_formatting_test.js
@@ -1,79 +1,138 @@
-/* eslint-disable
-    no-undef,
-    no-unused-vars,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 
-import { assert, clickToolbarButton, defer, moveCursor, pressKey, test, testGroup, testIf, triggerEvent, typeCharacters } from "test/test_helper"
+import {
+  assert,
+  clickToolbarButton,
+  defer,
+  moveCursor,
+  pressKey,
+  test,
+  testGroup,
+  testIf,
+  triggerEvent,
+  typeCharacters,
+} from "test/test_helper"
 
-testGroup("List formatting", { template: "editor_empty" }, function() {
-  test("creating a new list item", done => typeCharacters("a", () => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("\n", function() {
-    assert.locationRange({ index: 1, offset: 0 })
-    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
-    return done()
-  }))))
+testGroup("List formatting", { template: "editor_empty" }, () => {
+  test("creating a new list item", (done) =>
+    typeCharacters("a", () =>
+      clickToolbarButton({ attribute: "bullet" }, () =>
+        typeCharacters("\n", () => {
+          assert.locationRange({ index: 1, offset: 0 })
+          assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+          assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+          done()
+        })
+      )
+    ))
 
-  test("breaking out of a list", expectDocument => typeCharacters("a", () => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("\n\n", function() {
-    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 2, 3 ], [])
-    return expectDocument("a\n\n")
-  }))))
+  test("breaking out of a list", (expectDocument) =>
+    typeCharacters("a", () =>
+      clickToolbarButton({ attribute: "bullet" }, () =>
+        typeCharacters("\n\n", () => {
+          assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+          assert.blockAttributes([ 2, 3 ], [])
+          expectDocument("a\n\n")
+        })
+      )
+    ))
 
-  test("pressing return at the beginning of a non-empty list item", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\nb", () => moveCursor("left", () => pressKey("return", function() {
-    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 3, 5 ], [ "bulletList", "bullet" ])
-    return expectDocument("a\n\nb\n")
-  })))))
+  test("pressing return at the beginning of a non-empty list item", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("a\nb", () =>
+        moveCursor("left", () =>
+          pressKey("return", () => {
+            assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+            assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+            assert.blockAttributes([ 3, 5 ], [ "bulletList", "bullet" ])
+            expectDocument("a\n\nb\n")
+          })
+        )
+      )
+    ))
 
-  test("pressing tab increases nesting level, tab+shift decreases nesting level", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a", () => pressKey("return", () => pressKey("tab", () => typeCharacters("b", function() {
-    assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
-    return defer(function() {
-      const pressShiftTab = triggerEvent(document.activeElement, "keydown", { key: "Tab", charCode: 0, keyCode: 9, which: 9, shiftKey: true })
-      assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
-      assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
-      return expectDocument("a\nb\n")
-    })
-  }))))))
+  test("pressing tab increases nesting level, tab+shift decreases nesting level", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("a", () =>
+        pressKey("return", () =>
+          pressKey("tab", () =>
+            typeCharacters("b", () => {
+              assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+              assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
+              defer(() => {
+                // press shift tab
+                triggerEvent(document.activeElement, "keydown", {
+                  key: "Tab",
+                  charCode: 0,
+                  keyCode: 9,
+                  which: 9,
+                  shiftKey: true,
+                })
+                assert.blockAttributes([ 0, 1 ], [ "bulletList", "bullet" ])
+                assert.blockAttributes([ 2, 3 ], [ "bulletList", "bullet" ])
+                expectDocument("a\nb\n")
+              })
+            })
+          )
+        )
+      )
+    ))
 
-  testIf(config.input.getLevel() === 0, "pressing shift-return at the end of a list item", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a", function() {
-    const pressShiftReturn = triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 13, which: 13, shiftKey: true })
-    assert.notOk(pressShiftReturn) // Assert defaultPrevented
-    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-    return expectDocument("a\n\n")
-  })))
+  testIf(config.input.getLevel() === 0, "pressing shift-return at the end of a list item", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("a", () => {
+        const pressShiftReturn = triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 13, which: 13, shiftKey: true })
+        assert.notOk(pressShiftReturn) // Assert defaultPrevented
+        assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+        expectDocument("a\n\n")
+      })
+    )
+  )
 
-  test("pressing delete at the beginning of a non-empty nested list item", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("b\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("c", function() {
-    getSelectionManager().setLocationRange({ index: 1, offset: 0 })
-    getComposition().deleteInDirection("backward")
-    getEditorController().render()
-    return defer(function() {
-      assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-      assert.blockAttributes([ 3, 4 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
-      return expectDocument("ab\nc\n")
-    })
-  })))))))
+  test("pressing delete at the beginning of a non-empty nested list item", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("a\n", () =>
+        clickToolbarButton({ action: "increaseNestingLevel" }, () =>
+          typeCharacters("b\n", () =>
+            clickToolbarButton({ action: "increaseNestingLevel" }, () =>
+              typeCharacters("c", () => {
+                getSelectionManager().setLocationRange({ index: 1, offset: 0 })
+                getComposition().deleteInDirection("backward")
+                getEditorController().render()
+                defer(() => {
+                  assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+                  assert.blockAttributes([ 3, 4 ], [ "bulletList", "bullet", "bulletList", "bullet" ])
+                  expectDocument("ab\nc\n")
+                })
+              })
+            )
+          )
+        )
+      )
+    ))
 
-  return test("decreasing list item's level decreases its nested items level too", expectDocument => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("a\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("b\n", () => clickToolbarButton({ action: "increaseNestingLevel" }, () => typeCharacters("c", function() {
-    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+  test("decreasing list item's level decreases its nested items level too", (expectDocument) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("a\n", () =>
+        clickToolbarButton({ action: "increaseNestingLevel" }, () =>
+          typeCharacters("b\n", () =>
+            clickToolbarButton({ action: "increaseNestingLevel" }, () =>
+              typeCharacters("c", () => {
+                getSelectionManager().setLocationRange({ index: 1, offset: 1 })
 
-    for (let n = 0; n < 3; n++) {
-      getComposition().deleteInDirection("backward")
-      getEditorController().render()
-    }
+                for (let n = 0; n < 3; n++) {
+                  getComposition().deleteInDirection("backward")
+                  getEditorController().render()
+                }
 
-    assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-    assert.blockAttributes([ 2, 3 ], [])
-    assert.blockAttributes([ 3, 5 ], [ "bulletList", "bullet" ])
-    return expectDocument("a\n\nc\n")
-  })))))))
+                assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+                assert.blockAttributes([ 2, 3 ], [])
+                assert.blockAttributes([ 3, 5 ], [ "bulletList", "bullet" ])
+                expectDocument("a\n\nc\n")
+              })
+            )
+          )
+        )
+      )
+    ))
 })
diff --git a/src/test/system/mutation_input_test.js b/src/test/system/mutation_input_test.js
index ce398bce2..24d5516db 100644
--- a/src/test/system/mutation_input_test.js
+++ b/src/test/system/mutation_input_test.js
@@ -1,58 +1,61 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 
-import { TEST_IMAGE_URL, assert, clickToolbarButton, defer, insertNode, isToolbarButtonActive, testGroup, testIf, triggerEvent, typeCharacters } from "test/test_helper"
-
-const test = function() {
-  return testIf(config.input.getLevel() === 0, ...arguments)
+import {
+  TEST_IMAGE_URL,
+  assert,
+  clickToolbarButton,
+  defer,
+  insertNode,
+  isToolbarButtonActive,
+  testGroup,
+  testIf,
+  triggerEvent,
+  typeCharacters,
+} from "test/test_helper"
+
+const test = function () {
+  testIf(config.input.getLevel() === 0, ...arguments)
 }
 
-testGroup("Mutation input", { template: "editor_empty" }, function() {
-  test("deleting a newline", function(expectDocument) {
+testGroup("Mutation input", { template: "editor_empty" }, () => {
+  test("deleting a newline", function (expectDocument) {
     const element = getEditorElement()
     element.editor.insertString("a\n\nb")
 
     triggerEvent(element, "keydown", { charCode: 0, keyCode: 229, which: 229 })
     const br = element.querySelectorAll("br")[1]
     br.parentNode.removeChild(br)
-    return requestAnimationFrame(() => expectDocument("a\nb\n"))
+    requestAnimationFrame(() => expectDocument("a\nb\n"))
   })
 
-  test("typing a space in formatted text at the end of a block", function(expectDocument) {
+  test("typing a space in formatted text at the end of a block", function (expectDocument) {
     const element = getEditorElement()
 
-    return clickToolbarButton({ attribute: "bold" }, () => typeCharacters("a", function() {
-      // Press space key
-      triggerEvent(element, "keydown", { charCode: 0, keyCode: 32, which: 32 })
-      triggerEvent(element, "keypress", { charCode: 32, keyCode: 32, which: 32 })
-
-      const boldElement = element.querySelector("strong")
-      boldElement.appendChild(document.createTextNode(" "))
-      boldElement.appendChild(document.createElement("br"))
-
-      return requestAnimationFrame(function() {
-        assert.ok(isToolbarButtonActive({ attribute: "bold" }))
-        assert.textAttributes([ 0, 2 ], { bold: true })
-        return expectDocument("a \n")
+    clickToolbarButton({ attribute: "bold" }, () =>
+      typeCharacters("a", () => {
+        // Press space key
+        triggerEvent(element, "keydown", { charCode: 0, keyCode: 32, which: 32 })
+        triggerEvent(element, "keypress", { charCode: 32, keyCode: 32, which: 32 })
+
+        const boldElement = element.querySelector("strong")
+        boldElement.appendChild(document.createTextNode(" "))
+        boldElement.appendChild(document.createElement("br"))
+
+        requestAnimationFrame(() => {
+          assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+          assert.textAttributes([ 0, 2 ], { bold: true })
+          expectDocument("a \n")
+        })
       })
-    }))
+    )
   })
 
-  test("typing formatted text after a newline at the end of block", function(expectDocument) {
+  test("typing formatted text after a newline at the end of block", function (expectDocument) {
     const element = getEditorElement()
     element.editor.insertHTML("<ul><li>a</li><li><br></li></ul>")
     element.editor.setSelectedRange(3)
 
-    return clickToolbarButton({ attribute: "bold" }, function() {
+    clickToolbarButton({ attribute: "bold" }, () => {
       // Press B key
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 66, which: 66 })
       triggerEvent(element, "keypress", { charCode: 98, keyCode: 98, which: 98 })
@@ -62,19 +65,19 @@ testGroup("Mutation input", { template: "editor_empty" }, function() {
       extraBR.parentNode.insertBefore(node, extraBR)
       extraBR.parentNode.removeChild(extraBR)
 
-      return requestAnimationFrame(function() {
+      requestAnimationFrame(() => {
         assert.ok(isToolbarButtonActive({ attribute: "bold" }))
         assert.textAttributes([ 0, 1 ], {})
         assert.textAttributes([ 3, 4 ], { bold: true })
-        return expectDocument("a\n\nb\n")
+        expectDocument("a\n\nb\n")
       })
     })
   })
 
-  test("typing an emoji after a newline at the end of block", function(expectDocument) {
+  test("typing an emoji after a newline at the end of block", function (expectDocument) {
     const element = getEditorElement()
 
-    return typeCharacters("\n", function() {
+    typeCharacters("\n", () => {
       // Tap 👏🏻 on iOS
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 0, which: 0, key: "👏🏻" })
       triggerEvent(element, "keypress", { charCode: 128079, keyCode: 128079, which: 128079, key: "👏🏻" })
@@ -84,55 +87,55 @@ testGroup("Mutation input", { template: "editor_empty" }, function() {
       extraBR.parentNode.insertBefore(node, extraBR)
       extraBR.parentNode.removeChild(extraBR)
 
-      return requestAnimationFrame(() => expectDocument("\n👏🏻\n"))
+      requestAnimationFrame(() => expectDocument("\n👏🏻\n"))
     })
   })
 
-  test("backspacing an attachment at the beginning of an otherwise empty document", function(expectDocument) {
+  test("backspacing an attachment at the beginning of an otherwise empty document", function (expectDocument) {
     const element = getEditorElement()
     element.editor.loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="10">`)
 
-    return requestAnimationFrame(function() {
+    requestAnimationFrame(() => {
       element.editor.setSelectedRange([ 0, 1 ])
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 8, which: 8 })
 
       element.firstElementChild.innerHTML = "<br>"
 
-      return requestAnimationFrame(function() {
+      requestAnimationFrame(() => {
         assert.locationRange({ index: 0, offset: 0 })
-        return expectDocument("\n")
+        expectDocument("\n")
       })
     })
   })
 
-  test("backspacing a block comment node", function(expectDocument) {
+  test("backspacing a block comment node", function (expectDocument) {
     const element = getEditorElement()
     element.editor.loadHTML("<blockquote>a</blockquote><div>b</div>")
-    return defer(function() {
+    defer(() => {
       element.editor.setSelectedRange(2)
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 8, which: 8 })
       const commentNode = element.lastChild.firstChild
       commentNode.parentNode.removeChild(commentNode)
-      return defer(function() {
+      defer(() => {
         assert.locationRange({ index: 0, offset: 1 })
-        return expectDocument("ab\n")
+        expectDocument("ab\n")
       })
     })
   })
 
-  return test("typing formatted text with autocapitalization on", function(expectDocument) {
+  test("typing formatted text with autocapitalization on", function (expectDocument) {
     const element = getEditorElement()
 
-    return clickToolbarButton({ attribute: "bold" }, function() {
+    clickToolbarButton({ attribute: "bold" }, () => {
       // Type "b", autocapitalize to "B"
       triggerEvent(element, "keydown", { charCode: 0, keyCode: 66, which: 66 })
       triggerEvent(element, "keypress", { charCode: 98, keyCode: 98, which: 98 })
       triggerEvent(element, "textInput", { data: "B" })
 
-      return insertNode(document.createTextNode("B"), function() {
+      insertNode(document.createTextNode("B"), () => {
         assert.ok(isToolbarButtonActive({ attribute: "bold" }))
         assert.textAttributes([ 0, 1 ], { bold: true })
-        return expectDocument("B\n")
+        expectDocument("B\n")
       })
     })
   })
diff --git a/src/test/system/pasting_test.js b/src/test/system/pasting_test.js
index 3d7a697f9..e23893ecc 100644
--- a/src/test/system/pasting_test.js
+++ b/src/test/system/pasting_test.js
@@ -1,37 +1,65 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 import { OBJECT_REPLACEMENT_CHARACTER } from "trix/constants"
 
-import { TEST_IMAGE_URL, after, assert, clickToolbarButton, createFile, defer,
-  expandSelection, moveCursor, pasteContent, pressKey, test, testGroup, testIf,
-  triggerEvent, typeCharacters } from "test/test_helper"
-
-testGroup("Pasting", { template: "editor_empty" }, function() {
-  test("paste plain text", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/plain", "!", () => expectDocument("ab!c\n")))))
-
-  test("paste simple html", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/html", "&lt;", () => expectDocument("ab<c\n")))))
-
-  test("paste complex html", expectDocument => typeCharacters("abc", () => moveCursor("left", () => pasteContent("text/html", "<div>Hello world<br></div><div>This is a test</div>", () => expectDocument("abHello world\nThis is a test\nc\n")))))
-
-  test("paste html in expanded selection", expectDocument => typeCharacters("abc", () => moveCursor("left", () => expandSelection({ direction: "left", times: 2 }, () => pasteContent("text/html", "<strong>x</strong>", function() {
-    assert.selectedRange(1)
-    return expectDocument("xc\n")
-  })))))
-
-  test("paste plain text with CRLF ", expectDocument => pasteContent("text/plain", "a\r\nb\r\nc", () => expectDocument("a\nb\nc\n")))
-
-  test("paste html with CRLF ", expectDocument => pasteContent("text/html", "<div>a<br></div>\r\n<div>b<br></div>\r\n<div>c<br></div>", () => expectDocument("a\nb\nc\n")))
-
-  test("paste unsafe html", function(done) {
+import {
+  TEST_IMAGE_URL,
+  after,
+  assert,
+  clickToolbarButton,
+  createFile,
+  defer,
+  expandSelection,
+  moveCursor,
+  pasteContent,
+  pressKey,
+  test,
+  testGroup,
+  testIf,
+  triggerEvent,
+  typeCharacters,
+} from "test/test_helper"
+
+testGroup("Pasting", { template: "editor_empty" }, () => {
+  test("paste plain text", (expectDocument) =>
+    typeCharacters("abc", () =>
+      moveCursor("left", () => pasteContent("text/plain", "!", () => expectDocument("ab!c\n")))
+    ))
+
+  test("paste simple html", (expectDocument) =>
+    typeCharacters("abc", () =>
+      moveCursor("left", () => pasteContent("text/html", "&lt;", () => expectDocument("ab<c\n")))
+    ))
+
+  test("paste complex html", (expectDocument) =>
+    typeCharacters("abc", () =>
+      moveCursor("left", () =>
+        pasteContent("text/html", "<div>Hello world<br></div><div>This is a test</div>", () =>
+          expectDocument("abHello world\nThis is a test\nc\n")
+        )
+      )
+    ))
+
+  test("paste html in expanded selection", (expectDocument) =>
+    typeCharacters("abc", () =>
+      moveCursor("left", () =>
+        expandSelection({ direction: "left", times: 2 }, () =>
+          pasteContent("text/html", "<strong>x</strong>", () => {
+            assert.selectedRange(1)
+            expectDocument("xc\n")
+          })
+        )
+      )
+    ))
+
+  test("paste plain text with CRLF ", (expectDocument) =>
+    pasteContent("text/plain", "a\r\nb\r\nc", () => expectDocument("a\nb\nc\n")))
+
+  test("paste html with CRLF ", (expectDocument) =>
+    pasteContent("text/html", "<div>a<br></div>\r\n<div>b<br></div>\r\n<div>c<br></div>", () =>
+      expectDocument("a\nb\nc\n")
+    ))
+
+  test("paste unsafe html", (done) => {
     window.unsanitized = []
     const pasteData = {
       "text/plain": "x",
@@ -41,216 +69,265 @@ testGroup("Pasting", { template: "editor_empty" }, function() {
 <script>
   window.unsanitized.push('script tag');
 </script>\
-`
+`,
     }
 
-    return pasteContent(pasteData, () => after(20, function() {
-      assert.deepEqual(window.unsanitized, [])
-      delete window.unsanitized
-      return done()
-    }))
+    pasteContent(pasteData, () =>
+      after(20, () => {
+        assert.deepEqual(window.unsanitized, [])
+        delete window.unsanitized
+        done()
+      })
+    )
   })
 
-  test("prefers plain text when html lacks formatting", function(expectDocument) {
+  test("prefers plain text when html lacks formatting", function (expectDocument) {
     const pasteData = {
       "text/html": "<meta charset='utf-8'>a\nb",
-      "text/plain": "a\nb"
+      "text/plain": "a\nb",
     }
 
-    return pasteContent(pasteData, () => expectDocument("a\nb\n"))
+    pasteContent(pasteData, () => expectDocument("a\nb\n"))
   })
 
-  test("prefers formatted html", function(expectDocument) {
+  test("prefers formatted html", function (expectDocument) {
     const pasteData = {
       "text/html": "<meta charset='utf-8'>a\n<strong>b</strong>",
-      "text/plain": "a\nb"
+      "text/plain": "a\nb",
     }
 
-    return pasteContent(pasteData, () => expectDocument("a b\n"))
+    pasteContent(pasteData, () => expectDocument("a b\n"))
   })
 
-  test("paste URL", expectDocument => typeCharacters("a", () => pasteContent("URL", "http://example.com", function() {
-    assert.textAttributes([ 1, 18 ], { href: "http://example.com" })
-    return expectDocument("ahttp://example.com\n")
-  })))
+  test("paste URL", (expectDocument) =>
+    typeCharacters("a", () =>
+      pasteContent("URL", "http://example.com", () => {
+        assert.textAttributes([ 1, 18 ], { href: "http://example.com" })
+        expectDocument("ahttp://example.com\n")
+      })
+    ))
 
-  test("paste URL with name", function(expectDocument) {
+  test("paste URL with name", function (expectDocument) {
     const pasteData = {
-      "URL": "http://example.com",
+      URL: "http://example.com",
       "public.url-name": "Example",
-      "text/plain": "http://example.com"
+      "text/plain": "http://example.com",
     }
 
-    return pasteContent(pasteData, function() {
+    pasteContent(pasteData, () => {
       assert.textAttributes([ 0, 7 ], { href: "http://example.com" })
-      return expectDocument("Example\n")
+      expectDocument("Example\n")
     })
   })
 
-  test("paste JavaScript URL", function(expectDocument) {
-   const pasteData =
-     { "URL": "javascript:alert('XSS')" }
-   return pasteContent(pasteData, function() {
-     assert.textAttributes([ 0, 23 ], {})
-     return expectDocument("javascript:alert('XSS')\n")
-   })
+  test("paste JavaScript URL", function (expectDocument) {
+    const pasteData = { URL: "javascript:alert('XSS')" }
+    pasteContent(pasteData, () => {
+      assert.textAttributes([ 0, 23 ], {})
+      expectDocument("javascript:alert('XSS')\n")
+    })
   })
 
-  test("paste URL with name containing extraneous whitespace", function(expectDocument) {
+  test("paste URL with name containing extraneous whitespace", function (expectDocument) {
     const pasteData = {
-      "URL": "http://example.com",
+      URL: "http://example.com",
       "public.url-name": "   Example from \n link  around\n\nnested \nelements ",
-      "text/plain": "http://example.com"
+      "text/plain": "http://example.com",
     }
 
-    return pasteContent(pasteData, function() {
+    pasteContent(pasteData, () => {
       assert.textAttributes([ 0, 40 ], { href: "http://example.com" })
-      return expectDocument("Example from link around nested elements\n")
+      expectDocument("Example from link around nested elements\n")
     })
   })
 
-  test("paste complex html into formatted block", done => typeCharacters("abc", () => clickToolbarButton({ attribute: "quote" }, () => pasteContent("text/html", "<div>Hello world<br></div><pre>This is a test</pre>", function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 2)
-
-    let block = document.getBlockAtIndex(0)
-    assert.deepEqual(block.getAttributes(), [ "quote" ],
-    assert.equal(block.toString(), "abcHello world\n"))
-
-    block = document.getBlockAtIndex(1)
-    assert.deepEqual(block.getAttributes(), [ "quote", "code" ])
-    assert.equal(block.toString(), "This is a test\n")
-
-    return done()
-  }))))
-
-  test("paste list into list", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("abc\n", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 3)
-
-    let block = document.getBlockAtIndex(0)
-    assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-    assert.equal(block.toString(), "abc\n")
-
-    block = document.getBlockAtIndex(1)
-    assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-    assert.equal(block.toString(), "one\n")
-
-    block = document.getBlockAtIndex(2)
-    assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-    assert.equal(block.toString(), "two\n")
-
-    return done()
-  }))))
-
-  test("paste list into quote", done => clickToolbarButton({ attribute: "quote" }, () => typeCharacters("abc", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 3)
-
-    let block = document.getBlockAtIndex(0)
-    assert.deepEqual(block.getAttributes(), [ "quote" ])
-    assert.equal(block.toString(), "abc\n")
-
-    block = document.getBlockAtIndex(1)
-    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
-    assert.equal(block.toString(), "one\n")
-
-    block = document.getBlockAtIndex(2)
-    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
-    assert.equal(block.toString(), "two\n")
-
-    return done()
-  }))))
-
-  test("paste list into quoted list", done => clickToolbarButton({ attribute: "quote" }, () => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("abc\n", () => pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", function() {
-    const document = getDocument()
-    assert.equal(document.getBlockCount(), 3)
-
-    let block = document.getBlockAtIndex(0)
-    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
-    assert.equal(block.toString(), "abc\n")
-
-    block = document.getBlockAtIndex(1)
-    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
-    assert.equal(block.toString(), "one\n")
-
-    block = document.getBlockAtIndex(2)
-    assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
-    assert.equal(block.toString(), "two\n")
-
-    return done()
-  })))))
-
-  test("paste nested list into empty list item", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("y\nzz", function() {
-    getSelectionManager().setLocationRange({ index: 0, offset: 1 })
-    return defer(() => pressKey("backspace", function() {
-      pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", function() {})
-      const document = getDocument()
-      assert.equal(document.getBlockCount(), 3)
-
-      let block = document.getBlockAtIndex(0)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-      assert.equal(block.toString(), "a\n")
-
-      block = document.getBlockAtIndex(1)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet", "bulletList", "bullet" ])
-      assert.equal(block.toString(), "b\n")
-
-      block = document.getBlockAtIndex(2)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-      assert.equal(block.toString(), "zz\n")
-      return done()
-    }))
-  })))
-
-  test("paste nested list over list item contents", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("y\nzz", function() {
-    getSelectionManager().setLocationRange({ index: 0, offset: 1 })
-    return defer(() => expandSelection("left", function() {
-      pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", function() {})
-      const document = getDocument()
-      assert.equal(document.getBlockCount(), 3)
-
-      let block = document.getBlockAtIndex(0)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-      assert.equal(block.toString(), "a\n")
-
-      block = document.getBlockAtIndex(1)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet", "bulletList", "bullet" ])
-      assert.equal(block.toString(), "b\n")
-
-      block = document.getBlockAtIndex(2)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-      assert.equal(block.toString(), "zz\n")
-      return done()
-    }))
-  })))
-
-  test("paste list into empty block before list", done => clickToolbarButton({ attribute: "bullet" }, () => typeCharacters("c", () => moveCursor("left", () => pressKey("return", function() {
-    getSelectionManager().setLocationRange({ index: 0, offset: 0 })
-    return defer(() => pasteContent("text/html", "<ul><li>a</li><li>b</li></ul>", function() {
-      const document = getDocument()
-      assert.equal(document.getBlockCount(), 3)
-
-      let block = document.getBlockAtIndex(0)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-      assert.equal(block.toString(), "a\n")
-
-      block = document.getBlockAtIndex(1)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-      assert.equal(block.toString(), "b\n")
-
-      block = document.getBlockAtIndex(2)
-      assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
-      assert.equal(block.toString(), "c\n")
-      return done()
-    }))
-  })))))
-
-  test("paste file", expectDocument => typeCharacters("a", () => pasteContent("Files", createFile(), () => expectDocument(`a${OBJECT_REPLACEMENT_CHARACTER}\n`))))
-
-  return testIf(config.input.getLevel() === 0, "paste event with no clipboardData", expectDocument => typeCharacters("a", function() {
-    triggerEvent(document.activeElement, "paste")
-    document.activeElement.insertAdjacentHTML("beforeend", "<span>bc</span>")
-    return requestAnimationFrame(() => expectDocument("abc\n"))
-  }))
+  test("paste complex html into formatted block", (done) =>
+    typeCharacters("abc", () =>
+      clickToolbarButton({ attribute: "quote" }, () =>
+        pasteContent("text/html", "<div>Hello world<br></div><pre>This is a test</pre>", () => {
+          const document = getDocument()
+          assert.equal(document.getBlockCount(), 2)
+
+          let block = document.getBlockAtIndex(0)
+          assert.deepEqual(block.getAttributes(), [ "quote" ], assert.equal(block.toString(), "abcHello world\n"))
+
+          block = document.getBlockAtIndex(1)
+          assert.deepEqual(block.getAttributes(), [ "quote", "code" ])
+          assert.equal(block.toString(), "This is a test\n")
+
+          done()
+        })
+      )
+    ))
+
+  test("paste list into list", (done) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("abc\n", () =>
+        pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", () => {
+          const document = getDocument()
+          assert.equal(document.getBlockCount(), 3)
+
+          let block = document.getBlockAtIndex(0)
+          assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+          assert.equal(block.toString(), "abc\n")
+
+          block = document.getBlockAtIndex(1)
+          assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+          assert.equal(block.toString(), "one\n")
+
+          block = document.getBlockAtIndex(2)
+          assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+          assert.equal(block.toString(), "two\n")
+
+          done()
+        })
+      )
+    ))
+
+  test("paste list into quote", (done) =>
+    clickToolbarButton({ attribute: "quote" }, () =>
+      typeCharacters("abc", () =>
+        pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", () => {
+          const document = getDocument()
+          assert.equal(document.getBlockCount(), 3)
+
+          let block = document.getBlockAtIndex(0)
+          assert.deepEqual(block.getAttributes(), [ "quote" ])
+          assert.equal(block.toString(), "abc\n")
+
+          block = document.getBlockAtIndex(1)
+          assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+          assert.equal(block.toString(), "one\n")
+
+          block = document.getBlockAtIndex(2)
+          assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+          assert.equal(block.toString(), "two\n")
+
+          done()
+        })
+      )
+    ))
+
+  test("paste list into quoted list", (done) =>
+    clickToolbarButton({ attribute: "quote" }, () =>
+      clickToolbarButton({ attribute: "bullet" }, () =>
+        typeCharacters("abc\n", () =>
+          pasteContent("text/html", "<ul><li>one</li><li>two</li></ul>", () => {
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 3)
+
+            let block = document.getBlockAtIndex(0)
+            assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+            assert.equal(block.toString(), "abc\n")
+
+            block = document.getBlockAtIndex(1)
+            assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+            assert.equal(block.toString(), "one\n")
+
+            block = document.getBlockAtIndex(2)
+            assert.deepEqual(block.getAttributes(), [ "quote", "bulletList", "bullet" ])
+            assert.equal(block.toString(), "two\n")
+
+            done()
+          })
+        )
+      )
+    ))
+
+  test("paste nested list into empty list item", (done) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("y\nzz", () => {
+        getSelectionManager().setLocationRange({ index: 0, offset: 1 })
+        defer(() =>
+          pressKey("backspace", () => {
+            pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", () => {})
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 3)
+
+            let block = document.getBlockAtIndex(0)
+            assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+            assert.equal(block.toString(), "a\n")
+
+            block = document.getBlockAtIndex(1)
+            assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet", "bulletList", "bullet" ])
+            assert.equal(block.toString(), "b\n")
+
+            block = document.getBlockAtIndex(2)
+            assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+            assert.equal(block.toString(), "zz\n")
+            done()
+          })
+        )
+      })
+    ))
+
+  test("paste nested list over list item contents", (done) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("y\nzz", () => {
+        getSelectionManager().setLocationRange({ index: 0, offset: 1 })
+        defer(() =>
+          expandSelection("left", () => {
+            pasteContent("text/html", "<ul><li>a<ul><li>b</li></ul></li></ul>", () => {})
+            const document = getDocument()
+            assert.equal(document.getBlockCount(), 3)
+
+            let block = document.getBlockAtIndex(0)
+            assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+            assert.equal(block.toString(), "a\n")
+
+            block = document.getBlockAtIndex(1)
+            assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet", "bulletList", "bullet" ])
+            assert.equal(block.toString(), "b\n")
+
+            block = document.getBlockAtIndex(2)
+            assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+            assert.equal(block.toString(), "zz\n")
+            done()
+          })
+        )
+      })
+    ))
+
+  test("paste list into empty block before list", (done) =>
+    clickToolbarButton({ attribute: "bullet" }, () =>
+      typeCharacters("c", () =>
+        moveCursor("left", () =>
+          pressKey("return", () => {
+            getSelectionManager().setLocationRange({ index: 0, offset: 0 })
+            defer(() =>
+              pasteContent("text/html", "<ul><li>a</li><li>b</li></ul>", () => {
+                const document = getDocument()
+                assert.equal(document.getBlockCount(), 3)
+
+                let block = document.getBlockAtIndex(0)
+                assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+                assert.equal(block.toString(), "a\n")
+
+                block = document.getBlockAtIndex(1)
+                assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+                assert.equal(block.toString(), "b\n")
+
+                block = document.getBlockAtIndex(2)
+                assert.deepEqual(block.getAttributes(), [ "bulletList", "bullet" ])
+                assert.equal(block.toString(), "c\n")
+                done()
+              })
+            )
+          })
+        )
+      )
+    ))
+
+  test("paste file", (expectDocument) =>
+    typeCharacters("a", () =>
+      pasteContent("Files", createFile(), () => expectDocument(`a${OBJECT_REPLACEMENT_CHARACTER}\n`))
+    ))
+
+  testIf(config.input.getLevel() === 0, "paste event with no clipboardData", (expectDocument) =>
+    typeCharacters("a", () => {
+      triggerEvent(document.activeElement, "paste")
+      document.activeElement.insertAdjacentHTML("beforeend", "<span>bc</span>")
+      requestAnimationFrame(() => expectDocument("abc\n"))
+    })
+  )
 })
diff --git a/src/test/system/text_formatting_test.js b/src/test/system/text_formatting_test.js
index 3a4d3df7c..4d507676c 100644
--- a/src/test/system/text_formatting_test.js
+++ b/src/test/system/text_formatting_test.js
@@ -1,206 +1,270 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 import { makeElement } from "trix/core/helpers"
 import Text from "trix/models/text"
 
-import { assert, clickElement, clickToolbarButton, clickToolbarDialogButton, collapseSelection, expandSelection,
-  fixtures, insertString, insertText, isToolbarButtonActive, isToolbarButtonDisabled, isToolbarDialogActive, moveCursor, pressKey, test, testGroup, testIf, typeCharacters, typeInToolbarDialog, typeToolbarKeyCommand } from "test/test_helper"
-
-testGroup("Text formatting", { template: "editor_empty" }, function() {
-  test("applying attributes to text", done => typeCharacters("abc", () => expandSelection("left", () => clickToolbarButton({ attribute: "bold" }, function() {
-    assert.textAttributes([ 0, 2 ], {})
-    assert.textAttributes([ 2, 3 ], { bold: true })
-    assert.textAttributes([ 3, 4 ], { blockBreak: true })
-    return done()
-  }))))
-
-  test("applying a link to text", done => typeCharacters("abc", () => moveCursor("left", () => expandSelection("left", () => clickToolbarButton({ attribute: "href" }, function() {
-    assert.ok(isToolbarDialogActive({ attribute: "href" }))
-    return typeInToolbarDialog("http://example.com", { attribute: "href" }, function() {
-      assert.textAttributes([ 0, 1 ], {})
-      assert.textAttributes([ 1, 2 ], { href: "http://example.com" })
-      assert.textAttributes([ 2, 3 ], {})
-      return done()
-    })
-  })))))
-
-  test("inserting a link", expectDocument => typeCharacters("a", () => clickToolbarButton({ attribute: "href" }, function() {
-    assert.ok(isToolbarDialogActive({ attribute: "href" }))
-    return typeInToolbarDialog("http://example.com", { attribute: "href" }, function() {
-      assert.textAttributes([ 0, 1 ], {})
-      assert.textAttributes([ 1, 19 ], { href: "http://example.com" })
-      return expectDocument("ahttp://example.com\n")
-    })
-  })))
+import {
+  assert,
+  clickElement,
+  clickToolbarButton,
+  clickToolbarDialogButton,
+  collapseSelection,
+  expandSelection,
+  fixtures,
+  insertString,
+  insertText,
+  isToolbarButtonActive,
+  isToolbarButtonDisabled,
+  isToolbarDialogActive,
+  moveCursor,
+  pressKey,
+  test,
+  testGroup,
+  testIf,
+  typeCharacters,
+  typeInToolbarDialog,
+  typeToolbarKeyCommand,
+} from "test/test_helper"
+
+testGroup("Text formatting", { template: "editor_empty" }, () => {
+  test("applying attributes to text", (done) =>
+    typeCharacters("abc", () =>
+      expandSelection("left", () =>
+        clickToolbarButton({ attribute: "bold" }, () => {
+          assert.textAttributes([ 0, 2 ], {})
+          assert.textAttributes([ 2, 3 ], { bold: true })
+          assert.textAttributes([ 3, 4 ], { blockBreak: true })
+          done()
+        })
+      )
+    ))
+
+  test("applying a link to text", (done) =>
+    typeCharacters("abc", () =>
+      moveCursor("left", () =>
+        expandSelection("left", () =>
+          clickToolbarButton({ attribute: "href" }, () => {
+            assert.ok(isToolbarDialogActive({ attribute: "href" }))
+            typeInToolbarDialog("http://example.com", { attribute: "href" }, () => {
+              assert.textAttributes([ 0, 1 ], {})
+              assert.textAttributes([ 1, 2 ], { href: "http://example.com" })
+              assert.textAttributes([ 2, 3 ], {})
+              done()
+            })
+          })
+        )
+      )
+    ))
+
+  test("inserting a link", (expectDocument) =>
+    typeCharacters("a", () =>
+      clickToolbarButton({ attribute: "href" }, () => {
+        assert.ok(isToolbarDialogActive({ attribute: "href" }))
+        typeInToolbarDialog("http://example.com", { attribute: "href" }, () => {
+          assert.textAttributes([ 0, 1 ], {})
+          assert.textAttributes([ 1, 19 ], { href: "http://example.com" })
+          expectDocument("ahttp://example.com\n")
+        })
+      })
+    ))
 
-  test("editing a link", function(done) {
+  test("editing a link", (done) => {
     insertString("a")
     const text = Text.textForStringWithAttributes("bc", { href: "http://example.com" })
     insertText(text)
     insertString("d")
-    return moveCursor({ direction: "left", times: 2 }, () => clickToolbarButton({ attribute: "href" }, function() {
-      assert.ok(isToolbarDialogActive({ attribute: "href" }))
-      assert.locationRange({ index: 0, offset: 1 }, { index: 0, offset: 3 })
-      return typeInToolbarDialog("http://example.org", { attribute: "href" }, function() {
-        assert.textAttributes([ 0, 1 ], {})
-        assert.textAttributes([ 1, 3 ], { href: "http://example.org" })
-        assert.textAttributes([ 3, 4 ], {})
-        return done()
+    moveCursor({ direction: "left", times: 2 }, () =>
+      clickToolbarButton({ attribute: "href" }, () => {
+        assert.ok(isToolbarDialogActive({ attribute: "href" }))
+        assert.locationRange({ index: 0, offset: 1 }, { index: 0, offset: 3 })
+        typeInToolbarDialog("http://example.org", { attribute: "href" }, () => {
+          assert.textAttributes([ 0, 1 ], {})
+          assert.textAttributes([ 1, 3 ], { href: "http://example.org" })
+          assert.textAttributes([ 3, 4 ], {})
+          done()
+        })
       })
-    }))
+    )
   })
 
-  test("removing a link", function(done) {
+  test("removing a link", (done) => {
     const text = Text.textForStringWithAttributes("ab", { href: "http://example.com" })
     insertText(text)
     assert.textAttributes([ 0, 2 ], { href: "http://example.com" })
-    return expandSelection({ direction: "left", times: 2 }, () => clickToolbarButton({ attribute: "href" }, () => clickToolbarDialogButton({ method: "removeAttribute" }, function() {
-      assert.textAttributes([ 0, 2 ], {})
-      return done()
-    })))
+    expandSelection({ direction: "left", times: 2 }, () =>
+      clickToolbarButton({ attribute: "href" }, () =>
+        clickToolbarDialogButton({ method: "removeAttribute" }, () => {
+          assert.textAttributes([ 0, 2 ], {})
+          done()
+        })
+      )
+    )
   })
 
-  test("selecting an attachment disables text formatting", function(done) {
+  test("selecting an attachment disables text formatting", (done) => {
     const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
     insertText(text)
-    return typeCharacters("a", function() {
+    typeCharacters("a", () => {
       assert.notOk(isToolbarButtonDisabled({ attribute: "bold" }))
-      return expandSelection("left", function() {
+      expandSelection("left", () => {
         assert.notOk(isToolbarButtonDisabled({ attribute: "bold" }))
-        return expandSelection("left", function() {
+        expandSelection("left", () => {
           assert.ok(isToolbarButtonDisabled({ attribute: "bold" }))
-          return done()
+          done()
         })
       })
     })
   })
 
-  test("selecting an attachment deactivates toolbar dialog", function(done) {
+  test("selecting an attachment deactivates toolbar dialog", (done) => {
     const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
     insertText(text)
-    return clickToolbarButton({ attribute: "href" }, function() {
+    clickToolbarButton({ attribute: "href" }, () => {
       assert.ok(isToolbarDialogActive({ attribute: "href" }))
-      return clickElement(getEditorElement().querySelector("figure"), function() {
+      clickElement(getEditorElement().querySelector("figure"), () => {
         assert.notOk(isToolbarDialogActive({ attribute: "href" }))
         assert.ok(isToolbarButtonDisabled({ attribute: "href" }))
-        return done()
+        done()
       })
     })
   })
 
-  test("typing over a selected attachment does not apply disabled formatting attributes", function(expectDocument) {
+  test("typing over a selected attachment does not apply disabled formatting attributes", function (expectDocument) {
     const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
     insertText(text)
-    return expandSelection("left", function() {
+    expandSelection("left", () => {
       assert.ok(isToolbarButtonDisabled({ attribute: "bold" }))
-      return typeCharacters("a", function() {
+      typeCharacters("a", () => {
         assert.textAttributes([ 0, 1 ], {})
-        return expectDocument("a\n")
+        expectDocument("a\n")
       })
     })
   })
 
-  test("applying a link to an attachment with a host-provided href", function(done) {
+  test("applying a link to an attachment with a host-provided href", (done) => {
     const text = fixtures["file attachment"].document.getBlockAtIndex(0).getTextWithoutBlockBreak()
     insertText(text)
-    return typeCharacters("a", function() {
+    typeCharacters("a", () => {
       assert.notOk(isToolbarButtonDisabled({ attribute: "href" }))
-      return expandSelection("left", function() {
+      expandSelection("left", () => {
         assert.notOk(isToolbarButtonDisabled({ attribute: "href" }))
-        return expandSelection("left", function() {
+        expandSelection("left", () => {
           assert.ok(isToolbarButtonDisabled({ attribute: "href" }))
-          return done()
+          done()
         })
       })
     })
   })
 
-  test("typing after a link", done => typeCharacters("ab", () => expandSelection({ direction: "left", times: 2 }, () => clickToolbarButton({ attribute: "href" }, () => typeInToolbarDialog("http://example.com", { attribute: "href" }, () => collapseSelection("right", function() {
-    assert.locationRange({ index: 0, offset: 2 })
-    return typeCharacters("c", function() {
-      assert.textAttributes([ 0, 2 ], { href: "http://example.com" })
-      assert.textAttributes([ 2, 3 ], {})
-      return moveCursor("left", function() {
-        assert.notOk(isToolbarButtonActive({ attribute: "href" }))
-        return moveCursor("left", function() {
-          assert.ok(isToolbarButtonActive({ attribute: "href" }))
-          return done()
-        })
-      })
-    })
-  }))))))
-
-  test("applying formatting and then typing", done => typeCharacters("a", () => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("bcd", () => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("e", function() {
-    assert.textAttributes([ 0, 1 ], {})
-    assert.textAttributes([ 1, 4 ], { bold: true })
-    assert.textAttributes([ 4, 5 ], {})
-    return done()
-  }))))))
-
-  test("applying formatting and then moving the cursor away", done => typeCharacters("abc", () => moveCursor("left", function() {
-    assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
-    return clickToolbarButton({ attribute: "bold" }, function() {
-      assert.ok(isToolbarButtonActive({ attribute: "bold" }))
-      return moveCursor("right", function() {
+  test("typing after a link", (done) =>
+    typeCharacters("ab", () =>
+      expandSelection({ direction: "left", times: 2 }, () =>
+        clickToolbarButton({ attribute: "href" }, () =>
+          typeInToolbarDialog("http://example.com", { attribute: "href" }, () =>
+            collapseSelection("right", () => {
+              assert.locationRange({ index: 0, offset: 2 })
+              typeCharacters("c", () => {
+                assert.textAttributes([ 0, 2 ], { href: "http://example.com" })
+                assert.textAttributes([ 2, 3 ], {})
+                moveCursor("left", () => {
+                  assert.notOk(isToolbarButtonActive({ attribute: "href" }))
+                  moveCursor("left", () => {
+                    assert.ok(isToolbarButtonActive({ attribute: "href" }))
+                    done()
+                  })
+                })
+              })
+            })
+          )
+        )
+      )
+    ))
+
+  test("applying formatting and then typing", (done) =>
+    typeCharacters("a", () =>
+      clickToolbarButton({ attribute: "bold" }, () =>
+        typeCharacters("bcd", () =>
+          clickToolbarButton({ attribute: "bold" }, () =>
+            typeCharacters("e", () => {
+              assert.textAttributes([ 0, 1 ], {})
+              assert.textAttributes([ 1, 4 ], { bold: true })
+              assert.textAttributes([ 4, 5 ], {})
+              done()
+            })
+          )
+        )
+      )
+    ))
+
+  test("applying formatting and then moving the cursor away", (done) =>
+    typeCharacters("abc", () =>
+      moveCursor("left", () => {
         assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
-        return moveCursor("left", function() {
-          assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
-          assert.textAttributes([ 0, 3 ], {})
-          assert.textAttributes([ 3, 4 ], { blockBreak: true })
-          return done()
+        clickToolbarButton({ attribute: "bold" }, () => {
+          assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+          moveCursor("right", () => {
+            assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
+            moveCursor("left", () => {
+              assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
+              assert.textAttributes([ 0, 3 ], {})
+              assert.textAttributes([ 3, 4 ], { blockBreak: true })
+              done()
+            })
+          })
         })
       })
-    })
-  })))
+    ))
 
-  test("applying formatting to an unfocused editor", function(done) {
+  test("applying formatting to an unfocused editor", (done) => {
     const input = makeElement("input", { type: "text" })
     document.body.appendChild(input)
     input.focus()
 
-    return clickToolbarButton({ attribute: "bold" }, () => typeCharacters("a", function() {
-      assert.textAttributes([ 0, 1 ], { bold: true })
-      document.body.removeChild(input)
-      return done()
-    }))
+    clickToolbarButton({ attribute: "bold" }, () =>
+      typeCharacters("a", () => {
+        assert.textAttributes([ 0, 1 ], { bold: true })
+        document.body.removeChild(input)
+        done()
+      })
+    )
   })
 
-  test("editing formatted text", done => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("ab", () => clickToolbarButton({ attribute: "bold" }, () => typeCharacters("c", function() {
-    assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
-    return moveCursor("left", function() {
-      assert.ok(isToolbarButtonActive({ attribute: "bold" }))
-      return moveCursor("left", function() {
-        assert.ok(isToolbarButtonActive({ attribute: "bold" }))
-        return typeCharacters("Z", function() {
-          assert.ok(isToolbarButtonActive({ attribute: "bold" }))
-          assert.textAttributes([ 0, 3 ], { bold: true })
-          assert.textAttributes([ 3, 4 ], {})
-          assert.textAttributes([ 4, 5 ], { blockBreak: true })
-          return moveCursor("right", function() {
-            assert.ok(isToolbarButtonActive({ attribute: "bold" }))
-            return moveCursor("right", function() {
-              assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
-              return done()
+  test("editing formatted text", (done) =>
+    clickToolbarButton({ attribute: "bold" }, () =>
+      typeCharacters("ab", () =>
+        clickToolbarButton({ attribute: "bold" }, () =>
+          typeCharacters("c", () => {
+            assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
+            moveCursor("left", () => {
+              assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+              moveCursor("left", () => {
+                assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+                typeCharacters("Z", () => {
+                  assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+                  assert.textAttributes([ 0, 3 ], { bold: true })
+                  assert.textAttributes([ 3, 4 ], {})
+                  assert.textAttributes([ 4, 5 ], { blockBreak: true })
+                  moveCursor("right", () => {
+                    assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+                    moveCursor("right", () => {
+                      assert.notOk(isToolbarButtonActive({ attribute: "bold" }))
+                      done()
+                    })
+                  })
+                })
+              })
             })
           })
-        })
-      })
-    })
-  })))))
+        )
+      )
+    ))
 
-  testIf(config.input.getLevel() === 0, "key command activates toolbar button", done => typeToolbarKeyCommand({ attribute: "bold" }, function() {
-    assert.ok(isToolbarButtonActive({ attribute: "bold" }))
-    return done()
-  }))
+  testIf(config.input.getLevel() === 0, "key command activates toolbar button", (done) =>
+    typeToolbarKeyCommand({ attribute: "bold" }, () => {
+      assert.ok(isToolbarButtonActive({ attribute: "bold" }))
+      done()
+    })
+  )
 
-  return test("backspacing newline after text", expectDocument => typeCharacters("a\n", () => pressKey("backspace", () => expectDocument("a\n"))))
+  test("backspacing newline after text", (expectDocument) =>
+    typeCharacters("a\n", () => pressKey("backspace", () => expectDocument("a\n"))))
 })
diff --git a/src/test/system/undo_test.js b/src/test/system/undo_test.js
index 2ddd4755e..5807b4a52 100644
--- a/src/test/system/undo_test.js
+++ b/src/test/system/undo_test.js
@@ -1,84 +1,95 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-import { assert, clickToolbarButton, expandSelection, moveCursor, test, testGroup, typeCharacters } from "test/test_helper"
+import {
+  assert,
+  clickToolbarButton,
+  expandSelection,
+  moveCursor,
+  test,
+  testGroup,
+  typeCharacters,
+} from "test/test_helper"
 
-testGroup("Undo/Redo", { template: "editor_empty" }, function() {
-  test("typing and undoing", function(done) {
+testGroup("Undo/Redo", { template: "editor_empty" }, () => {
+  test("typing and undoing", (done) => {
     const first = getDocument().copy()
-    return typeCharacters("abc", function() {
+    typeCharacters("abc", () => {
       assert.notOk(getDocument().isEqualTo(first))
-      return clickToolbarButton({ action: "undo" }, function() {
+      clickToolbarButton({ action: "undo" }, () => {
         assert.ok(getDocument().isEqualTo(first))
-        return done()
+        done()
       })
     })
   })
 
-  test("typing, formatting, typing, and undoing", function(done) {
+  test("typing, formatting, typing, and undoing", (done) => {
     const first = getDocument().copy()
-    return typeCharacters("abc", function() {
+    typeCharacters("abc", () => {
       const second = getDocument().copy()
-      return clickToolbarButton({ attribute: "bold" }, () => typeCharacters("def", function() {
-        const third = getDocument().copy()
-        return clickToolbarButton({ action: "undo" }, function() {
-          assert.ok(getDocument().isEqualTo(second))
-          return clickToolbarButton({ action: "undo" }, function() {
-            assert.ok(getDocument().isEqualTo(first))
-            return clickToolbarButton({ action: "redo" }, function() {
-              assert.ok(getDocument().isEqualTo(second))
-              return clickToolbarButton({ action: "redo" }, function() {
-                assert.ok(getDocument().isEqualTo(third))
-                return done()
+      clickToolbarButton({ attribute: "bold" }, () =>
+        typeCharacters("def", () => {
+          const third = getDocument().copy()
+          clickToolbarButton({ action: "undo" }, () => {
+            assert.ok(getDocument().isEqualTo(second))
+            clickToolbarButton({ action: "undo" }, () => {
+              assert.ok(getDocument().isEqualTo(first))
+              clickToolbarButton({ action: "redo" }, () => {
+                assert.ok(getDocument().isEqualTo(second))
+                clickToolbarButton({ action: "redo" }, () => {
+                  assert.ok(getDocument().isEqualTo(third))
+                  done()
+                })
               })
             })
           })
         })
-      }))
+      )
     })
   })
 
-  test("formatting changes are batched by location range", done => typeCharacters("abc", function() {
-    const first = getDocument().copy()
-    return expandSelection("left", () => clickToolbarButton({ attribute: "bold" }, () => clickToolbarButton({ attribute: "italic" }, function() {
-      const second = getDocument().copy()
-      return moveCursor("left", () => expandSelection("left", () => clickToolbarButton({ attribute: "italic" }, function() {
-        const third = getDocument().copy()
-        return clickToolbarButton({ action: "undo" }, function() {
-          assert.ok(getDocument().isEqualTo(second))
-          return clickToolbarButton({ action: "undo" }, function() {
-            assert.ok(getDocument().isEqualTo(first))
-            return clickToolbarButton({ action: "redo" }, function() {
-              assert.ok(getDocument().isEqualTo(second))
-              return clickToolbarButton({ action: "redo" }, function() {
-                assert.ok(getDocument().isEqualTo(third))
-                return done()
-              })
-            })
+  test("formatting changes are batched by location range", (done) =>
+    typeCharacters("abc", () => {
+      const first = getDocument().copy()
+      expandSelection("left", () =>
+        clickToolbarButton({ attribute: "bold" }, () =>
+          clickToolbarButton({ attribute: "italic" }, () => {
+            const second = getDocument().copy()
+            moveCursor("left", () =>
+              expandSelection("left", () =>
+                clickToolbarButton({ attribute: "italic" }, () => {
+                  const third = getDocument().copy()
+                  clickToolbarButton({ action: "undo" }, () => {
+                    assert.ok(getDocument().isEqualTo(second))
+                    clickToolbarButton({ action: "undo" }, () => {
+                      assert.ok(getDocument().isEqualTo(first))
+                      clickToolbarButton({ action: "redo" }, () => {
+                        assert.ok(getDocument().isEqualTo(second))
+                        clickToolbarButton({ action: "redo" }, () => {
+                          assert.ok(getDocument().isEqualTo(third))
+                          done()
+                        })
+                      })
+                    })
+                  })
+                })
+              )
+            )
           })
-        })
-      })))
-    })))
-  }))
+        )
+      )
+    }))
 
-  return test("block formatting are undoable", done => typeCharacters("abc", function() {
-    const first = getDocument().copy()
-    return clickToolbarButton({ attribute: "heading1" }, function() {
-      const second = getDocument().copy()
-      return clickToolbarButton({ action: "undo" }, function() {
-        assert.ok(getDocument().isEqualTo(first))
-        return clickToolbarButton({ action: "redo" }, function() {
-          assert.ok(getDocument().isEqualTo(second))
-          return done()
+  test("block formatting are undoable", (done) => {
+    typeCharacters("abc", () => {
+      const first = getDocument().copy()
+      clickToolbarButton({ attribute: "heading1" }, () => {
+        const second = getDocument().copy()
+        clickToolbarButton({ action: "undo" }, () => {
+          assert.ok(getDocument().isEqualTo(first))
+          clickToolbarButton({ action: "redo" }, () => {
+            assert.ok(getDocument().isEqualTo(second))
+            done()
+          })
         })
       })
     })
-  }))
+  })
 })
diff --git a/src/test/test_helpers/assertions.coffee b/src/test/test_helpers/assertions.coffee
index 000c720d4..8bb0b4ee0 100644
--- a/src/test/test_helpers/assertions.coffee
+++ b/src/test/test_helpers/assertions.coffee
@@ -15,14 +15,14 @@ assert.selectedRange = (range) ->
   @deepEqual(actualRange, expectedRange)
 
 assert.textAttributes = (range, attributes) ->
-  document = getDocument().getDocumentAtRange(range)
+  document = window.getDocument().getDocumentAtRange(range)
   blocks = document.getBlocks()
   throw "range #{JSON.stringify(range)} spans more than one block" unless blocks.length is 1
 
-  locationRange = getDocument().locationRangeFromRange(range)
+  locationRange = window.getDocument().locationRangeFromRange(range)
   textIndex = locationRange[0].index
   textRange = [locationRange[0].offset, locationRange[1].offset]
-  text = getDocument().getTextAtIndex(textIndex).getTextAtRange(textRange)
+  text = window.getDocument().getTextAtIndex(textIndex).getTextAtRange(textRange)
   pieces = text.getPieces()
   throw "range #{JSON.stringify(range)} must only span one piece" unless pieces.length is 1
 
@@ -30,7 +30,7 @@ assert.textAttributes = (range, attributes) ->
   @deepEqual piece.getAttributes(), attributes
 
 assert.blockAttributes = (range, attributes) ->
-  document = getDocument().getDocumentAtRange(range)
+  document = window.getDocument().getDocumentAtRange(range)
   blocks = document.getBlocks()
   throw "range #{JSON.stringify(range)} spans more than one block" unless blocks.length is 1
 
diff --git a/src/test/unit/html_parser_test.js b/src/test/unit/html_parser_test.js
index 909ca4119..780cf9503 100644
--- a/src/test/unit/html_parser_test.js
+++ b/src/test/unit/html_parser_test.js
@@ -1,4 +1,4 @@
-import { after, assert, createCursorTarget, eachFixture, fixtures, getHTML, test, testGroup, TEST_IMAGE_URL } from "test/test_helper"
+import { TEST_IMAGE_URL, after, assert, createCursorTarget, eachFixture, fixtures, getHTML, test, testGroup } from "test/test_helper"
 
 import config from "trix/config"
 import HTMLParser from "trix/models/html_parser"
diff --git a/src/test/unit/location_mapper_test.js b/src/test/unit/location_mapper_test.js
index f3854c050..b1f82ce94 100644
--- a/src/test/unit/location_mapper_test.js
+++ b/src/test/unit/location_mapper_test.js
@@ -1,4 +1,4 @@
-import { assert, test, testGroup, TEST_IMAGE_URL } from "test/test_helper"
+import { TEST_IMAGE_URL, assert, test, testGroup } from "test/test_helper"
 
 import DocumentView from "trix/views/document_view"
 import Document from "trix/models/document"

From 7fae054d11d6bb8a21fc97ddd2783dbeba6ae30c Mon Sep 17 00:00:00 2001
From: Alberto Fernandez-Capel <alberto@hey.com>
Date: Tue, 7 Dec 2021 12:26:00 +0000
Subject: [PATCH 05/12] Allow global test helpers

---
 .eslintrc | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/.eslintrc b/.eslintrc
index bc8bb1375..f126b8bf5 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -27,7 +27,15 @@
   },
   "ignorePatterns": ["dist/**/*.js", "**/vendor/**/*.js"],
   "globals": {
+    "getComposition": true,
+    "getDocument": true,
+    "getEditor": true,
+    "getEditorController": true,
+    "getEditorElement": true,
+    "getSelectionManager": true,
+    "rangy": true,
     "Trix": true
+
   },
   "env": {
     "browser": true,

From 937bf711ca185432db8b65d708b1760def53af04 Mon Sep 17 00:00:00 2001
From: decaffeinate <alberto@hey.com>
Date: Tue, 7 Dec 2021 12:39:19 +0000
Subject: [PATCH 06/12] decaffeinate: Rename system.coffee and 25 other files
 from .coffee to .js

---
 src/test/{system.coffee => system.js}                             | 0
 src/test/{test.coffee => test.js}                                 | 0
 src/test/{test_helper.coffee => test_helper.js}                   | 0
 src/test/test_helpers/{assertions.coffee => assertions.js}        | 0
 .../test_helpers/{editor_helpers.coffee => editor_helpers.js}     | 0
 src/test/test_helpers/{event_helpers.coffee => event_helpers.js}  | 0
 ...tor_default_aria_label.coffee => editor_default_aria_label.js} | 0
 .../fixtures/{editor_empty.coffee => editor_empty.js}             | 0
 .../test_helpers/fixtures/{editor_html.coffee => editor_html.js}  | 0
 .../fixtures/{editor_in_table.coffee => editor_in_table.js}       | 0
 ...ditor_with_block_styles.coffee => editor_with_block_styles.js} | 0
 ...{editor_with_bold_styles.coffee => editor_with_bold_styles.js} | 0
 .../fixtures/{editor_with_image.coffee => editor_with_image.js}   | 0
 .../fixtures/{editor_with_labels.coffee => editor_with_labels.js} | 0
 ...r_with_styled_content.coffee => editor_with_styled_content.js} | 0
 ..._toolbar_and_input.coffee => editor_with_toolbar_and_input.js} | 0
 .../fixtures/{editors_with_forms.coffee => editors_with_forms.js} | 0
 src/test/test_helpers/fixtures/{fixtures.coffee => fixtures.js}   | 0
 .../fixtures/{test_image_url.coffee => test_image_url.js}         | 0
 src/test/test_helpers/{functions.coffee => functions.js}          | 0
 src/test/test_helpers/{input_helpers.coffee => input_helpers.js}  | 0
 .../{selection_helpers.coffee => selection_helpers.js}            | 0
 src/test/test_helpers/{test_helpers.coffee => test_helpers.js}    | 0
 src/test/test_helpers/{test_stubs.coffee => test_stubs.js}        | 0
 .../test_helpers/{toolbar_helpers.coffee => toolbar_helpers.js}   | 0
 src/test/{unit.coffee => unit.js}                                 | 0
 26 files changed, 0 insertions(+), 0 deletions(-)
 rename src/test/{system.coffee => system.js} (100%)
 rename src/test/{test.coffee => test.js} (100%)
 rename src/test/{test_helper.coffee => test_helper.js} (100%)
 rename src/test/test_helpers/{assertions.coffee => assertions.js} (100%)
 rename src/test/test_helpers/{editor_helpers.coffee => editor_helpers.js} (100%)
 rename src/test/test_helpers/{event_helpers.coffee => event_helpers.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_default_aria_label.coffee => editor_default_aria_label.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_empty.coffee => editor_empty.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_html.coffee => editor_html.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_in_table.coffee => editor_in_table.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_with_block_styles.coffee => editor_with_block_styles.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_with_bold_styles.coffee => editor_with_bold_styles.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_with_image.coffee => editor_with_image.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_with_labels.coffee => editor_with_labels.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_with_styled_content.coffee => editor_with_styled_content.js} (100%)
 rename src/test/test_helpers/fixtures/{editor_with_toolbar_and_input.coffee => editor_with_toolbar_and_input.js} (100%)
 rename src/test/test_helpers/fixtures/{editors_with_forms.coffee => editors_with_forms.js} (100%)
 rename src/test/test_helpers/fixtures/{fixtures.coffee => fixtures.js} (100%)
 rename src/test/test_helpers/fixtures/{test_image_url.coffee => test_image_url.js} (100%)
 rename src/test/test_helpers/{functions.coffee => functions.js} (100%)
 rename src/test/test_helpers/{input_helpers.coffee => input_helpers.js} (100%)
 rename src/test/test_helpers/{selection_helpers.coffee => selection_helpers.js} (100%)
 rename src/test/test_helpers/{test_helpers.coffee => test_helpers.js} (100%)
 rename src/test/test_helpers/{test_stubs.coffee => test_stubs.js} (100%)
 rename src/test/test_helpers/{toolbar_helpers.coffee => toolbar_helpers.js} (100%)
 rename src/test/{unit.coffee => unit.js} (100%)

diff --git a/src/test/system.coffee b/src/test/system.js
similarity index 100%
rename from src/test/system.coffee
rename to src/test/system.js
diff --git a/src/test/test.coffee b/src/test/test.js
similarity index 100%
rename from src/test/test.coffee
rename to src/test/test.js
diff --git a/src/test/test_helper.coffee b/src/test/test_helper.js
similarity index 100%
rename from src/test/test_helper.coffee
rename to src/test/test_helper.js
diff --git a/src/test/test_helpers/assertions.coffee b/src/test/test_helpers/assertions.js
similarity index 100%
rename from src/test/test_helpers/assertions.coffee
rename to src/test/test_helpers/assertions.js
diff --git a/src/test/test_helpers/editor_helpers.coffee b/src/test/test_helpers/editor_helpers.js
similarity index 100%
rename from src/test/test_helpers/editor_helpers.coffee
rename to src/test/test_helpers/editor_helpers.js
diff --git a/src/test/test_helpers/event_helpers.coffee b/src/test/test_helpers/event_helpers.js
similarity index 100%
rename from src/test/test_helpers/event_helpers.coffee
rename to src/test/test_helpers/event_helpers.js
diff --git a/src/test/test_helpers/fixtures/editor_default_aria_label.coffee b/src/test/test_helpers/fixtures/editor_default_aria_label.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_default_aria_label.coffee
rename to src/test/test_helpers/fixtures/editor_default_aria_label.js
diff --git a/src/test/test_helpers/fixtures/editor_empty.coffee b/src/test/test_helpers/fixtures/editor_empty.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_empty.coffee
rename to src/test/test_helpers/fixtures/editor_empty.js
diff --git a/src/test/test_helpers/fixtures/editor_html.coffee b/src/test/test_helpers/fixtures/editor_html.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_html.coffee
rename to src/test/test_helpers/fixtures/editor_html.js
diff --git a/src/test/test_helpers/fixtures/editor_in_table.coffee b/src/test/test_helpers/fixtures/editor_in_table.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_in_table.coffee
rename to src/test/test_helpers/fixtures/editor_in_table.js
diff --git a/src/test/test_helpers/fixtures/editor_with_block_styles.coffee b/src/test/test_helpers/fixtures/editor_with_block_styles.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_with_block_styles.coffee
rename to src/test/test_helpers/fixtures/editor_with_block_styles.js
diff --git a/src/test/test_helpers/fixtures/editor_with_bold_styles.coffee b/src/test/test_helpers/fixtures/editor_with_bold_styles.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_with_bold_styles.coffee
rename to src/test/test_helpers/fixtures/editor_with_bold_styles.js
diff --git a/src/test/test_helpers/fixtures/editor_with_image.coffee b/src/test/test_helpers/fixtures/editor_with_image.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_with_image.coffee
rename to src/test/test_helpers/fixtures/editor_with_image.js
diff --git a/src/test/test_helpers/fixtures/editor_with_labels.coffee b/src/test/test_helpers/fixtures/editor_with_labels.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_with_labels.coffee
rename to src/test/test_helpers/fixtures/editor_with_labels.js
diff --git a/src/test/test_helpers/fixtures/editor_with_styled_content.coffee b/src/test/test_helpers/fixtures/editor_with_styled_content.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_with_styled_content.coffee
rename to src/test/test_helpers/fixtures/editor_with_styled_content.js
diff --git a/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.coffee b/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editor_with_toolbar_and_input.coffee
rename to src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
diff --git a/src/test/test_helpers/fixtures/editors_with_forms.coffee b/src/test/test_helpers/fixtures/editors_with_forms.js
similarity index 100%
rename from src/test/test_helpers/fixtures/editors_with_forms.coffee
rename to src/test/test_helpers/fixtures/editors_with_forms.js
diff --git a/src/test/test_helpers/fixtures/fixtures.coffee b/src/test/test_helpers/fixtures/fixtures.js
similarity index 100%
rename from src/test/test_helpers/fixtures/fixtures.coffee
rename to src/test/test_helpers/fixtures/fixtures.js
diff --git a/src/test/test_helpers/fixtures/test_image_url.coffee b/src/test/test_helpers/fixtures/test_image_url.js
similarity index 100%
rename from src/test/test_helpers/fixtures/test_image_url.coffee
rename to src/test/test_helpers/fixtures/test_image_url.js
diff --git a/src/test/test_helpers/functions.coffee b/src/test/test_helpers/functions.js
similarity index 100%
rename from src/test/test_helpers/functions.coffee
rename to src/test/test_helpers/functions.js
diff --git a/src/test/test_helpers/input_helpers.coffee b/src/test/test_helpers/input_helpers.js
similarity index 100%
rename from src/test/test_helpers/input_helpers.coffee
rename to src/test/test_helpers/input_helpers.js
diff --git a/src/test/test_helpers/selection_helpers.coffee b/src/test/test_helpers/selection_helpers.js
similarity index 100%
rename from src/test/test_helpers/selection_helpers.coffee
rename to src/test/test_helpers/selection_helpers.js
diff --git a/src/test/test_helpers/test_helpers.coffee b/src/test/test_helpers/test_helpers.js
similarity index 100%
rename from src/test/test_helpers/test_helpers.coffee
rename to src/test/test_helpers/test_helpers.js
diff --git a/src/test/test_helpers/test_stubs.coffee b/src/test/test_helpers/test_stubs.js
similarity index 100%
rename from src/test/test_helpers/test_stubs.coffee
rename to src/test/test_helpers/test_stubs.js
diff --git a/src/test/test_helpers/toolbar_helpers.coffee b/src/test/test_helpers/toolbar_helpers.js
similarity index 100%
rename from src/test/test_helpers/toolbar_helpers.coffee
rename to src/test/test_helpers/toolbar_helpers.js
diff --git a/src/test/unit.coffee b/src/test/unit.js
similarity index 100%
rename from src/test/unit.coffee
rename to src/test/unit.js

From 3d73f207bc29685e58d386aa9f727c9756b7d3c5 Mon Sep 17 00:00:00 2001
From: decaffeinate <alberto@hey.com>
Date: Tue, 7 Dec 2021 12:39:22 +0000
Subject: [PATCH 07/12] decaffeinate: Convert system.coffee and 25 other files
 to JS

---
 src/test/system.js                            |   42 +-
 src/test/test.js                              |   37 +-
 src/test/test_helper.js                       |   53 +-
 src/test/test_helpers/assertions.js           |  103 +-
 src/test/test_helpers/editor_helpers.js       |   87 +-
 src/test/test_helpers/event_helpers.js        |   23 +-
 .../fixtures/editor_default_aria_label.js     |    6 +-
 .../test_helpers/fixtures/editor_empty.js     |    2 +-
 src/test/test_helpers/fixtures/editor_html.js |    6 +-
 .../test_helpers/fixtures/editor_in_table.js  |    6 +-
 .../fixtures/editor_with_block_styles.js      |    6 +-
 .../fixtures/editor_with_bold_styles.js       |    6 +-
 .../fixtures/editor_with_image.js             |    8 +-
 .../fixtures/editor_with_labels.js            |    6 +-
 .../fixtures/editor_with_styled_content.js    |    6 +-
 .../fixtures/editor_with_toolbar_and_input.js |    6 +-
 .../fixtures/editors_with_forms.js            |    6 +-
 src/test/test_helpers/fixtures/fixtures.js    | 1253 +++++++++--------
 .../test_helpers/fixtures/test_image_url.js   |    2 +-
 src/test/test_helpers/functions.js            |   19 +-
 src/test/test_helpers/input_helpers.js        |  541 ++++---
 src/test/test_helpers/selection_helpers.js    |  259 ++--
 src/test/test_helpers/test_helpers.js         |  187 ++-
 src/test/test_helpers/test_stubs.js           |   78 +-
 src/test/test_helpers/toolbar_helpers.js      |  102 +-
 src/test/unit.js                              |   22 +-
 26 files changed, 1602 insertions(+), 1270 deletions(-)

diff --git a/src/test/system.js b/src/test/system.js
index 513f7a4f8..bea75a5ad 100644
--- a/src/test/system.js
+++ b/src/test/system.js
@@ -1,21 +1,21 @@
-import "test/system/accessibility_test"
-import "test/system/attachment_caption_test"
-import "test/system/attachment_gallery_test"
-import "test/system/attachment_test"
-import "test/system/basic_input_test"
-import "test/system/block_formatting_test"
-import "test/system/caching_test"
-import "test/system/canceled_input_test"
-import "test/system/composition_input_test"
-import "test/system/cursor_movement_test"
-import "test/system/custom_element_test"
-import "test/system/html_loading_test"
-import "test/system/html_reparsing_test"
-import "test/system/html_replacement_test"
-import "test/system/installation_process_test"
-import "test/system/level_2_input_test"
-import "test/system/list_formatting_test"
-import "test/system/mutation_input_test"
-import "test/system/pasting_test"
-import "test/system/text_formatting_test"
-import "test/system/undo_test"
+import "test/system/accessibility_test";
+import "test/system/attachment_caption_test";
+import "test/system/attachment_gallery_test";
+import "test/system/attachment_test";
+import "test/system/basic_input_test";
+import "test/system/block_formatting_test";
+import "test/system/caching_test";
+import "test/system/canceled_input_test";
+import "test/system/composition_input_test";
+import "test/system/cursor_movement_test";
+import "test/system/custom_element_test";
+import "test/system/html_loading_test";
+import "test/system/html_reparsing_test";
+import "test/system/html_replacement_test";
+import "test/system/installation_process_test";
+import "test/system/level_2_input_test";
+import "test/system/list_formatting_test";
+import "test/system/mutation_input_test";
+import "test/system/pasting_test";
+import "test/system/text_formatting_test";
+import "test/system/undo_test";
diff --git a/src/test/test.js b/src/test/test.js
index 4872fb3ed..bcaed99d3 100644
--- a/src/test/test.js
+++ b/src/test/test.js
@@ -1,23 +1,24 @@
-import Trix from "trix/trix"
-import config from "trix/config"
+import Trix from "trix/trix";
+import config from "trix/config";
 
-import "trix/core/helpers/global"
-import "test/test_helper"
+import "trix/core/helpers/global";
+import "test/test_helper";
 
-import "test/unit"
-import "test/system"
+import "test/unit";
+import "test/system";
 
-config.undoInterval = 0
+config.undoInterval = 0;
 
-QUnit.config.hidepassed = true
-QUnit.config.testTimeout = 20000
+QUnit.config.hidepassed = true;
+QUnit.config.testTimeout = 20000;
 
-document.head.insertAdjacentHTML "beforeend", """
-  <style type="text/css">
-    #trix-container { height: 150px; }
-    trix-toolbar { margin-bottom: 10px; }
-    trix-toolbar button { border: 1px solid #ccc; background: #fff; }
-    trix-toolbar button.active { background: #d3e6fd; }
-    trix-toolbar button:disabled { color: #ccc; }
-  </style>
-"""
+document.head.insertAdjacentHTML("beforeend", `\
+<style type="text/css">
+  #trix-container { height: 150px; }
+  trix-toolbar { margin-bottom: 10px; }
+  trix-toolbar button { border: 1px solid #ccc; background: #fff; }
+  trix-toolbar button.active { background: #d3e6fd; }
+  trix-toolbar button:disabled { color: #ccc; }
+</style>\
+`
+);
diff --git a/src/test/test_helper.js b/src/test/test_helper.js
index 76a76e20c..4ceb2739b 100644
--- a/src/test/test_helper.js
+++ b/src/test/test_helper.js
@@ -1,30 +1,31 @@
-import config from "trix/config"
+import config from "trix/config";
 
-export * from "trix/core/helpers/functions"
-export * from "trix/core/helpers/global"
-export * from "./test_helpers/event_helpers"
-export * from "./test_helpers/assertions"
-export * from "./test_helpers/test_helpers"
-export * from "./test_helpers/test_stubs"
-export * from "./test_helpers/functions"
-export * from "./test_helpers/fixtures/fixtures"
-export * from "./test_helpers/event_helpers"
-export * from "./test_helpers/input_helpers"
-export * from "./test_helpers/editor_helpers"
-export * from "./test_helpers/toolbar_helpers"
-export * from "./test_helpers/selection_helpers"
+export * from "trix/core/helpers/functions";
+export * from "trix/core/helpers/global";
+export * from "./test_helpers/event_helpers";
+export * from "./test_helpers/assertions";
+export * from "./test_helpers/test_helpers";
+export * from "./test_helpers/test_stubs";
+export * from "./test_helpers/functions";
+export * from "./test_helpers/fixtures/fixtures";
+export * from "./test_helpers/event_helpers";
+export * from "./test_helpers/input_helpers";
+export * from "./test_helpers/editor_helpers";
+export * from "./test_helpers/toolbar_helpers";
+export * from "./test_helpers/selection_helpers";
 
-config.undoInterval = 0
+config.undoInterval = 0;
 
-QUnit.config.hidepassed = true
-QUnit.config.testTimeout = 20000
+QUnit.config.hidepassed = true;
+QUnit.config.testTimeout = 20000;
 
-document.head.insertAdjacentHTML "beforeend", """
-  <style type="text/css">
-    #trix-container { height: 150px; }
-    trix-toolbar { margin-bottom: 10px; }
-    trix-toolbar button { border: 1px solid #ccc; background: #fff; }
-    trix-toolbar button.active { background: #d3e6fd; }
-    trix-toolbar button:disabled { color: #ccc; }
-  </style>
-"""
+document.head.insertAdjacentHTML("beforeend", `\
+<style type="text/css">
+  #trix-container { height: 150px; }
+  trix-toolbar { margin-bottom: 10px; }
+  trix-toolbar button { border: 1px solid #ccc; background: #fff; }
+  trix-toolbar button.active { background: #d3e6fd; }
+  trix-toolbar button:disabled { color: #ccc; }
+</style>\
+`
+);
diff --git a/src/test/test_helpers/assertions.js b/src/test/test_helpers/assertions.js
index 8bb0b4ee0..a55257f07 100644
--- a/src/test/test_helpers/assertions.js
+++ b/src/test/test_helpers/assertions.js
@@ -1,46 +1,57 @@
-import DocumentView from "trix/views/document_view"
-
-import { normalizeRange, rangesAreEqual } from "trix/core/helpers"
-
-assert = QUnit.assert
-
-assert.locationRange = (start, end) ->
-  expectedLocationRange = normalizeRange([start, end])
-  actualLocationRange = getEditorController().getLocationRange()
-  @deepEqual(actualLocationRange, expectedLocationRange)
-
-assert.selectedRange = (range) ->
-  expectedRange = normalizeRange(range)
-  actualRange = getEditor().getSelectedRange()
-  @deepEqual(actualRange, expectedRange)
-
-assert.textAttributes = (range, attributes) ->
-  document = window.getDocument().getDocumentAtRange(range)
-  blocks = document.getBlocks()
-  throw "range #{JSON.stringify(range)} spans more than one block" unless blocks.length is 1
-
-  locationRange = window.getDocument().locationRangeFromRange(range)
-  textIndex = locationRange[0].index
-  textRange = [locationRange[0].offset, locationRange[1].offset]
-  text = window.getDocument().getTextAtIndex(textIndex).getTextAtRange(textRange)
-  pieces = text.getPieces()
-  throw "range #{JSON.stringify(range)} must only span one piece" unless pieces.length is 1
-
-  piece = pieces[0]
-  @deepEqual piece.getAttributes(), attributes
-
-assert.blockAttributes = (range, attributes) ->
-  document = window.getDocument().getDocumentAtRange(range)
-  blocks = document.getBlocks()
-  throw "range #{JSON.stringify(range)} spans more than one block" unless blocks.length is 1
-
-  block = blocks[0]
-  @deepEqual block.getAttributes(), attributes
-
-assert.documentHTMLEqual = (trixDocument, html) ->
-  @equal getHTML(trixDocument), html
-
-getHTML = (trixDocument) ->
-  DocumentView.render(trixDocument).innerHTML
-
-export { assert, getHTML }
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import DocumentView from "trix/views/document_view";
+
+import { normalizeRange, rangesAreEqual } from "trix/core/helpers";
+
+const {
+  assert
+} = QUnit;
+
+assert.locationRange = function(start, end) {
+  const expectedLocationRange = normalizeRange([start, end]);
+  const actualLocationRange = getEditorController().getLocationRange();
+  return this.deepEqual(actualLocationRange, expectedLocationRange);
+};
+
+assert.selectedRange = function(range) {
+  const expectedRange = normalizeRange(range);
+  const actualRange = getEditor().getSelectedRange();
+  return this.deepEqual(actualRange, expectedRange);
+};
+
+assert.textAttributes = function(range, attributes) {
+  const document = window.getDocument().getDocumentAtRange(range);
+  const blocks = document.getBlocks();
+  if (blocks.length !== 1) { throw `range ${JSON.stringify(range)} spans more than one block`; }
+
+  const locationRange = window.getDocument().locationRangeFromRange(range);
+  const textIndex = locationRange[0].index;
+  const textRange = [locationRange[0].offset, locationRange[1].offset];
+  const text = window.getDocument().getTextAtIndex(textIndex).getTextAtRange(textRange);
+  const pieces = text.getPieces();
+  if (pieces.length !== 1) { throw `range ${JSON.stringify(range)} must only span one piece`; }
+
+  const piece = pieces[0];
+  return this.deepEqual(piece.getAttributes(), attributes);
+};
+
+assert.blockAttributes = function(range, attributes) {
+  const document = window.getDocument().getDocumentAtRange(range);
+  const blocks = document.getBlocks();
+  if (blocks.length !== 1) { throw `range ${JSON.stringify(range)} spans more than one block`; }
+
+  const block = blocks[0];
+  return this.deepEqual(block.getAttributes(), attributes);
+};
+
+assert.documentHTMLEqual = function(trixDocument, html) {
+  return this.equal(getHTML(trixDocument), html);
+};
+
+var getHTML = trixDocument => DocumentView.render(trixDocument).innerHTML;
+
+export { assert, getHTML };
diff --git a/src/test/test_helpers/editor_helpers.js b/src/test/test_helpers/editor_helpers.js
index 89559a12f..05f94a631 100644
--- a/src/test/test_helpers/editor_helpers.js
+++ b/src/test/test_helpers/editor_helpers.js
@@ -1,49 +1,64 @@
-import { TEST_IMAGE_URL } from "test/test_helpers/fixtures/test_image_url"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { TEST_IMAGE_URL } from "test/test_helpers/fixtures/test_image_url";
 
-import Attachment from "trix/models/attachment"
+import Attachment from "trix/models/attachment";
 
-export insertString = (string) ->
-  getComposition().insertString(string)
-  render()
+export var insertString = function(string) {
+  getComposition().insertString(string);
+  return render();
+};
 
-export insertText = (text) ->
-  getComposition().insertText(text)
-  render()
+export var insertText = function(text) {
+  getComposition().insertText(text);
+  return render();
+};
 
-export insertDocument = (document) ->
-  getComposition().insertDocument(document)
-  render()
+export var insertDocument = function(document) {
+  getComposition().insertDocument(document);
+  return render();
+};
 
-export insertFile = (file) ->
-  getComposition().insertFile(file)
-  render()
+export var insertFile = function(file) {
+  getComposition().insertFile(file);
+  return render();
+};
 
-export insertAttachment = (attachment) ->
-  getComposition().insertAttachment(attachment)
-  render()
+export var insertAttachment = function(attachment) {
+  getComposition().insertAttachment(attachment);
+  return render();
+};
 
-export insertAttachments = (attachments) ->
-  getComposition().insertAttachments(attachments)
-  render()
+export var insertAttachments = function(attachments) {
+  getComposition().insertAttachments(attachments);
+  return render();
+};
 
-export insertImageAttachment = (attributes) ->
-  attachment = createImageAttachment(attributes)
-  insertAttachment(attachment)
+export var insertImageAttachment = function(attributes) {
+  const attachment = createImageAttachment(attributes);
+  return insertAttachment(attachment);
+};
 
-export createImageAttachment = (attributes) ->
-  attributes ?=
-    url: TEST_IMAGE_URL
-    width: 10
-    height: 10
-    filename: "image.gif"
-    filesize: 35
+export var createImageAttachment = function(attributes) {
+  if (attributes == null) { attributes = {
+    url: TEST_IMAGE_URL,
+    width: 10,
+    height: 10,
+    filename: "image.gif",
+    filesize: 35,
     contentType: "image/gif"
+  }; }
 
-  new Attachment attributes
+  return new Attachment(attributes);
+};
 
-export replaceDocument = (document) ->
-  getComposition().setDocument(document)
-  render()
+export var replaceDocument = function(document) {
+  getComposition().setDocument(document);
+  return render();
+};
 
-render = ->
-  getEditorController().render()
+var render = () => getEditorController().render();
diff --git a/src/test/test_helpers/event_helpers.js b/src/test/test_helpers/event_helpers.js
index 8a4a91be4..055ee7a7d 100644
--- a/src/test/test_helpers/event_helpers.js
+++ b/src/test/test_helpers/event_helpers.js
@@ -1,9 +1,16 @@
-export createEvent = (type, properties = {}) ->
-  event = document.createEvent("Events")
-  event.initEvent(type, true, true)
-  for key, value of properties
-    event[key] = value
-  event
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+export var createEvent = function(type, properties = {}) {
+  const event = document.createEvent("Events");
+  event.initEvent(type, true, true);
+  for (let key in properties) {
+    const value = properties[key];
+    event[key] = value;
+  }
+  return event;
+};
 
-export triggerEvent = (element, type, properties) ->
-  element.dispatchEvent(createEvent(type, properties))
+export var triggerEvent = (element, type, properties) => element.dispatchEvent(createEvent(type, properties));
diff --git a/src/test/test_helpers/fixtures/editor_default_aria_label.js b/src/test/test_helpers/fixtures/editor_default_aria_label.js
index e7b09217b..baa207118 100644
--- a/src/test/test_helpers/fixtures/editor_default_aria_label.js
+++ b/src/test/test_helpers/fixtures/editor_default_aria_label.js
@@ -1,4 +1,4 @@
-export default () => """
+export default () => `\
 <trix-editor id="editor-without-labels"></trix-editor>
 
 <label for="editor-with-aria-label"><span>Label text</span></label>
@@ -17,6 +17,6 @@ export default () => """
 </label>
 
 <label id="modified-label" for="editor-with-modified-label">Original Value</label>
-<trix-editor id="editor-with-modified-label"></trix-editor>
-"""
+<trix-editor id="editor-with-modified-label"></trix-editor>\
+`;
 
diff --git a/src/test/test_helpers/fixtures/editor_empty.js b/src/test/test_helpers/fixtures/editor_empty.js
index ff8770101..048b6bd81 100644
--- a/src/test/test_helpers/fixtures/editor_empty.js
+++ b/src/test/test_helpers/fixtures/editor_empty.js
@@ -1 +1 @@
-export default () => """<trix-editor autofocus placeholder="Say hello..."></trix-editor>"""
+export default () => "<trix-editor autofocus placeholder=\"Say hello...\"></trix-editor>";
diff --git a/src/test/test_helpers/fixtures/editor_html.js b/src/test/test_helpers/fixtures/editor_html.js
index a492d2f4c..c55acdd6a 100644
--- a/src/test/test_helpers/fixtures/editor_html.js
+++ b/src/test/test_helpers/fixtures/editor_html.js
@@ -1,4 +1,4 @@
-export default () => """
+export default () => `\
 <input id="my_input" type="hidden" value="&lt;div&gt;Hello world&lt;/div&gt;">
-<trix-editor input="my_input" autofocus placeholder="Say hello..."></trix-editor>`
-"""
+<trix-editor input="my_input" autofocus placeholder="Say hello..."></trix-editor>\`\
+`;
diff --git a/src/test/test_helpers/fixtures/editor_in_table.js b/src/test/test_helpers/fixtures/editor_in_table.js
index 4af5a7f51..025e7ef3c 100644
--- a/src/test/test_helpers/fixtures/editor_in_table.js
+++ b/src/test/test_helpers/fixtures/editor_in_table.js
@@ -1,9 +1,9 @@
-export default () => """
+export default () => `\
 <table>
   <tr>
     <td>
       <trix-editor></trix-editor>
     </td>
   </tr>
-</table>
-"""
+</table>\
+`;
diff --git a/src/test/test_helpers/fixtures/editor_with_block_styles.js b/src/test/test_helpers/fixtures/editor_with_block_styles.js
index ff61cf82f..e04ae460b 100644
--- a/src/test/test_helpers/fixtures/editor_with_block_styles.js
+++ b/src/test/test_helpers/fixtures/editor_with_block_styles.js
@@ -1,8 +1,8 @@
-export default () => """
+export default () => `\
 <style type="text/css">
   blockquote { font-style: italic; }
   li { font-weight: bold; }
 </style>
 
-<trix-editor class="trix-content"></trix-editor>
-"""
+<trix-editor class="trix-content"></trix-editor>\
+`;
diff --git a/src/test/test_helpers/fixtures/editor_with_bold_styles.js b/src/test/test_helpers/fixtures/editor_with_bold_styles.js
index d69a16e72..66550d368 100644
--- a/src/test/test_helpers/fixtures/editor_with_bold_styles.js
+++ b/src/test/test_helpers/fixtures/editor_with_bold_styles.js
@@ -1,9 +1,9 @@
-export default ()=> """
+export default ()=> `\
 <style type="text/css">
   strong { font-weight: 500; }
   span { font-weight: 600; }
   article { font-weight: bold; }
 </style>
 
-<trix-editor class="trix-content"></trix-editor>
-"""
+<trix-editor class="trix-content"></trix-editor>\
+`;
diff --git a/src/test/test_helpers/fixtures/editor_with_image.js b/src/test/test_helpers/fixtures/editor_with_image.js
index a8ae1d738..a58a69ae1 100644
--- a/src/test/test_helpers/fixtures/editor_with_image.js
+++ b/src/test/test_helpers/fixtures/editor_with_image.js
@@ -1,6 +1,6 @@
-import { TEST_IMAGE_URL } from "./test_image_url"
+import { TEST_IMAGE_URL } from "./test_image_url";
 
-export default () => """
+export default () => `\
 <trix-editor input="my_input" autofocus placeholder="Say hello..."></trix-editor>
-<input id="my_input" type="hidden" value="ab&lt;img src=&quot;#{TEST_IMAGE_URL}&quot; width=&quot;10&quot; height=&quot;10&quot;&gt;">
-"""
+<input id="my_input" type="hidden" value="ab&lt;img src=&quot;${TEST_IMAGE_URL}&quot; width=&quot;10&quot; height=&quot;10&quot;&gt;">\
+`;
diff --git a/src/test/test_helpers/fixtures/editor_with_labels.js b/src/test/test_helpers/fixtures/editor_with_labels.js
index b985f61ca..79798309f 100644
--- a/src/test/test_helpers/fixtures/editor_with_labels.js
+++ b/src/test/test_helpers/fixtures/editor_with_labels.js
@@ -1,8 +1,8 @@
-export default () => """
+export default () => `\
 <label id="label-1" for="editor"><span>Label 1</span></label>
 <label id="label-2">
   Label 2
   <trix-editor id="editor"></trix-editor>
 </label>
-<label id="label-3" for="editor">Label 3</label>
-"""
+<label id="label-3" for="editor">Label 3</label>\
+`;
diff --git a/src/test/test_helpers/fixtures/editor_with_styled_content.js b/src/test/test_helpers/fixtures/editor_with_styled_content.js
index 1d33215fb..2bae63ae7 100644
--- a/src/test/test_helpers/fixtures/editor_with_styled_content.js
+++ b/src/test/test_helpers/fixtures/editor_with_styled_content.js
@@ -1,9 +1,9 @@
-export default () => """
+export default () => `\
 <style type="text/css">
   .trix-content figure.attachment {
     display: inline-block;
   }
 </style>
 
-<trix-editor class="trix-content"></trix-editor>
-"""
+<trix-editor class="trix-content"></trix-editor>\
+`;
diff --git a/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js b/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
index 64df4edfa..a296fe70c 100644
--- a/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
+++ b/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
@@ -1,7 +1,7 @@
-export default () => """
+export default () => `\
 <ul id="my_editor">
   <li><trix-toolbar id="my_toolbar"></trix-toolbar></li>
   <li><trix-editor toolbar="my_toolbar" input="my_input" autofocus placeholder="Say hello..."></trix-editor></li>
   <li><input id="my_input" type="hidden" value="&lt;div&gt;Hello world&lt;/div&gt;"></li>
-</ul>
-"""
+</ul>\
+`;
diff --git a/src/test/test_helpers/fixtures/editors_with_forms.js b/src/test/test_helpers/fixtures/editors_with_forms.js
index f73eea838..3ea3d439b 100644
--- a/src/test/test_helpers/fixtures/editors_with_forms.js
+++ b/src/test/test_helpers/fixtures/editors_with_forms.js
@@ -1,4 +1,4 @@
-export default () => """
+export default () => `\
 <form id="ancestor-form">
   <trix-editor id="editor-with-ancestor-form"></trix-editor>
 </form>
@@ -8,5 +8,5 @@ export default () => """
 </form>
 <trix-editor id="editor-with-input-form" input="hidden-input"></trix-editor>
 
-<trix-editor id="editor-with-no-form"></trix-editor>
-"""
+<trix-editor id="editor-with-no-form"></trix-editor>\
+`;
diff --git a/src/test/test_helpers/fixtures/fixtures.js b/src/test/test_helpers/fixtures/fixtures.js
index 814b1b453..9455e28b3 100644
--- a/src/test/test_helpers/fixtures/fixtures.js
+++ b/src/test/test_helpers/fixtures/fixtures.js
@@ -1,27 +1,34 @@
-import config from "trix/config"
-import { ZERO_WIDTH_SPACE } from "trix/constants"
-import { makeElement } from "trix/core/helpers"
-
-import Text from "trix/models/text"
-import Block from "trix/models/block"
-import Attachment from "trix/models/attachment"
-import Document from "trix/models/document"
-import StringPiece from "trix/models/string_piece"
-
-import editor_default_aria_label from "./editor_default_aria_label"
-import editor_empty from "./editor_empty"
-import editor_html from "./editor_html"
-import editor_in_table from "./editor_in_table"
-import editor_with_block_styles from "./editor_with_block_styles"
-import editor_with_bold_styles from "./editor_with_bold_styles"
-import editor_with_image from "./editor_with_image"
-import editor_with_labels from "./editor_with_labels"
-import editor_with_styled_content from "./editor_with_styled_content"
-import editor_with_toolbar_and_input from "./editor_with_toolbar_and_input"
-import editors_with_forms from "./editors_with_forms"
-import { TEST_IMAGE_URL } from "./test_image_url"
-
-export fixtureTemplates = {
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
+import { ZERO_WIDTH_SPACE } from "trix/constants";
+import { makeElement } from "trix/core/helpers";
+
+import Text from "trix/models/text";
+import Block from "trix/models/block";
+import Attachment from "trix/models/attachment";
+import Document from "trix/models/document";
+import StringPiece from "trix/models/string_piece";
+
+import editor_default_aria_label from "./editor_default_aria_label";
+import editor_empty from "./editor_empty";
+import editor_html from "./editor_html";
+import editor_in_table from "./editor_in_table";
+import editor_with_block_styles from "./editor_with_block_styles";
+import editor_with_bold_styles from "./editor_with_bold_styles";
+import editor_with_image from "./editor_with_image";
+import editor_with_labels from "./editor_with_labels";
+import editor_with_styled_content from "./editor_with_styled_content";
+import editor_with_toolbar_and_input from "./editor_with_toolbar_and_input";
+import editors_with_forms from "./editors_with_forms";
+import { TEST_IMAGE_URL } from "./test_image_url";
+
+export var fixtureTemplates = {
  editor_default_aria_label,
  editor_empty,
  editor_html,
@@ -33,415 +40,493 @@ export fixtureTemplates = {
  editor_with_styled_content,
  editor_with_toolbar_and_input,
  editors_with_forms,
-}
-
-export { TEST_IMAGE_URL }
-
-{css} = config
-
-createDocument = (parts...) ->
-  blocks = for part in parts
-    [string, textAttributes, blockAttributes] = part
-    text = Text.textForStringWithAttributes(string, textAttributes)
-    new Block text, blockAttributes
-  new Document blocks
-
-export createCursorTarget = (name) ->
-  makeElement
-    tagName: "span"
-    textContent: ZERO_WIDTH_SPACE
-    data:
-      trixCursorTarget: name
-      trixSerialize: false
-
-cursorTargetLeft = createCursorTarget("left").outerHTML
-cursorTargetRight = createCursorTarget("right").outerHTML
-
-blockComment = "<!--block-->"
-
-removeWhitespace = (string) ->
-  string.replace(/\s/g, "")
-
-export fixtures =
-  "bold text":
-    document: createDocument(["abc", bold: true])
-    html: "<div>#{blockComment}<strong>abc</strong></div>"
+};
+
+export { TEST_IMAGE_URL };
+
+const {css} = config;
+
+const createDocument = function(...parts) {
+  const blocks = (() => {
+    const result = [];
+    for (let part of Array.from(parts)) {
+      const [string, textAttributes, blockAttributes] = Array.from(part);
+      const text = Text.textForStringWithAttributes(string, textAttributes);
+      result.push(new Block(text, blockAttributes));
+    }
+    return result;
+  })();
+  return new Document(blocks);
+};
+
+export var createCursorTarget = name => makeElement({
+  tagName: "span",
+  textContent: ZERO_WIDTH_SPACE,
+  data: {
+    trixCursorTarget: name,
+    trixSerialize: false
+  }
+});
+
+const cursorTargetLeft = createCursorTarget("left").outerHTML;
+const cursorTargetRight = createCursorTarget("right").outerHTML;
+
+const blockComment = "<!--block-->";
+
+const removeWhitespace = string => string.replace(/\s/g, "");
+
+export var fixtures = {
+  "bold text": {
+    document: createDocument(["abc", {bold: true}]),
+    html: `<div>${blockComment}<strong>abc</strong></div>`,
     serializedHTML: "<div><strong>abc</strong></div>"
-
-  "bold, italic text":
-    document: createDocument(["abc", bold: true, italic: true])
-    html: "<div>#{blockComment}<strong><em>abc</em></strong></div>"
-
-  "text with newline":
-    document: createDocument(["ab\nc"])
-    html: "<div>#{blockComment}ab<br>c</div>"
-
-  "text with link":
-    document: createDocument(["abc", href: "http://example.com"])
-    html: """<div>#{blockComment}<a href="http://example.com">abc</a></div>"""
-
-  "text with link and formatting":
-    document: createDocument(["abc", italic: true, href: "http://example.com"])
-    html: """<div>#{blockComment}<a href="http://example.com"><em>abc</em></a></div>"""
-
-  "partially formatted link":
-    document: new Document [
-      new Block new Text [
-          new StringPiece "ab", href: "http://example.com"
-          new StringPiece "c", href: "http://example.com", italic: true
-        ]
-      ]
-    html: """<div>#{blockComment}<a href="http://example.com">ab<em>c</em></a></div>"""
-
-  "spaces 1":
-    document: createDocument([" a"])
-    html: """<div>#{blockComment}&nbsp;a</div>"""
-
-  "spaces 2":
-    document: createDocument(["  a"])
-    html: """<div>#{blockComment}&nbsp; a</div>"""
-
-  "spaces 3":
-    document: createDocument(["   a"])
-    html: """<div>#{blockComment}&nbsp; &nbsp;a</div>"""
-
-  "spaces 4":
-    document: createDocument([" a "])
-    html: """<div>#{blockComment}&nbsp;a&nbsp;</div>"""
-
-  "spaces 5":
-    document: createDocument(["a  b"])
-    html: """<div>#{blockComment}a&nbsp; b</div>"""
-
-  "spaces 6":
-    document: createDocument(["a   b"])
-    html: """<div>#{blockComment}a &nbsp; b</div>"""
-
-  "spaces 7":
-    document: createDocument(["a    b"])
-    html: """<div>#{blockComment}a&nbsp; &nbsp; b</div>"""
-
-  "spaces 8":
-    document: createDocument(["a b "])
-    html: """<div>#{blockComment}a b&nbsp;</div>"""
-
-  "spaces 9":
-    document: createDocument(["a b c"])
-    html: """<div>#{blockComment}a b c</div>"""
-
-  "spaces 10":
-    document: createDocument(["a "])
-    html: """<div>#{blockComment}a&nbsp;</div>"""
-
-  "spaces 11":
-    document: createDocument(["a  "])
-    html: """<div>#{blockComment}a &nbsp;</div>"""
-
-  "spaces and formatting":
-    document: new Document [
-      new Block new Text [
-          new StringPiece " a "
-          new StringPiece "b", href: "http://b.com"
-          new StringPiece " "
-          new StringPiece "c", bold: true
-          new StringPiece " d"
-          new StringPiece " e ", italic: true
-          new StringPiece " f  "
-        ]
-      ]
-    html: """<div>#{blockComment}&nbsp;a <a href="http://b.com">b</a> <strong>c</strong> d<em> e </em>&nbsp;f &nbsp;</div>"""
-
-  "quote formatted block":
-    document: createDocument(["abc", {}, ["quote"]])
-    html: "<blockquote>#{blockComment}abc</blockquote>"
-
-  "code formatted block":
-    document: createDocument(["123", {}, ["code"]])
-    html: "<pre>#{blockComment}123</pre>"
-
-  "code with newline":
-    document: createDocument(["12\n3", {}, ["code"]])
-    html: "<pre>#{blockComment}12\n3</pre>"
-
-  "multiple blocks with block comments in their text":
-    document: createDocument(["a#{blockComment}b", {}, ["quote"]], ["#{blockComment}c", {}, ["code"]])
-    html: "<blockquote>#{blockComment}a&lt;!--block--&gt;b</blockquote><pre>#{blockComment}&lt;!--block--&gt;c</pre>"
+  },
+
+  "bold, italic text": {
+    document: createDocument(["abc", {bold: true, italic: true}]),
+    html: `<div>${blockComment}<strong><em>abc</em></strong></div>`
+  },
+
+  "text with newline": {
+    document: createDocument(["ab\nc"]),
+    html: `<div>${blockComment}ab<br>c</div>`
+  },
+
+  "text with link": {
+    document: createDocument(["abc", {href: "http://example.com"}]),
+    html: `<div>${blockComment}<a href="http://example.com">abc</a></div>`
+  },
+
+  "text with link and formatting": {
+    document: createDocument(["abc", {italic: true, href: "http://example.com"}]),
+    html: `<div>${blockComment}<a href="http://example.com"><em>abc</em></a></div>`
+  },
+
+  "partially formatted link": {
+    document: new Document([
+      new Block(new Text([
+          new StringPiece("ab", {href: "http://example.com"}),
+          new StringPiece("c", {href: "http://example.com", italic: true})
+        ]))
+      ]),
+    html: `<div>${blockComment}<a href="http://example.com">ab<em>c</em></a></div>`
+  },
+
+  "spaces 1": {
+    document: createDocument([" a"]),
+    html: `<div>${blockComment}&nbsp;a</div>`
+  },
+
+  "spaces 2": {
+    document: createDocument(["  a"]),
+    html: `<div>${blockComment}&nbsp; a</div>`
+  },
+
+  "spaces 3": {
+    document: createDocument(["   a"]),
+    html: `<div>${blockComment}&nbsp; &nbsp;a</div>`
+  },
+
+  "spaces 4": {
+    document: createDocument([" a "]),
+    html: `<div>${blockComment}&nbsp;a&nbsp;</div>`
+  },
+
+  "spaces 5": {
+    document: createDocument(["a  b"]),
+    html: `<div>${blockComment}a&nbsp; b</div>`
+  },
+
+  "spaces 6": {
+    document: createDocument(["a   b"]),
+    html: `<div>${blockComment}a &nbsp; b</div>`
+  },
+
+  "spaces 7": {
+    document: createDocument(["a    b"]),
+    html: `<div>${blockComment}a&nbsp; &nbsp; b</div>`
+  },
+
+  "spaces 8": {
+    document: createDocument(["a b "]),
+    html: `<div>${blockComment}a b&nbsp;</div>`
+  },
+
+  "spaces 9": {
+    document: createDocument(["a b c"]),
+    html: `<div>${blockComment}a b c</div>`
+  },
+
+  "spaces 10": {
+    document: createDocument(["a "]),
+    html: `<div>${blockComment}a&nbsp;</div>`
+  },
+
+  "spaces 11": {
+    document: createDocument(["a  "]),
+    html: `<div>${blockComment}a &nbsp;</div>`
+  },
+
+  "spaces and formatting": {
+    document: new Document([
+      new Block(new Text([
+          new StringPiece(" a "),
+          new StringPiece("b", {href: "http://b.com"}),
+          new StringPiece(" "),
+          new StringPiece("c", {bold: true}),
+          new StringPiece(" d"),
+          new StringPiece(" e ", {italic: true}),
+          new StringPiece(" f  ")
+        ]))
+      ]),
+    html: `<div>${blockComment}&nbsp;a <a href="http://b.com">b</a> <strong>c</strong> d<em> e </em>&nbsp;f &nbsp;</div>`
+  },
+
+  "quote formatted block": {
+    document: createDocument(["abc", {}, ["quote"]]),
+    html: `<blockquote>${blockComment}abc</blockquote>`
+  },
+
+  "code formatted block": {
+    document: createDocument(["123", {}, ["code"]]),
+    html: `<pre>${blockComment}123</pre>`
+  },
+
+  "code with newline": {
+    document: createDocument(["12\n3", {}, ["code"]]),
+    html: `<pre>${blockComment}12\n3</pre>`
+  },
+
+  "multiple blocks with block comments in their text": {
+    document: createDocument([`a${blockComment}b`, {}, ["quote"]], [`${blockComment}c`, {}, ["code"]]),
+    html: `<blockquote>${blockComment}a&lt;!--block--&gt;b</blockquote><pre>${blockComment}&lt;!--block--&gt;c</pre>`,
     serializedHTML: "<blockquote>a&lt;!--block--&gt;b</blockquote><pre>&lt;!--block--&gt;c</pre>"
+  },
 
-  "unordered list with one item":
-    document: createDocument(["a", {}, ["bulletList", "bullet"]])
-    html: "<ul><li>#{blockComment}a</li></ul>"
+  "unordered list with one item": {
+    document: createDocument(["a", {}, ["bulletList", "bullet"]]),
+    html: `<ul><li>${blockComment}a</li></ul>`
+  },
 
-  "unordered list with bold text":
-    document: createDocument(["a", { bold: true }, ["bulletList", "bullet"]])
-    html: "<ul><li>#{blockComment}<strong>a</strong></li></ul>"
+  "unordered list with bold text": {
+    document: createDocument(["a", { bold: true }, ["bulletList", "bullet"]]),
+    html: `<ul><li>${blockComment}<strong>a</strong></li></ul>`
+  },
 
-  "unordered list with partially formatted text":
-    document: new Document [
+  "unordered list with partially formatted text": {
+    document: new Document([
         new Block(
           new Text([
-            new StringPiece("a")
-            new StringPiece("b", italic: true)
+            new StringPiece("a"),
+            new StringPiece("b", {italic: true})
           ]),
           ["bulletList", "bullet"]
         )
-      ]
-    html: "<ul><li>#{blockComment}a<em>b</em></li></ul>"
-
-  "unordered list with two items":
-    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["bulletList", "bullet"]])
-    html: "<ul><li>#{blockComment}a</li><li>#{blockComment}b</li></ul>"
-
-  "unordered list surrounded by unformatted blocks":
-    document: createDocument(["a"], ["b", {}, ["bulletList", "bullet"]], ["c"])
-    html: "<div>#{blockComment}a</div><ul><li>#{blockComment}b</li></ul><div>#{blockComment}c</div>"
-
-  "ordered list":
-    document: createDocument(["a", {}, ["numberList", "number"]])
-    html: "<ol><li>#{blockComment}a</li></ol>"
-
-  "ordered list and an unordered list":
-    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["numberList", "number"]])
-    html: "<ul><li>#{blockComment}a</li></ul><ol><li>#{blockComment}b</li></ol>"
-
-  "empty block with attributes":
-    document: createDocument(["", {}, ["quote"]])
-    html: "<blockquote>#{blockComment}<br></blockquote>"
-
-  "image attachment": do ->
-    attrs = url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1
-    attachment = new Attachment attrs
-    text = Text.textForAttachmentWithAttributes(attachment)
-
-    image = makeElement("img", src: attrs.url, "data-trix-mutable": true, width: 1, height: 1)
-    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/")
-
-    caption = makeElement(tagName: "figcaption", className: css.attachmentCaption)
-    caption.innerHTML = """<span class="#{css.attachmentName}">#{attrs.filename}</span> <span class="#{css.attachmentSize}">95.9 KB</span>"""
-
-    figure = makeElement
-      tagName: "figure"
-      className: "attachment attachment--preview attachment--png"
-      editable: false
-      data:
-        trixAttachment: JSON.stringify(attachment)
-        trixContentType: "image/png"
+      ]),
+    html: `<ul><li>${blockComment}a<em>b</em></li></ul>`
+  },
+
+  "unordered list with two items": {
+    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["bulletList", "bullet"]]),
+    html: `<ul><li>${blockComment}a</li><li>${blockComment}b</li></ul>`
+  },
+
+  "unordered list surrounded by unformatted blocks": {
+    document: createDocument(["a"], ["b", {}, ["bulletList", "bullet"]], ["c"]),
+    html: `<div>${blockComment}a</div><ul><li>${blockComment}b</li></ul><div>${blockComment}c</div>`
+  },
+
+  "ordered list": {
+    document: createDocument(["a", {}, ["numberList", "number"]]),
+    html: `<ol><li>${blockComment}a</li></ol>`
+  },
+
+  "ordered list and an unordered list": {
+    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["numberList", "number"]]),
+    html: `<ul><li>${blockComment}a</li></ul><ol><li>${blockComment}b</li></ol>`
+  },
+
+  "empty block with attributes": {
+    document: createDocument(["", {}, ["quote"]]),
+    html: `<blockquote>${blockComment}<br></blockquote>`
+  },
+
+  "image attachment": (function() {
+    const attrs = {url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1};
+    const attachment = new Attachment(attrs);
+    const text = Text.textForAttachmentWithAttributes(attachment);
+
+    const image = makeElement("img", {src: attrs.url, "data-trix-mutable": true, width: 1, height: 1});
+    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/");
+
+    const caption = makeElement({tagName: "figcaption", className: css.attachmentCaption});
+    caption.innerHTML = `<span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">95.9 KB</span>`;
+
+    const figure = makeElement({
+      tagName: "figure",
+      className: "attachment attachment--preview attachment--png",
+      editable: false,
+      data: {
+        trixAttachment: JSON.stringify(attachment),
+        trixContentType: "image/png",
         trixId: attachment.id
-
-    figure.setAttribute("contenteditable", false)
-    figure.appendChild(image)
-    figure.appendChild(caption)
-
-    serializedFigure = figure.cloneNode(true)
-    for attribute in ["data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable"]
-      serializedFigure.removeAttribute(attribute)
-      for element in serializedFigure.querySelectorAll("[#{attribute}]")
-        element.removeAttribute(attribute)
-
-    html: "<div>#{blockComment}#{cursorTargetLeft}#{figure.outerHTML}#{cursorTargetRight}</div>"
-    serializedHTML: "<div>#{serializedFigure.outerHTML}</div>"
-    document: new Document [new Block text]
-
-  "text with newlines and image attachment": do ->
-    stringText = Text.textForStringWithAttributes("a\nb")
-
-    attrs = url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1
-    attachment = new Attachment attrs
-    attachmentText = Text.textForAttachmentWithAttributes(attachment)
-
-    image = makeElement("img", src: attrs.url, "data-trix-mutable": true, width: 1, height: 1)
-    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/")
-
-    caption = makeElement(tagName: "figcaption", className: css.attachmentCaption)
-    caption.innerHTML = """<span class="#{css.attachmentName}">#{attrs.filename}</span> <span class="#{css.attachmentSize}">95.9 KB</span>"""
-
-    figure = makeElement
-      tagName: "figure"
-      className: "attachment attachment--preview attachment--png"
-      editable: false
-      data:
-        trixAttachment: JSON.stringify(attachment)
-        trixContentType: "image/png"
-        trixId: attachment.id
-
-    figure.appendChild(image)
-    figure.appendChild(caption)
-
-    serializedFigure = figure.cloneNode(true)
-    for attribute in ["data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable"]
-      serializedFigure.removeAttribute(attribute)
-      for element in serializedFigure.querySelectorAll("[#{attribute}]")
-        element.removeAttribute(attribute)
-
-    text = stringText.appendText(attachmentText)
-
-    html: "<div>#{blockComment}a<br>b#{cursorTargetLeft}#{figure.outerHTML}#{cursorTargetRight}</div>"
-    serializedHTML: "<div>a<br>b#{serializedFigure.outerHTML}</div>"
-    document: new Document [new Block text]
-
-  "image attachment with edited caption": do ->
-    attrs = url: TEST_IMAGE_URL, filename: "example.png", filesize: 123, contentType: "image/png", width: 1, height: 1
-    attachment = new Attachment attrs
-    textAttrs = caption: "Example"
-    text = Text.textForAttachmentWithAttributes(attachment, textAttrs)
-
-    image = makeElement("img", src: attrs.url, "data-trix-mutable": true, width: 1, height: 1)
-    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/")
-
-    caption = makeElement(tagName: "figcaption", className: "#{css.attachmentCaption} #{css.attachmentCaption}--edited", textContent: "Example")
-
-    figure = makeElement
-      tagName: "figure"
-      className: "attachment attachment--preview attachment--png"
-      editable: false
-      data:
-        trixAttachment: JSON.stringify(attachment)
-        trixContentType: "image/png"
+      }
+    });
+
+    figure.setAttribute("contenteditable", false);
+    figure.appendChild(image);
+    figure.appendChild(caption);
+
+    const serializedFigure = figure.cloneNode(true);
+    for (let attribute of ["data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable"]) {
+      serializedFigure.removeAttribute(attribute);
+      for (let element of Array.from(serializedFigure.querySelectorAll(`[${attribute}]`))) {
+        element.removeAttribute(attribute);
+      }
+    }
+
+    return {
+      html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
+      serializedHTML: `<div>${serializedFigure.outerHTML}</div>`,
+      document: new Document([new Block(text)])
+    };
+  })(),
+
+  "text with newlines and image attachment": (function() {
+    const stringText = Text.textForStringWithAttributes("a\nb");
+
+    const attrs = {url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1};
+    const attachment = new Attachment(attrs);
+    const attachmentText = Text.textForAttachmentWithAttributes(attachment);
+
+    const image = makeElement("img", {src: attrs.url, "data-trix-mutable": true, width: 1, height: 1});
+    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/");
+
+    const caption = makeElement({tagName: "figcaption", className: css.attachmentCaption});
+    caption.innerHTML = `<span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">95.9 KB</span>`;
+
+    const figure = makeElement({
+      tagName: "figure",
+      className: "attachment attachment--preview attachment--png",
+      editable: false,
+      data: {
+        trixAttachment: JSON.stringify(attachment),
+        trixContentType: "image/png",
         trixId: attachment.id
+      }
+    });
+
+    figure.appendChild(image);
+    figure.appendChild(caption);
+
+    const serializedFigure = figure.cloneNode(true);
+    for (let attribute of ["data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable"]) {
+      serializedFigure.removeAttribute(attribute);
+      for (let element of Array.from(serializedFigure.querySelectorAll(`[${attribute}]`))) {
+        element.removeAttribute(attribute);
+      }
+    }
+
+    const text = stringText.appendText(attachmentText);
+
+    return {
+      html: `<div>${blockComment}a<br>b${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
+      serializedHTML: `<div>a<br>b${serializedFigure.outerHTML}</div>`,
+      document: new Document([new Block(text)])
+    };
+  })(),
+
+  "image attachment with edited caption": (function() {
+    const attrs = {url: TEST_IMAGE_URL, filename: "example.png", filesize: 123, contentType: "image/png", width: 1, height: 1};
+    const attachment = new Attachment(attrs);
+    const textAttrs = {caption: "Example"};
+    const text = Text.textForAttachmentWithAttributes(attachment, textAttrs);
+
+    const image = makeElement("img", {src: attrs.url, "data-trix-mutable": true, width: 1, height: 1});
+    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/");
+
+    const caption = makeElement({tagName: "figcaption", className: `${css.attachmentCaption} ${css.attachmentCaption}--edited`, textContent: "Example"});
+
+    const figure = makeElement({
+      tagName: "figure",
+      className: "attachment attachment--preview attachment--png",
+      editable: false,
+      data: {
+        trixAttachment: JSON.stringify(attachment),
+        trixContentType: "image/png",
+        trixId: attachment.id,
         trixAttributes: JSON.stringify(textAttrs)
-
-    figure.appendChild(image)
-    figure.appendChild(caption)
-
-    html: "<div>#{blockComment}#{cursorTargetLeft}#{figure.outerHTML}#{cursorTargetRight}</div>"
-    document: new Document [new Block text]
-
-  "file attachment": do ->
-    attrs = href: "http://example.com/example.pdf", filename: "example.pdf", filesize: 34038769, contentType: "application/pdf"
-    attachment = new Attachment attrs
-    text = Text.textForAttachmentWithAttributes(attachment)
-
-    figure = makeElement
-      tagName: "figure"
-      className: "attachment attachment--file attachment--pdf"
-      editable: false
-      data:
-        trixAttachment: JSON.stringify(attachment)
-        trixContentType: "application/pdf"
-        trixId: attachment.id
-
-    caption = """<figcaption class="#{css.attachmentCaption}"><span class="#{css.attachmentName}">#{attrs.filename}</span> <span class="#{css.attachmentSize}">32.46 MB</span></figcaption>"""
-    figure.innerHTML = caption
-
-    link = makeElement(tagName: "a", editable: false, attributes: href: attrs.href, tabindex: -1)
-    link.appendChild(node) for node in [figure.childNodes...]
-    figure.appendChild(link)
-
-    html: """<div>#{blockComment}#{cursorTargetLeft}#{figure.outerHTML}#{cursorTargetRight}</div>"""
-    document: new Document [new Block text]
-
-  "pending file attachment": do ->
-    attrs = filename: "example.pdf", filesize: 34038769, contentType: "application/pdf"
-    attachment = new Attachment attrs
-    attachment.file = {}
-    text = Text.textForAttachmentWithAttributes(attachment)
-
-    figure = makeElement
-      tagName: "figure"
-      className: "attachment attachment--file attachment--pdf"
-      editable: false
-      data:
-        trixAttachment: JSON.stringify(attachment)
-        trixContentType: "application/pdf"
+      }
+    });
+
+    figure.appendChild(image);
+    figure.appendChild(caption);
+
+    return {
+      html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
+      document: new Document([new Block(text)])
+    };
+  })(),
+
+  "file attachment": (function() {
+    const attrs = {href: "http://example.com/example.pdf", filename: "example.pdf", filesize: 34038769, contentType: "application/pdf"};
+    const attachment = new Attachment(attrs);
+    const text = Text.textForAttachmentWithAttributes(attachment);
+
+    const figure = makeElement({
+      tagName: "figure",
+      className: "attachment attachment--file attachment--pdf",
+      editable: false,
+      data: {
+        trixAttachment: JSON.stringify(attachment),
+        trixContentType: "application/pdf",
         trixId: attachment.id
+      }
+    });
+
+    const caption = `<figcaption class="${css.attachmentCaption}"><span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">32.46 MB</span></figcaption>`;
+    figure.innerHTML = caption;
+
+    const link = makeElement({tagName: "a", editable: false, attributes: {href: attrs.href, tabindex: -1}});
+    for (let node of [...Array.from(figure.childNodes)]) { link.appendChild(node); }
+    figure.appendChild(link);
+
+    return {
+      html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
+      document: new Document([new Block(text)])
+    };
+  })(),
+
+  "pending file attachment": (function() {
+    const attrs = {filename: "example.pdf", filesize: 34038769, contentType: "application/pdf"};
+    const attachment = new Attachment(attrs);
+    attachment.file = {};
+    const text = Text.textForAttachmentWithAttributes(attachment);
+
+    const figure = makeElement({
+      tagName: "figure",
+      className: "attachment attachment--file attachment--pdf",
+      editable: false,
+      data: {
+        trixAttachment: JSON.stringify(attachment),
+        trixContentType: "application/pdf",
+        trixId: attachment.id,
         trixSerialize: false
-
-    progress = makeElement
-      tagName: "progress"
-      attributes:
-        class: "attachment__progress"
-        value: 0
+      }
+    });
+
+    const progress = makeElement({
+      tagName: "progress",
+      attributes: {
+        class: "attachment__progress",
+        value: 0,
         max: 100
-      data:
-        trixMutable: true
+      },
+      data: {
+        trixMutable: true,
         trixStoreKey: ["progressElement", attachment.id].join("/")
-
-    caption = """<figcaption class="#{css.attachmentCaption}"><span class="#{css.attachmentName}">#{attrs.filename}</span> <span class="#{css.attachmentSize}">32.46 MB</span></figcaption>"""
-    figure.innerHTML = caption + progress.outerHTML
-
-    html: """<div>#{blockComment}#{cursorTargetLeft}#{figure.outerHTML}#{cursorTargetRight}</div>"""
-    document: new Document [new Block text]
-
-  "content attachment": do ->
-    content = """<blockquote class="twitter-tweet" data-cards="hidden"><p>ruby-build 20150413 is out, with definitions for 2.2.2, 2.1.6, and 2.0.0-p645 to address recent security issues: <a href="https://t.co/YEwV6NtRD8">https://t.co/YEwV6NtRD8</a></p>&mdash; Sam Stephenson (@sstephenson) <a href="https://twitter.com/sstephenson/status/587715996783218688">April 13, 2015</a></blockquote>"""
-    href = "https://twitter.com/sstephenson/status/587715996783218688"
-    contentType = "embed/twitter"
-
-    attachment = new Attachment {content, contentType, href}
-    text = Text.textForAttachmentWithAttributes(attachment)
-
-    figure = makeElement
-      tagName: "figure"
-      className: "attachment attachment--content"
-      editable: false
-      data:
-        trixAttachment: JSON.stringify(attachment)
-        trixContentType: contentType
+      }
+    });
+
+    const caption = `<figcaption class="${css.attachmentCaption}"><span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">32.46 MB</span></figcaption>`;
+    figure.innerHTML = caption + progress.outerHTML;
+
+    return {
+      html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
+      document: new Document([new Block(text)])
+    };
+  })(),
+
+  "content attachment": (function() {
+    const content = "<blockquote class=\"twitter-tweet\" data-cards=\"hidden\"><p>ruby-build 20150413 is out, with definitions for 2.2.2, 2.1.6, and 2.0.0-p645 to address recent security issues: <a href=\"https://t.co/YEwV6NtRD8\">https://t.co/YEwV6NtRD8</a></p>&mdash; Sam Stephenson (@sstephenson) <a href=\"https://twitter.com/sstephenson/status/587715996783218688\">April 13, 2015</a></blockquote>";
+    const href = "https://twitter.com/sstephenson/status/587715996783218688";
+    const contentType = "embed/twitter";
+
+    const attachment = new Attachment({content, contentType, href});
+    const text = Text.textForAttachmentWithAttributes(attachment);
+
+    const figure = makeElement({
+      tagName: "figure",
+      className: "attachment attachment--content",
+      editable: false,
+      data: {
+        trixAttachment: JSON.stringify(attachment),
+        trixContentType: contentType,
         trixId: attachment.id
+      }
+    });
 
-    figure.innerHTML = content
+    figure.innerHTML = content;
 
-    caption = makeElement(tagName: "figcaption", className: css.attachmentCaption)
-    figure.appendChild(caption)
+    const caption = makeElement({tagName: "figcaption", className: css.attachmentCaption});
+    figure.appendChild(caption);
 
-    html: """<div>#{blockComment}#{cursorTargetLeft}#{figure.outerHTML}#{cursorTargetRight}</div>"""
-    document: new Document [new Block text]
+    return {
+      html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
+      document: new Document([new Block(text)])
+    };
+  })(),
 
-  "nested quote and code formatted block":
-    document: createDocument(["ab3", {}, ["quote", "code"]])
-    html: "<blockquote><pre>#{blockComment}ab3</pre></blockquote>"
+  "nested quote and code formatted block": {
+    document: createDocument(["ab3", {}, ["quote", "code"]]),
+    html: `<blockquote><pre>${blockComment}ab3</pre></blockquote>`
+  },
 
-  "nested code and quote formatted block":
-    document: createDocument(["ab3", {}, ["code", "quote"]])
-    html: "<pre><blockquote>#{blockComment}ab3</blockquote></pre>"
+  "nested code and quote formatted block": {
+    document: createDocument(["ab3", {}, ["code", "quote"]]),
+    html: `<pre><blockquote>${blockComment}ab3</blockquote></pre>`
+  },
 
-  "nested code blocks in quote":
+  "nested code blocks in quote": {
     document: createDocument(
       ["a\n", {}, ["quote"]],
       ["b", {}, ["quote", "code"]],
       ["\nc\n", {}, ["quote"]],
       ["d", {}, ["quote", "code"]]
+    ),
+    html: removeWhitespace(`\
+<blockquote>
+  ${blockComment}
+  a
+  <br>
+  <br>
+  <pre>
+    ${blockComment}
+    b
+  </pre>
+  ${blockComment}
+  <br>
+  c
+  <br>
+  <br>
+  <pre>
+    ${blockComment}
+    d
+  </pre>
+</blockquote>\
+`
+    ),
+    serializedHTML: removeWhitespace(`\
+<blockquote>
+  a
+  <br>
+  <br>
+  <pre>
+    b
+  </pre>
+  <br>
+  c
+  <br>
+  <br>
+  <pre>
+    d
+  </pre>
+</blockquote>\
+`
     )
-    html: removeWhitespace """
-      <blockquote>
-        #{blockComment}
-        a
-        <br>
-        <br>
-        <pre>
-          #{blockComment}
-          b
-        </pre>
-        #{blockComment}
-        <br>
-        c
-        <br>
-        <br>
-        <pre>
-          #{blockComment}
-          d
-        </pre>
-      </blockquote>
-    """
-    serializedHTML: removeWhitespace """
-      <blockquote>
-        a
-        <br>
-        <br>
-        <pre>
-          b
-        </pre>
-        <br>
-        c
-        <br>
-        <br>
-        <pre>
-          d
-        </pre>
-      </blockquote>
-    """
-
-  "nested code, quote, and list in quote":
+  },
+
+  "nested code, quote, and list in quote": {
     document: createDocument(
       ["a\n", {}, ["quote"]],
       ["b", {}, ["quote", "code"]],
@@ -449,185 +534,211 @@ export fixtures =
       ["d", {}, ["quote", "quote"]],
       ["\ne\n", {}, ["quote"]],
       ["f", {}, ["quote", "bulletList", "bullet"]]
+    ),
+    html: removeWhitespace(`\
+ <blockquote>
+  ${blockComment}
+  a
+  <br>
+  <br>
+  <pre>
+    ${blockComment}
+    b
+  </pre>
+  ${blockComment}
+  <br>
+  c
+  <br>
+  <br>
+  <blockquote>
+    ${blockComment}
+    d
+  </blockquote>
+  ${blockComment}
+  <br>
+  e
+  <br>
+  <br>
+  <ul>
+    <li>
+      ${blockComment}
+      f
+    </li>
+  </ul>
+</blockquote>\
+`
+    ),
+    serializedHTML: removeWhitespace(`\
+<blockquote>
+  a
+  <br>
+  <br>
+  <pre>
+    b
+  </pre>
+  <br>
+  c
+  <br>
+  <br>
+  <blockquote>
+    d
+  </blockquote>
+  <br>
+  e
+  <br>
+  <br>
+  <ul>
+    <li>
+      f
+    </li>
+  </ul>
+</blockquote>\
+`
     )
-    html: removeWhitespace """
-     <blockquote>
-      #{blockComment}
-      a
-      <br>
-      <br>
-      <pre>
-        #{blockComment}
-        b
-      </pre>
-      #{blockComment}
-      <br>
-      c
-      <br>
-      <br>
-      <blockquote>
-        #{blockComment}
-        d
-      </blockquote>
-      #{blockComment}
-      <br>
-      e
-      <br>
-      <br>
-      <ul>
-        <li>
-          #{blockComment}
-          f
-        </li>
-      </ul>
-    </blockquote>
-    """
-    serializedHTML: removeWhitespace """
-      <blockquote>
-        a
-        <br>
-        <br>
-        <pre>
-          b
-        </pre>
-        <br>
-        c
-        <br>
-        <br>
-        <blockquote>
-          d
-        </blockquote>
-        <br>
-        e
-        <br>
-        <br>
-        <ul>
-          <li>
-            f
-          </li>
-        </ul>
-      </blockquote>
-    """
-
-  "nested quotes at different nesting levels":
+  },
+
+  "nested quotes at different nesting levels": {
     document: createDocument(
       ["a", {}, ["quote", "quote", "quote"]],
       ["b", {}, ["quote", "quote"]],
       ["c", {}, ["quote"]],
       ["d", {}, ["quote", "quote"]]
+    ),
+    html: removeWhitespace(`\
+<blockquote>
+  <blockquote>
+    <blockquote>
+      ${blockComment}
+      a
+    </blockquote>
+    ${blockComment}
+    b
+  </blockquote>
+  ${blockComment}
+  c
+  <blockquote>
+    ${blockComment}
+    d
+  </blockquote>
+</blockquote>\
+`
+    ),
+    serializedHTML: removeWhitespace(`\
+<blockquote>
+  <blockquote>
+    <blockquote>
+      a
+    </blockquote>
+    b
+  </blockquote>
+  c
+  <blockquote>
+    d
+  </blockquote>
+</blockquote>\
+`
     )
-    html: removeWhitespace """
-      <blockquote>
-        <blockquote>
-          <blockquote>
-            #{blockComment}
-            a
-          </blockquote>
-          #{blockComment}
-          b
-        </blockquote>
-        #{blockComment}
-        c
-        <blockquote>
-          #{blockComment}
-          d
-        </blockquote>
-      </blockquote>
-    """
-    serializedHTML: removeWhitespace """
-      <blockquote>
-        <blockquote>
-          <blockquote>
-            a
-          </blockquote>
-          b
-        </blockquote>
-        c
-        <blockquote>
-          d
-        </blockquote>
-      </blockquote>
-    """
-
-  "nested quote and list":
-    document: createDocument(["ab3", {}, ["quote", "bulletList", "bullet"]])
-    html: "<blockquote><ul><li>#{blockComment}ab3</li></ul></blockquote>"
-
-  "nested list and quote":
-    document: createDocument(["ab3", {}, ["bulletList", "bullet", "quote"]])
-    html: "<ul><li><blockquote>#{blockComment}ab3</blockquote></li></ul>"
-
-  "nested lists and quotes":
-    document: createDocument(["a", {}, ["bulletList", "bullet", "quote"]], ["b", {}, ["bulletList", "bullet", "quote"]])
-    html: "<ul><li><blockquote>#{blockComment}a</blockquote></li><li><blockquote>#{blockComment}b</blockquote></li></ul>"
-
-  "nested quote and list with two items":
-    document: createDocument(["a", {}, ["quote", "bulletList", "bullet"]], ["b", {}, ["quote", "bulletList", "bullet"]])
-    html: "<blockquote><ul><li>#{blockComment}a</li><li>#{blockComment}b</li></ul></blockquote>"
-
-  "nested unordered lists":
-    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["bulletList", "bullet", "bulletList", "bullet"]], ["c", {}, ["bulletList", "bullet", "bulletList", "bullet"]])
-    html: "<ul><li>#{blockComment}a<ul><li>#{blockComment}b</li><li>#{blockComment}c</li></ul></li></ul>"
-
-  "nested lists":
-    document: createDocument(["a", {}, ["numberList", "number"]], ["b", {}, ["numberList", "number", "bulletList", "bullet"]], ["c", {}, ["numberList", "number", "bulletList", "bullet"]])
-    html: "<ol><li>#{blockComment}a<ul><li>#{blockComment}b</li><li>#{blockComment}c</li></ul></li></ol>"
-
-  "blocks beginning with newlines":
-    document: createDocument(["\na", {}, ["quote"]], ["\nb", {}, []], ["\nc", {}, ["quote"]])
-    html: "<blockquote>#{blockComment}<br>a</blockquote><div>#{blockComment}<br>b</div><blockquote>#{blockComment}<br>c</blockquote>"
-
-  "blocks beginning with formatted text":
-    document: createDocument(["a", { bold: true }, ["quote"]], ["b", { italic: true }, []], ["c", { bold: true }, ["quote"]])
-    html: "<blockquote>#{blockComment}<strong>a</strong></blockquote><div>#{blockComment}<em>b</em></div><blockquote>#{blockComment}<strong>c</strong></blockquote>"
-
-  "text with newlines before block":
-    document: createDocument(["a\nb"], ["c", {}, ["quote"]])
-    html: "<div>#{blockComment}a<br>b</div><blockquote>#{blockComment}c</blockquote>"
-
-  "empty heading block":
-    document: createDocument(["", {}, ["heading1"]])
-    html: "<h1>#{blockComment}<br></h1>"
-
-  "two adjacent headings":
-    document: createDocument( ["a", {}, ["heading1"]], ["b", {}, ["heading1"]])
-    html: "<h1>#{blockComment}a</h1><h1>#{blockComment}b</h1>"
-
-  "heading in ordered list":
-    document: createDocument(["a", {}, ["numberList", "number", "heading1"]])
-    html: "<ol><li><h1>#{blockComment}a</h1></li></ol>"
-
-  "headings with formatted text":
-    document: createDocument(["a", { bold: true }, ["heading1"]], ["b", { italic: true, bold: true }, ["heading1"]])
-    html: "<h1>#{blockComment}<strong>a</strong></h1><h1>#{blockComment}<strong><em>b</em></strong></h1>"
-
-  "bidrectional text":
+  },
+
+  "nested quote and list": {
+    document: createDocument(["ab3", {}, ["quote", "bulletList", "bullet"]]),
+    html: `<blockquote><ul><li>${blockComment}ab3</li></ul></blockquote>`
+  },
+
+  "nested list and quote": {
+    document: createDocument(["ab3", {}, ["bulletList", "bullet", "quote"]]),
+    html: `<ul><li><blockquote>${blockComment}ab3</blockquote></li></ul>`
+  },
+
+  "nested lists and quotes": {
+    document: createDocument(["a", {}, ["bulletList", "bullet", "quote"]], ["b", {}, ["bulletList", "bullet", "quote"]]),
+    html: `<ul><li><blockquote>${blockComment}a</blockquote></li><li><blockquote>${blockComment}b</blockquote></li></ul>`
+  },
+
+  "nested quote and list with two items": {
+    document: createDocument(["a", {}, ["quote", "bulletList", "bullet"]], ["b", {}, ["quote", "bulletList", "bullet"]]),
+    html: `<blockquote><ul><li>${blockComment}a</li><li>${blockComment}b</li></ul></blockquote>`
+  },
+
+  "nested unordered lists": {
+    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["bulletList", "bullet", "bulletList", "bullet"]], ["c", {}, ["bulletList", "bullet", "bulletList", "bullet"]]),
+    html: `<ul><li>${blockComment}a<ul><li>${blockComment}b</li><li>${blockComment}c</li></ul></li></ul>`
+  },
+
+  "nested lists": {
+    document: createDocument(["a", {}, ["numberList", "number"]], ["b", {}, ["numberList", "number", "bulletList", "bullet"]], ["c", {}, ["numberList", "number", "bulletList", "bullet"]]),
+    html: `<ol><li>${blockComment}a<ul><li>${blockComment}b</li><li>${blockComment}c</li></ul></li></ol>`
+  },
+
+  "blocks beginning with newlines": {
+    document: createDocument(["\na", {}, ["quote"]], ["\nb", {}, []], ["\nc", {}, ["quote"]]),
+    html: `<blockquote>${blockComment}<br>a</blockquote><div>${blockComment}<br>b</div><blockquote>${blockComment}<br>c</blockquote>`
+  },
+
+  "blocks beginning with formatted text": {
+    document: createDocument(["a", { bold: true }, ["quote"]], ["b", { italic: true }, []], ["c", { bold: true }, ["quote"]]),
+    html: `<blockquote>${blockComment}<strong>a</strong></blockquote><div>${blockComment}<em>b</em></div><blockquote>${blockComment}<strong>c</strong></blockquote>`
+  },
+
+  "text with newlines before block": {
+    document: createDocument(["a\nb"], ["c", {}, ["quote"]]),
+    html: `<div>${blockComment}a<br>b</div><blockquote>${blockComment}c</blockquote>`
+  },
+
+  "empty heading block": {
+    document: createDocument(["", {}, ["heading1"]]),
+    html: `<h1>${blockComment}<br></h1>`
+  },
+
+  "two adjacent headings": {
+    document: createDocument( ["a", {}, ["heading1"]], ["b", {}, ["heading1"]]),
+    html: `<h1>${blockComment}a</h1><h1>${blockComment}b</h1>`
+  },
+
+  "heading in ordered list": {
+    document: createDocument(["a", {}, ["numberList", "number", "heading1"]]),
+    html: `<ol><li><h1>${blockComment}a</h1></li></ol>`
+  },
+
+  "headings with formatted text": {
+    document: createDocument(["a", { bold: true }, ["heading1"]], ["b", { italic: true, bold: true }, ["heading1"]]),
+    html: `<h1>${blockComment}<strong>a</strong></h1><h1>${blockComment}<strong><em>b</em></strong></h1>`
+  },
+
+  "bidrectional text": {
     document: createDocument(
       ["a"],
       ["ل", {}, ["quote"]],
       ["b", {}, ["bulletList", "bullet"]],
       ["ל", {}, ["bulletList", "bullet"]],
-      ["",  {}, ["bulletList", "bullet"]]
+      ["",  {}, ["bulletList", "bullet"]],
       ["cید"],
       ["\n گ"]
-    )
-    html: """
-      <div>#{blockComment}a</div>\
-      <blockquote dir="rtl">#{blockComment}ل</blockquote>\
-      <ul><li>#{blockComment}b</li></ul>\
-      <ul dir="rtl"><li>#{blockComment}ל</li><li>#{blockComment}<br></li></ul>\
-      <div>#{blockComment}cید</div>\
-      <div dir="rtl">#{blockComment}<br>&nbsp;گ</div>\
-    """
-    serializedHTML: """
-      <div>a</div>\
-      <blockquote dir="rtl">ل</blockquote>\
-      <ul><li>b</li></ul>\
-      <ul dir="rtl"><li>ל</li><li><br></li></ul>\
-      <div>cید</div>\
-      <div dir="rtl"><br>&nbsp;گ</div>\
-    """
-
-export eachFixture = (callback) ->
-  for name, details of fixtures
-    callback(name, details)
+    ),
+    html: `\
+<div>${blockComment}a</div>\
+<blockquote dir="rtl">${blockComment}ل</blockquote>\
+<ul><li>${blockComment}b</li></ul>\
+<ul dir="rtl"><li>${blockComment}ל</li><li>${blockComment}<br></li></ul>\
+<div>${blockComment}cید</div>\
+<div dir="rtl">${blockComment}<br>&nbsp;گ</div>\
+`,
+    serializedHTML: `\
+<div>a</div>\
+<blockquote dir="rtl">ل</blockquote>\
+<ul><li>b</li></ul>\
+<ul dir="rtl"><li>ל</li><li><br></li></ul>\
+<div>cید</div>\
+<div dir="rtl"><br>&nbsp;گ</div>\
+`
+  }
+};
+
+export var eachFixture = callback => (() => {
+  const result = [];
+  for (let name in fixtures) {
+    const details = fixtures[name];
+    result.push(callback(name, details));
+  }
+  return result;
+})();
diff --git a/src/test/test_helpers/fixtures/test_image_url.js b/src/test/test_helpers/fixtures/test_image_url.js
index c047e7d1e..dfad97bf4 100644
--- a/src/test/test_helpers/fixtures/test_image_url.js
+++ b/src/test/test_helpers/fixtures/test_image_url.js
@@ -1 +1 @@
-export TEST_IMAGE_URL = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs="
+export var TEST_IMAGE_URL = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=";
diff --git a/src/test/test_helpers/functions.js b/src/test/test_helpers/functions.js
index 067d12f0d..9856dd4ab 100644
--- a/src/test/test_helpers/functions.js
+++ b/src/test/test_helpers/functions.js
@@ -1,7 +1,14 @@
-export extend = (properties) ->
-  for key, value of properties
-    this[key] = value
-  this
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+export var extend = function(properties) {
+  for (let key in properties) {
+    const value = properties[key];
+    this[key] = value;
+  }
+  return this;
+};
 
-export after = (delay, callback) ->
-  setTimeout(callback, delay)
+export var after = (delay, callback) => setTimeout(callback, delay);
diff --git a/src/test/test_helpers/input_helpers.js b/src/test/test_helpers/input_helpers.js
index a2585760e..d775ae524 100644
--- a/src/test/test_helpers/input_helpers.js
+++ b/src/test/test_helpers/input_helpers.js
@@ -1,232 +1,313 @@
-import config from "trix/config"
-import { defer } from "trix/core/helpers"
-import { createEvent, triggerEvent } from "./event_helpers"
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let code;
+import config from "trix/config";
+import { defer } from "trix/core/helpers";
+import { createEvent, triggerEvent } from "./event_helpers";
 import { selectionIsCollapsed, deleteSelection, insertNode, createDOMRangeFromPoint,
-  selectNode, collapseSelection } from "./selection_helpers"
-
-keyCodes = {}
-for code, name of config.keyNames
-  keyCodes[name] = code
-
-isIE = /Windows.*Trident/.test(navigator.userAgent)
-
-export triggerInputEvent = (element, type, properties = {}) ->
-  if config.input.getLevel() is 2
-    if properties.ranges
-      ranges = properties.ranges
-      delete properties.ranges
-    else
-      ranges = []
-      selection = window.getSelection()
-      if selection.rangeCount > 0
-        ranges.push(selection.getRangeAt(0).cloneRange())
-    properties.getTargetRanges = -> ranges
-    triggerEvent(element, type, properties)
-
-export pasteContent = (contentType, value, callback) ->
-  if typeof contentType is "object"
-    data = contentType
-    callback = value
-  else
-    data = "#{contentType}": value
-
-  testClipboardData =
-    getData: (type) ->
-      data[type]
-    types: (key for key of data)
-    items: (value for key, value of data)
-
-  if "Files" in testClipboardData.types
-    testClipboardData.files = testClipboardData.items
-
-  triggerInputEvent(document.activeElement, "beforeinput", inputType: "insertFromPaste", dataTransfer: testClipboardData)
-  triggerEvent(document.activeElement, "paste", {testClipboardData})
-  requestAnimationFrame(callback) if callback
-
-export createFile = (properties = {}) ->
-  file = getAsFile: -> {}
-  file[key] = value for key, value of properties
-  file
-
-export typeCharacters = (string, callback) ->
-  if Array.isArray(string)
-    characters = string
-  else
-    characters = string.split("")
-
-  do typeNextCharacter = -> defer ->
-    character = characters.shift()
-    if character?
-      switch character
-        when "\n"
-          pressKey("return", typeNextCharacter)
-        when "\b"
-          pressKey("backspace", typeNextCharacter)
-        else
-          typeCharacterInElement(character, document.activeElement, typeNextCharacter)
-    else
-      callback()
-
-export pressKey = (keyName, callback) ->
-  element = document.activeElement
-  code = keyCodes[keyName]
-  properties = which: code, keyCode: code, charCode: 0, key: capitalize(keyName)
-
-  return callback() unless triggerEvent(element, "keydown", properties)
-
-  simulateKeypress keyName, ->
-    defer ->
-      triggerEvent(element, "keyup", properties)
-      defer(callback)
-
-export startComposition = (data, callback) ->
-  element = document.activeElement
-  triggerEvent(element, "compositionstart", data: "")
-  triggerInputEvent(element, "beforeinput", inputType: "insertCompositionText", data: data)
-  triggerEvent(element, "compositionupdate", data: data)
-  triggerEvent(element, "input")
-
-  node = document.createTextNode(data)
-  insertNode(node)
-  selectNode(node, callback)
-
-export updateComposition = (data, callback) ->
-  element = document.activeElement
-  triggerInputEvent(element, "beforeinput", inputType: "insertCompositionText", data: data)
-  triggerEvent(element, "compositionupdate", data: data)
-  triggerEvent(element, "input")
-
-  node = document.createTextNode(data)
-  insertNode(node)
-  selectNode(node, callback)
-
-export endComposition = (data, callback) ->
-  element = document.activeElement
-  triggerInputEvent(element, "beforeinput", inputType: "insertCompositionText", data: data)
-  triggerEvent(element, "compositionupdate", data: data)
-
-  node = document.createTextNode(data)
-  insertNode(node)
-  selectNode(node)
-  collapseSelection "right", ->
-    triggerEvent(element, "input")
-    triggerEvent(element, "compositionend", data: data)
-    requestAnimationFrame(callback)
-
-export clickElement = (element, callback) ->
-  if triggerEvent(element, "mousedown")
-    defer ->
-      if triggerEvent(element, "mouseup")
-        defer ->
-          triggerEvent(element, "click")
-          defer(callback)
-
-export dragToCoordinates = (coordinates, callback) ->
-  element = document.activeElement
-
-  # IE only allows writing "text" to DataTransfer
-  # https://msdn.microsoft.com/en-us/library/ms536744(v=vs.85).aspx
-  dataTransfer =
-    files: []
-    data: {}
-    getData: (format) ->
-      if isIE and format.toLowerCase() isnt "text"
-        throw new Error "Invalid argument."
-      else
-        @data[format]
-        true
-    setData: (format, data) ->
-      if isIE and format.toLowerCase() isnt "text"
-        throw new Error "Unexpected call to method or property access."
-      else
-        @data[format] = data
-
-  triggerEvent(element, "mousemove")
-
-  dragstartData = {dataTransfer}
-  triggerEvent(element, "dragstart", dragstartData)
-  triggerInputEvent(element, "beforeinput", inputType: "deleteByDrag")
-
-  dropData = {dataTransfer}
-  dropData[key] = value for key, value of coordinates
-  triggerEvent(element, "drop", dropData)
-
-  {clientX, clientY} = coordinates
-  domRange = createDOMRangeFromPoint(clientX, clientY)
-  triggerInputEvent(element, "beforeinput", inputType: "insertFromDrop", ranges: [domRange])
-
-  defer(callback)
-
-export mouseDownOnElementAndMove = (element, distance, callback) ->
-  coordinates = getElementCoordinates(element)
-  triggerEvent(element, "mousedown", coordinates)
-
-  destination = (offset) ->
-    clientX: coordinates.clientX + offset
+  selectNode, collapseSelection } from "./selection_helpers";
+
+const keyCodes = {};
+for (code in config.keyNames) {
+  const name = config.keyNames[code];
+  keyCodes[name] = code;
+}
+
+const isIE = /Windows.*Trident/.test(navigator.userAgent);
+
+export var triggerInputEvent = function(element, type, properties = {}) {
+  if (config.input.getLevel() === 2) {
+    let ranges;
+    if (properties.ranges) {
+      ({
+        ranges
+      } = properties);
+      delete properties.ranges;
+    } else {
+      ranges = [];
+      const selection = window.getSelection();
+      if (selection.rangeCount > 0) {
+        ranges.push(selection.getRangeAt(0).cloneRange());
+      }
+    }
+    properties.getTargetRanges = () => ranges;
+    return triggerEvent(element, type, properties);
+  }
+};
+
+export var pasteContent = function(contentType, value, callback) {
+  let data;
+  var key, value;
+  if (typeof contentType === "object") {
+    data = contentType;
+    callback = value;
+  } else {
+    data = {[contentType]: value};
+  }
+
+  const testClipboardData = {
+    getData(type) {
+      return data[type];
+    },
+    types: (((() => {
+      const result = [];
+      for (key in data) {
+        result.push(key);
+      }
+      return result;
+    })())),
+    items: (((() => {
+      const result1 = [];
+      for (key in data) {
+        value = data[key];
+        result1.push(value);
+      }
+      return result1;
+    })()))
+  };
+
+  if (Array.from(testClipboardData.types).includes("Files")) {
+    testClipboardData.files = testClipboardData.items;
+  }
+
+  triggerInputEvent(document.activeElement, "beforeinput", {inputType: "insertFromPaste", dataTransfer: testClipboardData});
+  triggerEvent(document.activeElement, "paste", {testClipboardData});
+  if (callback) { return requestAnimationFrame(callback); }
+};
+
+export var createFile = function(properties = {}) {
+  const file = {getAsFile() { return {}; }};
+  for (let key in properties) { const value = properties[key]; file[key] = value; }
+  return file;
+};
+
+export var typeCharacters = function(string, callback) {
+  let characters, typeNextCharacter;
+  if (Array.isArray(string)) {
+    characters = string;
+  } else {
+    characters = string.split("");
+  }
+
+  return (typeNextCharacter = () => defer(function() {
+    const character = characters.shift();
+    if (character != null) {
+      switch (character) {
+        case "\n":
+          return pressKey("return", typeNextCharacter);
+        case "\b":
+          return pressKey("backspace", typeNextCharacter);
+        default:
+          return typeCharacterInElement(character, document.activeElement, typeNextCharacter);
+      }
+    } else {
+      return callback();
+    }
+  }))();
+};
+
+export var pressKey = function(keyName, callback) {
+  const element = document.activeElement;
+  code = keyCodes[keyName];
+  const properties = {which: code, keyCode: code, charCode: 0, key: capitalize(keyName)};
+
+  if (!triggerEvent(element, "keydown", properties)) { return callback(); }
+
+  return simulateKeypress(keyName, () => defer(function() {
+    triggerEvent(element, "keyup", properties);
+    return defer(callback);
+  }));
+};
+
+export var startComposition = function(data, callback) {
+  const element = document.activeElement;
+  triggerEvent(element, "compositionstart", {data: ""});
+  triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data});
+  triggerEvent(element, "compositionupdate", {data});
+  triggerEvent(element, "input");
+
+  const node = document.createTextNode(data);
+  insertNode(node);
+  return selectNode(node, callback);
+};
+
+export var updateComposition = function(data, callback) {
+  const element = document.activeElement;
+  triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data});
+  triggerEvent(element, "compositionupdate", {data});
+  triggerEvent(element, "input");
+
+  const node = document.createTextNode(data);
+  insertNode(node);
+  return selectNode(node, callback);
+};
+
+export var endComposition = function(data, callback) {
+  const element = document.activeElement;
+  triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data});
+  triggerEvent(element, "compositionupdate", {data});
+
+  const node = document.createTextNode(data);
+  insertNode(node);
+  selectNode(node);
+  return collapseSelection("right", function() {
+    triggerEvent(element, "input");
+    triggerEvent(element, "compositionend", {data});
+    return requestAnimationFrame(callback);
+  });
+};
+
+export var clickElement = function(element, callback) {
+  if (triggerEvent(element, "mousedown")) {
+    return defer(function() {
+      if (triggerEvent(element, "mouseup")) {
+        return defer(function() {
+          triggerEvent(element, "click");
+          return defer(callback);
+        });
+      }
+    });
+  }
+};
+
+export var dragToCoordinates = function(coordinates, callback) {
+  const element = document.activeElement;
+
+  // IE only allows writing "text" to DataTransfer
+  // https://msdn.microsoft.com/en-us/library/ms536744(v=vs.85).aspx
+  const dataTransfer = {
+    files: [],
+    data: {},
+    getData(format) {
+      if (isIE && (format.toLowerCase() !== "text")) {
+        throw new Error("Invalid argument.");
+      } else {
+        this.data[format];
+        return true;
+      }
+    },
+    setData(format, data) {
+      if (isIE && (format.toLowerCase() !== "text")) {
+        throw new Error("Unexpected call to method or property access.");
+      } else {
+        return this.data[format] = data;
+      }
+    }
+  };
+
+  triggerEvent(element, "mousemove");
+
+  const dragstartData = {dataTransfer};
+  triggerEvent(element, "dragstart", dragstartData);
+  triggerInputEvent(element, "beforeinput", {inputType: "deleteByDrag"});
+
+  const dropData = {dataTransfer};
+  for (let key in coordinates) { const value = coordinates[key]; dropData[key] = value; }
+  triggerEvent(element, "drop", dropData);
+
+  const {clientX, clientY} = coordinates;
+  const domRange = createDOMRangeFromPoint(clientX, clientY);
+  triggerInputEvent(element, "beforeinput", {inputType: "insertFromDrop", ranges: [domRange]});
+
+  return defer(callback);
+};
+
+export var mouseDownOnElementAndMove = function(element, distance, callback) {
+  const coordinates = getElementCoordinates(element);
+  triggerEvent(element, "mousedown", coordinates);
+
+  const destination = offset => ({
+    clientX: coordinates.clientX + offset,
     clientY: coordinates.clientY + offset
-
-  dragSpeed = 20
-
-  after dragSpeed, ->
-    offset = 0
-    do drag = =>
-      if ++offset <= distance
-        triggerEvent(element, "mousemove", destination(offset))
-        after(dragSpeed, drag)
-      else
-        triggerEvent(element, "mouseup", destination(distance))
-        after(dragSpeed, callback)
-
-typeCharacterInElement = (character, element, callback) ->
-  charCode = character.charCodeAt(0)
-  keyCode = character.toUpperCase().charCodeAt(0)
-
-  return callback() unless triggerEvent(element, "keydown", keyCode: keyCode, charCode: 0)
-
-  defer ->
-    return callback() unless triggerEvent(element, "keypress", keyCode: charCode, charCode: charCode)
-    triggerInputEvent(element, "beforeinput", inputType: "insertText", data: character)
-    insertCharacter character, ->
-      triggerEvent(element, "input")
-
-      defer ->
-        triggerEvent(element, "keyup", keyCode: keyCode, charCode: 0)
-        callback()
-
-insertCharacter = (character, callback) ->
-  node = document.createTextNode(character)
-  insertNode(node, callback)
-
-simulateKeypress = (keyName, callback) ->
-  switch keyName
-    when "backspace"
-      deleteInDirection("left", callback)
-    when "delete"
-      deleteInDirection("right", callback)
-    when "return"
-      defer ->
-        triggerInputEvent(document.activeElement, "beforeinput", inputType: "insertParagraph")
-        node = document.createElement("br")
-        insertNode(node, callback)
-
-deleteInDirection = (direction, callback) ->
-  if selectionIsCollapsed()
-    getComposition().expandSelectionInDirection(if direction is "left" then "backward" else "forward")
-    defer ->
-      inputType = if direction is "left" then "deleteContentBackward" else "deleteContentForward"
-      triggerInputEvent(document.activeElement, "beforeinput", {inputType})
-      defer ->
-        deleteSelection()
-        callback()
-  else
-    triggerInputEvent(document.activeElement, "beforeinput", inputType: "deleteContentBackward")
-    deleteSelection()
-    callback()
-
-getElementCoordinates = (element) ->
-  rect = element.getBoundingClientRect()
-  clientX: rect.left + rect.width / 2
-  clientY: rect.top + rect.height / 2
-
-capitalize = (string) ->
-  string.charAt(0).toUpperCase() + string.slice(1)
+  });
+
+  const dragSpeed = 20;
+
+  return after(dragSpeed, function() {
+    let drag;
+    let offset = 0;
+    return (drag = () => {
+      if (++offset <= distance) {
+        triggerEvent(element, "mousemove", destination(offset));
+        return after(dragSpeed, drag);
+      } else {
+        triggerEvent(element, "mouseup", destination(distance));
+        return after(dragSpeed, callback);
+      }
+    })();
+  });
+};
+
+var typeCharacterInElement = function(character, element, callback) {
+  const charCode = character.charCodeAt(0);
+  const keyCode = character.toUpperCase().charCodeAt(0);
+
+  if (!triggerEvent(element, "keydown", {keyCode, charCode: 0})) { return callback(); }
+
+  return defer(function() {
+    if (!triggerEvent(element, "keypress", {keyCode: charCode, charCode})) { return callback(); }
+    triggerInputEvent(element, "beforeinput", {inputType: "insertText", data: character});
+    return insertCharacter(character, function() {
+      triggerEvent(element, "input");
+
+      return defer(function() {
+        triggerEvent(element, "keyup", {keyCode, charCode: 0});
+        return callback();
+      });
+    });
+  });
+};
+
+var insertCharacter = function(character, callback) {
+  const node = document.createTextNode(character);
+  return insertNode(node, callback);
+};
+
+var simulateKeypress = function(keyName, callback) {
+  switch (keyName) {
+    case "backspace":
+      return deleteInDirection("left", callback);
+    case "delete":
+      return deleteInDirection("right", callback);
+    case "return":
+      return defer(function() {
+        triggerInputEvent(document.activeElement, "beforeinput", {inputType: "insertParagraph"});
+        const node = document.createElement("br");
+        return insertNode(node, callback);
+      });
+  }
+};
+
+var deleteInDirection = function(direction, callback) {
+  if (selectionIsCollapsed()) {
+    getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward");
+    return defer(function() {
+      const inputType = direction === "left" ? "deleteContentBackward" : "deleteContentForward";
+      triggerInputEvent(document.activeElement, "beforeinput", {inputType});
+      return defer(function() {
+        deleteSelection();
+        return callback();
+      });
+    });
+  } else {
+    triggerInputEvent(document.activeElement, "beforeinput", {inputType: "deleteContentBackward"});
+    deleteSelection();
+    return callback();
+  }
+};
+
+var getElementCoordinates = function(element) {
+  const rect = element.getBoundingClientRect();
+  return {
+    clientX: rect.left + (rect.width / 2),
+    clientY: rect.top + (rect.height / 2)
+  };
+};
+
+var capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
diff --git a/src/test/test_helpers/selection_helpers.js b/src/test/test_helpers/selection_helpers.js
index 45867bebc..fab331d46 100644
--- a/src/test/test_helpers/selection_helpers.js
+++ b/src/test/test_helpers/selection_helpers.js
@@ -1,110 +1,151 @@
-import config from "trix/config"
-
-import { triggerEvent } from "event_helpers"
-import { defer } from "trix/core/helpers"
-import { selectionChangeObserver } from "trix/observers/selection_change_observer"
-
-import rangy from "rangy"
-import "rangy/lib/rangy-textrange"
-
-window.rangy = rangy
-
-keyCodes = {}
-for code, name of config.keyNames
-  keyCodes[name] = code
-
-keys =
-  left: "ArrowLeft"
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import config from "trix/config";
+
+import { triggerEvent } from "event_helpers";
+import { defer } from "trix/core/helpers";
+import { selectionChangeObserver } from "trix/observers/selection_change_observer";
+
+import rangy from "rangy";
+import "rangy/lib/rangy-textrange";
+
+window.rangy = rangy;
+
+const keyCodes = {};
+for (let code in config.keyNames) {
+  const name = config.keyNames[code];
+  keyCodes[name] = code;
+}
+
+const keys = {
+  left: "ArrowLeft",
   right: "ArrowRight"
-
-
-export moveCursor = (options, callback) ->
-  if typeof options is "string"
-    direction = options
-  else
-    direction = options.direction
-    times = options.times
-
-  times ?= 1
-
-  do move = -> defer ->
-    if triggerEvent(document.activeElement, "keydown", keyCode: keyCodes[direction], key: keys[direction])
-      selection = rangy.getSelection()
-      selection.move("character", if direction is "right" then 1 else -1)
-      selectionChangeObserver.update()
-
-    if --times is 0
-      defer -> callback(getCursorCoordinates())
-    else
-      move()
-
-export expandSelection = (options, callback) -> defer ->
-  if typeof options is "string"
-    direction = options
-  else
-    direction = options.direction
-    times = options.times
-
-  times ?= 1
-
-  do expand = -> defer ->
-    if triggerEvent(document.activeElement, "keydown", keyCode: keyCodes[direction], key: keys[direction], shiftKey: true)
-      getComposition().expandSelectionInDirection(if direction is "left" then "backward" else "forward")
-
-    if --times is 0
-      defer(callback)
-    else
-      expand()
-
-export collapseSelection = (direction, callback) ->
-  selection = rangy.getSelection()
-  if direction is "left"
-    selection.collapseToStart()
-  else
-    selection.collapseToEnd()
-  selectionChangeObserver.update()
-  defer(callback)
-
-export selectAll = (callback) ->
-  rangy.getSelection().selectAllChildren(document.activeElement)
-  selectionChangeObserver.update()
-  defer(callback)
-
-export deleteSelection = ->
-  selection = rangy.getSelection()
-  selection.getRangeAt(0).deleteContents()
-  selectionChangeObserver.update()
-
-export selectionIsCollapsed = ->
-  rangy.getSelection().isCollapsed
-
-export insertNode = (node, callback) ->
-  selection = rangy.getSelection()
-  range = selection.getRangeAt(0)
-  range.splitBoundaries()
-  range.insertNode(node)
-  range.setStartAfter(node)
-  range.deleteContents()
-  selection.setSingleRange(range)
-  selectionChangeObserver.update()
-  requestAnimationFrame(callback) if callback
-
-export selectNode = (node, callback) ->
-  selection = rangy.getSelection()
-  selection.selectAllChildren(node)
-  selectionChangeObserver.update()
-  callback?()
-
-export createDOMRangeFromPoint = (x, y) ->
-  if document.caretPositionFromPoint
-    {offsetNode, offset} = document.caretPositionFromPoint(x, y)
-    domRange = document.createRange()
-    domRange.setStart(offsetNode, offset)
-    domRange
-  else if document.caretRangeFromPoint
-    document.caretRangeFromPoint(x, y)
-
-getCursorCoordinates = ->
-  if rect = window.getSelection().getRangeAt(0).getClientRects()[0]
-    clientX: rect.left
-    clientY: rect.top + rect.height / 2
+};
+
+
+export var moveCursor = function(options, callback) {
+  let direction, move, times;
+  if (typeof options === "string") {
+    direction = options;
+  } else {
+    ({
+      direction
+    } = options);
+    ({
+      times
+    } = options);
+  }
+
+  if (times == null) { times = 1; }
+
+  return (move = () => defer(function() {
+    if (triggerEvent(document.activeElement, "keydown", {keyCode: keyCodes[direction], key: keys[direction]})) {
+      const selection = rangy.getSelection();
+      selection.move("character", direction === "right" ? 1 : -1);
+      selectionChangeObserver.update();
+    }
+
+    if (--times === 0) {
+      return defer(() => callback(getCursorCoordinates()));
+    } else {
+      return move();
+    }
+  }))();
+};
+
+export var expandSelection = (options, callback) => defer(function() {
+  let direction, expand, times;
+  if (typeof options === "string") {
+    direction = options;
+  } else {
+    ({
+      direction
+    } = options);
+    ({
+      times
+    } = options);
+  }
+
+  if (times == null) { times = 1; }
+
+  return (expand = () => defer(function() {
+    if (triggerEvent(document.activeElement, "keydown", {keyCode: keyCodes[direction], key: keys[direction], shiftKey: true})) {
+      getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward");
+    }
+
+    if (--times === 0) {
+      return defer(callback);
+    } else {
+      return expand();
+    }
+  }))();
+});
+
+export var collapseSelection = function(direction, callback) {
+  const selection = rangy.getSelection();
+  if (direction === "left") {
+    selection.collapseToStart();
+  } else {
+    selection.collapseToEnd();
+  }
+  selectionChangeObserver.update();
+  return defer(callback);
+};
+
+export var selectAll = function(callback) {
+  rangy.getSelection().selectAllChildren(document.activeElement);
+  selectionChangeObserver.update();
+  return defer(callback);
+};
+
+export var deleteSelection = function() {
+  const selection = rangy.getSelection();
+  selection.getRangeAt(0).deleteContents();
+  return selectionChangeObserver.update();
+};
+
+export var selectionIsCollapsed = () => rangy.getSelection().isCollapsed;
+
+export var insertNode = function(node, callback) {
+  const selection = rangy.getSelection();
+  const range = selection.getRangeAt(0);
+  range.splitBoundaries();
+  range.insertNode(node);
+  range.setStartAfter(node);
+  range.deleteContents();
+  selection.setSingleRange(range);
+  selectionChangeObserver.update();
+  if (callback) { return requestAnimationFrame(callback); }
+};
+
+export var selectNode = function(node, callback) {
+  const selection = rangy.getSelection();
+  selection.selectAllChildren(node);
+  selectionChangeObserver.update();
+  return callback?.();
+};
+
+export var createDOMRangeFromPoint = function(x, y) {
+  if (document.caretPositionFromPoint) {
+    const {offsetNode, offset} = document.caretPositionFromPoint(x, y);
+    const domRange = document.createRange();
+    domRange.setStart(offsetNode, offset);
+    return domRange;
+  } else if (document.caretRangeFromPoint) {
+    return document.caretRangeFromPoint(x, y);
+  }
+};
+
+var getCursorCoordinates = function() {
+  let rect;
+  if (rect = window.getSelection().getRangeAt(0).getClientRects()[0]) {
+    return {
+      clientX: rect.left,
+      clientY: rect.top + (rect.height / 2)
+    };
+  }
+};
diff --git a/src/test/test_helpers/test_helpers.js b/src/test/test_helpers/test_helpers.js
index 4258039a1..ab204933a 100644
--- a/src/test/test_helpers/test_helpers.js
+++ b/src/test/test_helpers/test_helpers.js
@@ -1,78 +1,109 @@
-import { fixtureTemplates } from "test/test_helpers/fixtures/fixtures"
-
-import { removeNode } from "trix/core/helpers"
-
-setFixtureHTML = (html, container = "form") ->
-  element = document.getElementById("trix-container")
-  removeNode(element) if element?
-
-  element = document.createElement(container)
-  element.id = "trix-container"
-  element.innerHTML = html
-
-  document.body.insertAdjacentElement("afterbegin", element)
-
-ready = null
-
-export testGroup = (name, options, callback) ->
-  if callback?
-    {container,template, setup, teardown} = options
-  else
-    callback = options
-
-  beforeEach = ->
-    # Ensure window is active on CI so focus and blur events are natively dispatched
-    window.focus()
-
-    ready = (callback) ->
-      if template?
-        addEventListener "trix-initialize", handler = ({target}) ->
-          removeEventListener("trix-initialize", handler)
-          if target.hasAttribute("autofocus")
-            target.editor.setSelectedRange(0)
-          callback(target)
-
-        setFixtureHTML(fixtureTemplates[template](), container)
-      else
-        callback()
-    setup?()
-
-  afterEach = ->
-    if template?
-      setFixtureHTML("")
-    teardown?()
-
-  if callback?
-    QUnit.module name, (hooks) ->
-      hooks.beforeEach(beforeEach)
-      hooks.afterEach(afterEach)
-      callback()
-  else
-    QUnit.module(name, {beforeEach, afterEach})
-
-export test = (name, callback) ->
-  QUnit.test name, (assert) ->
-    doneAsync = assert.async()
-
-    ready (element) ->
-      done = (expectedDocumentValue) ->
-        if element?
-          if expectedDocumentValue
-            assert.equal element.editor.getDocument().toString(), expectedDocumentValue
-          requestAnimationFrame(doneAsync)
-        else
-          doneAsync()
-
-      if callback.length is 0
-        callback()
-        done()
-      else
-        callback(done)
-
-export testIf = (condition, args...) ->
-  if condition
-    test(args...)
-  else
-    skip(args...)
-
-export skip = QUnit.skip
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { fixtureTemplates } from "test/test_helpers/fixtures/fixtures";
+
+import { removeNode } from "trix/core/helpers";
+
+const setFixtureHTML = function(html, container = "form") {
+  let element = document.getElementById("trix-container");
+  if (element != null) { removeNode(element); }
+
+  element = document.createElement(container);
+  element.id = "trix-container";
+  element.innerHTML = html;
+
+  return document.body.insertAdjacentElement("afterbegin", element);
+};
+
+let ready = null;
+
+export var testGroup = function(name, options, callback) {
+  let container, setup, teardown, template;
+  if (callback != null) {
+    ({container,template, setup, teardown} = options);
+  } else {
+    callback = options;
+  }
+
+  const beforeEach = function() {
+    // Ensure window is active on CI so focus and blur events are natively dispatched
+    window.focus();
+
+    ready = function(callback) {
+      if (template != null) {
+        let handler;
+        addEventListener("trix-initialize", (handler = function({target}) {
+          removeEventListener("trix-initialize", handler);
+          if (target.hasAttribute("autofocus")) {
+            target.editor.setSelectedRange(0);
+          }
+          return callback(target);
+        })
+        );
+
+        return setFixtureHTML(fixtureTemplates[template](), container);
+      } else {
+        return callback();
+      }
+    };
+    return setup?.();
+  };
+
+  const afterEach = function() {
+    if (template != null) {
+      setFixtureHTML("");
+    }
+    return teardown?.();
+  };
+
+  if (callback != null) {
+    return QUnit.module(name, function(hooks) {
+      hooks.beforeEach(beforeEach);
+      hooks.afterEach(afterEach);
+      return callback();
+    });
+  } else {
+    return QUnit.module(name, {beforeEach, afterEach});
+  }
+};
+
+export var test = (name, callback) => QUnit.test(name, function(assert) {
+  const doneAsync = assert.async();
+
+  return ready(function(element) {
+    const done = function(expectedDocumentValue) {
+      if (element != null) {
+        if (expectedDocumentValue) {
+          assert.equal(element.editor.getDocument().toString(), expectedDocumentValue);
+        }
+        return requestAnimationFrame(doneAsync);
+      } else {
+        return doneAsync();
+      }
+    };
+
+    if (callback.length === 0) {
+      callback();
+      return done();
+    } else {
+      return callback(done);
+    }
+  });
+});
+
+export var testIf = function(condition, ...args) {
+  if (condition) {
+    return test(...Array.from(args || []));
+  } else {
+    return skip(...Array.from(args || []));
+  }
+};
+
+export var {
+  skip
+} = QUnit;
diff --git a/src/test/test_helpers/test_stubs.js b/src/test/test_helpers/test_stubs.js
index 55eb55d49..fdd4d967c 100644
--- a/src/test/test_helpers/test_stubs.js
+++ b/src/test/test_helpers/test_stubs.js
@@ -1,31 +1,47 @@
-import { normalizeRange, rangeIsCollapsed } from "trix/core/helpers"
-
-export class TestCompositionDelegate
-  compositionDidRequestChangingSelectionToLocationRange: ->
-    @getSelectionManager().setLocationRange(arguments...)
-
-  getSelectionManager: ->
-    @selectionManager ?= new TestSelectionManager
-
-export class TestSelectionManager
-  constructor: ->
-    @setLocationRange(index: 0, offset: 0)
-
-  getLocationRange: ->
-    @locationRange
-
-  setLocationRange: (locationRange) ->
-    @locationRange = normalizeRange(locationRange)
-
-  preserveSelection: (block) ->
-    locationRange = @getLocationRange()
-    block()
-    @locationRange = locationRange
-
-  setLocationRangeFromPoint: (point) ->
-
-  locationIsCursorTarget: ->
-    false
-
-  selectionIsExpanded: ->
-    not rangeIsCollapsed(@getLocationRange())
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { normalizeRange, rangeIsCollapsed } from "trix/core/helpers";
+
+export class TestCompositionDelegate {
+  compositionDidRequestChangingSelectionToLocationRange() {
+    return this.getSelectionManager().setLocationRange(...arguments);
+  }
+
+  getSelectionManager() {
+    return this.selectionManager != null ? this.selectionManager : (this.selectionManager = new TestSelectionManager);
+  }
+}
+
+export class TestSelectionManager {
+  constructor() {
+    this.setLocationRange({index: 0, offset: 0});
+  }
+
+  getLocationRange() {
+    return this.locationRange;
+  }
+
+  setLocationRange(locationRange) {
+    return this.locationRange = normalizeRange(locationRange);
+  }
+
+  preserveSelection(block) {
+    const locationRange = this.getLocationRange();
+    block();
+    return this.locationRange = locationRange;
+  }
+
+  setLocationRangeFromPoint(point) {}
+
+  locationIsCursorTarget() {
+    return false;
+  }
+
+  selectionIsExpanded() {
+    return !rangeIsCollapsed(this.getLocationRange());
+  }
+}
diff --git a/src/test/test_helpers/toolbar_helpers.js b/src/test/test_helpers/toolbar_helpers.js
index 4b7f938c6..7af48b439 100644
--- a/src/test/test_helpers/toolbar_helpers.js
+++ b/src/test/test_helpers/toolbar_helpers.js
@@ -1,46 +1,56 @@
-import { defer } from "trix/core/helpers"
-import { createEvent, triggerEvent } from "./event_helpers"
-import { selectionChangeObserver } from "trix/observers/selection_change_observer"
-
-export clickToolbarButton = (selector, callback) ->
-  selectionChangeObserver.update()
-  button = getToolbarButton(selector)
-  triggerEvent(button, "mousedown")
-  defer(callback)
-
-export typeToolbarKeyCommand = (selector, callback) ->
-  button = getToolbarButton(selector)
-  if {trixKey} = button.dataset
-    keyCode = trixKey.toUpperCase().charCodeAt(0)
-    triggerEvent(getEditorElement(), "keydown", {keyCode, charCode: 0, metaKey: true, ctrlKey: true})
-  defer(callback)
-
-export clickToolbarDialogButton = ({method}, callback) ->
-  button = getToolbarElement().querySelector("[data-trix-dialog] [data-trix-method='#{method}']")
-  triggerEvent(button, "click")
-  defer(callback)
-
-export isToolbarButtonActive = (selector) ->
-  button = getToolbarButton(selector)
-  button.hasAttribute("data-trix-active") and button.classList.contains("trix-active")
-
-export isToolbarButtonDisabled = (selector) ->
-  getToolbarButton(selector).disabled
-
-export typeInToolbarDialog = (string, {attribute}, callback) ->
-  dialog = getToolbarDialog({attribute})
-  input = dialog.querySelector("[data-trix-input][name='#{attribute}']")
-  button = dialog.querySelector("[data-trix-method='setAttribute']")
-  input.value = string
-  triggerEvent(button, "click")
-  defer(callback)
-
-export isToolbarDialogActive = (selector) ->
-  dialog = getToolbarDialog(selector)
-  dialog.hasAttribute("data-trix-active") and dialog.classList.contains("trix-active")
-
-getToolbarButton = ({attribute, action}) ->
-  getToolbarElement().querySelector("[data-trix-attribute='#{attribute}'], [data-trix-action='#{action}']")
-
-getToolbarDialog = ({attribute, action}) ->
-  getToolbarElement().querySelector("[data-trix-dialog='#{attribute}']")
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { defer } from "trix/core/helpers";
+import { createEvent, triggerEvent } from "./event_helpers";
+import { selectionChangeObserver } from "trix/observers/selection_change_observer";
+
+export var clickToolbarButton = function(selector, callback) {
+  selectionChangeObserver.update();
+  const button = getToolbarButton(selector);
+  triggerEvent(button, "mousedown");
+  return defer(callback);
+};
+
+export var typeToolbarKeyCommand = function(selector, callback) {
+  let trixKey;
+  const button = getToolbarButton(selector);
+  if ({trixKey} = button.dataset) {
+    const keyCode = trixKey.toUpperCase().charCodeAt(0);
+    triggerEvent(getEditorElement(), "keydown", {keyCode, charCode: 0, metaKey: true, ctrlKey: true});
+  }
+  return defer(callback);
+};
+
+export var clickToolbarDialogButton = function({method}, callback) {
+  const button = getToolbarElement().querySelector(`[data-trix-dialog] [data-trix-method='${method}']`);
+  triggerEvent(button, "click");
+  return defer(callback);
+};
+
+export var isToolbarButtonActive = function(selector) {
+  const button = getToolbarButton(selector);
+  return button.hasAttribute("data-trix-active") && button.classList.contains("trix-active");
+};
+
+export var isToolbarButtonDisabled = selector => getToolbarButton(selector).disabled;
+
+export var typeInToolbarDialog = function(string, {attribute}, callback) {
+  const dialog = getToolbarDialog({attribute});
+  const input = dialog.querySelector(`[data-trix-input][name='${attribute}']`);
+  const button = dialog.querySelector("[data-trix-method='setAttribute']");
+  input.value = string;
+  triggerEvent(button, "click");
+  return defer(callback);
+};
+
+export var isToolbarDialogActive = function(selector) {
+  const dialog = getToolbarDialog(selector);
+  return dialog.hasAttribute("data-trix-active") && dialog.classList.contains("trix-active");
+};
+
+var getToolbarButton = ({attribute, action}) => getToolbarElement().querySelector(`[data-trix-attribute='${attribute}'], [data-trix-action='${action}']`);
+
+var getToolbarDialog = ({attribute, action}) => getToolbarElement().querySelector(`[data-trix-dialog='${attribute}']`);
diff --git a/src/test/unit.js b/src/test/unit.js
index 0680fbb11..e6a6a3c28 100644
--- a/src/test/unit.js
+++ b/src/test/unit.js
@@ -1,11 +1,11 @@
-import "test/unit/attachment_test"
-import "test/unit/block_test"
-import "test/unit/composition_test"
-import "test/unit/document_test"
-import "test/unit/document_view_test"
-import "test/unit/html_parser_test"
-import "test/unit/location_mapper_test"
-import "test/unit/mutation_observer_test"
-import "test/unit/serialization_test"
-import "test/unit/string_change_summary_test"
-import "test/unit/text_test"
+import "test/unit/attachment_test";
+import "test/unit/block_test";
+import "test/unit/composition_test";
+import "test/unit/document_test";
+import "test/unit/document_view_test";
+import "test/unit/html_parser_test";
+import "test/unit/location_mapper_test";
+import "test/unit/mutation_observer_test";
+import "test/unit/serialization_test";
+import "test/unit/string_change_summary_test";
+import "test/unit/text_test";

From c8ee6ca41eb08076f03a13aed7472c91ba14c933 Mon Sep 17 00:00:00 2001
From: decaffeinate <alberto@hey.com>
Date: Tue, 7 Dec 2021 12:39:29 +0000
Subject: [PATCH 08/12] decaffeinate: Run post-processing cleanups on
 system.coffee and 25 other files

---
 src/test/system.js                            |  44 +-
 src/test/test.js                              |  26 +-
 src/test/test_helper.js                       |  41 +-
 src/test/test_helpers/assertions.js           |  73 +--
 src/test/test_helpers/editor_helpers.js       |  65 +--
 src/test/test_helpers/event_helpers.js        |  21 +-
 .../fixtures/editor_default_aria_label.js     |   4 +-
 .../test_helpers/fixtures/editor_empty.js     |   4 +-
 src/test/test_helpers/fixtures/editor_html.js |   4 +-
 .../test_helpers/fixtures/editor_in_table.js  |   4 +-
 .../fixtures/editor_with_block_styles.js      |   4 +-
 .../fixtures/editor_with_bold_styles.js       |   4 +-
 .../fixtures/editor_with_image.js             |   6 +-
 .../fixtures/editor_with_labels.js            |   4 +-
 .../fixtures/editor_with_styled_content.js    |   4 +-
 .../fixtures/editor_with_toolbar_and_input.js |   4 +-
 .../fixtures/editors_with_forms.js            |   4 +-
 src/test/test_helpers/fixtures/fixtures.js    | 424 +++++++++---------
 .../test_helpers/fixtures/test_image_url.js   |   7 +-
 src/test/test_helpers/functions.js            |  17 +-
 src/test/test_helpers/input_helpers.js        | 354 ++++++++-------
 src/test/test_helpers/selection_helpers.js    | 155 ++++---
 src/test/test_helpers/test_helpers.js         | 104 +++--
 src/test/test_helpers/test_stubs.js           |  24 +-
 src/test/test_helpers/toolbar_helpers.js      |  82 ++--
 src/test/unit.js                              |  24 +-
 26 files changed, 807 insertions(+), 700 deletions(-)

diff --git a/src/test/system.js b/src/test/system.js
index bea75a5ad..15411b20c 100644
--- a/src/test/system.js
+++ b/src/test/system.js
@@ -1,21 +1,23 @@
-import "test/system/accessibility_test";
-import "test/system/attachment_caption_test";
-import "test/system/attachment_gallery_test";
-import "test/system/attachment_test";
-import "test/system/basic_input_test";
-import "test/system/block_formatting_test";
-import "test/system/caching_test";
-import "test/system/canceled_input_test";
-import "test/system/composition_input_test";
-import "test/system/cursor_movement_test";
-import "test/system/custom_element_test";
-import "test/system/html_loading_test";
-import "test/system/html_reparsing_test";
-import "test/system/html_replacement_test";
-import "test/system/installation_process_test";
-import "test/system/level_2_input_test";
-import "test/system/list_formatting_test";
-import "test/system/mutation_input_test";
-import "test/system/pasting_test";
-import "test/system/text_formatting_test";
-import "test/system/undo_test";
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import "test/system/accessibility_test"
+import "test/system/attachment_caption_test"
+import "test/system/attachment_gallery_test"
+import "test/system/attachment_test"
+import "test/system/basic_input_test"
+import "test/system/block_formatting_test"
+import "test/system/caching_test"
+import "test/system/canceled_input_test"
+import "test/system/composition_input_test"
+import "test/system/cursor_movement_test"
+import "test/system/custom_element_test"
+import "test/system/html_loading_test"
+import "test/system/html_reparsing_test"
+import "test/system/html_replacement_test"
+import "test/system/installation_process_test"
+import "test/system/level_2_input_test"
+import "test/system/list_formatting_test"
+import "test/system/mutation_input_test"
+import "test/system/pasting_test"
+import "test/system/text_formatting_test"
+import "test/system/undo_test"
diff --git a/src/test/test.js b/src/test/test.js
index bcaed99d3..d4d0ef41e 100644
--- a/src/test/test.js
+++ b/src/test/test.js
@@ -1,16 +1,22 @@
-import Trix from "trix/trix";
-import config from "trix/config";
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+import Trix from "trix/trix"
+import config from "trix/config"
 
-import "trix/core/helpers/global";
-import "test/test_helper";
+import "trix/core/helpers/global"
+import "test/test_helper"
 
-import "test/unit";
-import "test/system";
+import "test/unit"
+import "test/system"
 
-config.undoInterval = 0;
+config.undoInterval = 0
 
-QUnit.config.hidepassed = true;
-QUnit.config.testTimeout = 20000;
+QUnit.config.hidepassed = true
+QUnit.config.testTimeout = 20000
 
 document.head.insertAdjacentHTML("beforeend", `\
 <style type="text/css">
@@ -21,4 +27,4 @@ document.head.insertAdjacentHTML("beforeend", `\
   trix-toolbar button:disabled { color: #ccc; }
 </style>\
 `
-);
+)
diff --git a/src/test/test_helper.js b/src/test/test_helper.js
index 4ceb2739b..39ca575fd 100644
--- a/src/test/test_helper.js
+++ b/src/test/test_helper.js
@@ -1,23 +1,28 @@
-import config from "trix/config";
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+import config from "trix/config"
 
-export * from "trix/core/helpers/functions";
-export * from "trix/core/helpers/global";
-export * from "./test_helpers/event_helpers";
-export * from "./test_helpers/assertions";
-export * from "./test_helpers/test_helpers";
-export * from "./test_helpers/test_stubs";
-export * from "./test_helpers/functions";
-export * from "./test_helpers/fixtures/fixtures";
-export * from "./test_helpers/event_helpers";
-export * from "./test_helpers/input_helpers";
-export * from "./test_helpers/editor_helpers";
-export * from "./test_helpers/toolbar_helpers";
-export * from "./test_helpers/selection_helpers";
+export * from "trix/core/helpers/functions"
+export * from "trix/core/helpers/global"
+export * from "./test_helpers/event_helpers"
+export * from "./test_helpers/assertions"
+export * from "./test_helpers/test_helpers"
+export * from "./test_helpers/test_stubs"
+export * from "./test_helpers/functions"
+export * from "./test_helpers/fixtures/fixtures"
+export * from "./test_helpers/event_helpers"
+export * from "./test_helpers/input_helpers"
+export * from "./test_helpers/editor_helpers"
+export * from "./test_helpers/toolbar_helpers"
+export * from "./test_helpers/selection_helpers"
 
-config.undoInterval = 0;
+config.undoInterval = 0
 
-QUnit.config.hidepassed = true;
-QUnit.config.testTimeout = 20000;
+QUnit.config.hidepassed = true
+QUnit.config.testTimeout = 20000
 
 document.head.insertAdjacentHTML("beforeend", `\
 <style type="text/css">
@@ -28,4 +33,4 @@ document.head.insertAdjacentHTML("beforeend", `\
   trix-toolbar button:disabled { color: #ccc; }
 </style>\
 `
-);
+)
diff --git a/src/test/test_helpers/assertions.js b/src/test/test_helpers/assertions.js
index a55257f07..ed97d29d8 100644
--- a/src/test/test_helpers/assertions.js
+++ b/src/test/test_helpers/assertions.js
@@ -1,57 +1,64 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import DocumentView from "trix/views/document_view";
+import DocumentView from "trix/views/document_view"
 
-import { normalizeRange, rangesAreEqual } from "trix/core/helpers";
+import { normalizeRange, rangesAreEqual } from "trix/core/helpers"
 
 const {
   assert
-} = QUnit;
+} = QUnit
 
 assert.locationRange = function(start, end) {
-  const expectedLocationRange = normalizeRange([start, end]);
-  const actualLocationRange = getEditorController().getLocationRange();
-  return this.deepEqual(actualLocationRange, expectedLocationRange);
-};
+  const expectedLocationRange = normalizeRange([ start, end ])
+  const actualLocationRange = getEditorController().getLocationRange()
+  return this.deepEqual(actualLocationRange, expectedLocationRange)
+}
 
 assert.selectedRange = function(range) {
-  const expectedRange = normalizeRange(range);
-  const actualRange = getEditor().getSelectedRange();
-  return this.deepEqual(actualRange, expectedRange);
-};
+  const expectedRange = normalizeRange(range)
+  const actualRange = getEditor().getSelectedRange()
+  return this.deepEqual(actualRange, expectedRange)
+}
 
 assert.textAttributes = function(range, attributes) {
-  const document = window.getDocument().getDocumentAtRange(range);
-  const blocks = document.getBlocks();
-  if (blocks.length !== 1) { throw `range ${JSON.stringify(range)} spans more than one block`; }
+  const document = window.getDocument().getDocumentAtRange(range)
+  const blocks = document.getBlocks()
+  if (blocks.length !== 1) { throw `range ${JSON.stringify(range)} spans more than one block` }
 
-  const locationRange = window.getDocument().locationRangeFromRange(range);
-  const textIndex = locationRange[0].index;
-  const textRange = [locationRange[0].offset, locationRange[1].offset];
-  const text = window.getDocument().getTextAtIndex(textIndex).getTextAtRange(textRange);
-  const pieces = text.getPieces();
-  if (pieces.length !== 1) { throw `range ${JSON.stringify(range)} must only span one piece`; }
+  const locationRange = window.getDocument().locationRangeFromRange(range)
+  const textIndex = locationRange[0].index
+  const textRange = [ locationRange[0].offset, locationRange[1].offset ]
+  const text = window.getDocument().getTextAtIndex(textIndex).getTextAtRange(textRange)
+  const pieces = text.getPieces()
+  if (pieces.length !== 1) { throw `range ${JSON.stringify(range)} must only span one piece` }
 
-  const piece = pieces[0];
-  return this.deepEqual(piece.getAttributes(), attributes);
-};
+  const piece = pieces[0]
+  return this.deepEqual(piece.getAttributes(), attributes)
+}
 
 assert.blockAttributes = function(range, attributes) {
-  const document = window.getDocument().getDocumentAtRange(range);
-  const blocks = document.getBlocks();
-  if (blocks.length !== 1) { throw `range ${JSON.stringify(range)} spans more than one block`; }
+  const document = window.getDocument().getDocumentAtRange(range)
+  const blocks = document.getBlocks()
+  if (blocks.length !== 1) { throw `range ${JSON.stringify(range)} spans more than one block` }
 
-  const block = blocks[0];
-  return this.deepEqual(block.getAttributes(), attributes);
-};
+  const block = blocks[0]
+  return this.deepEqual(block.getAttributes(), attributes)
+}
 
 assert.documentHTMLEqual = function(trixDocument, html) {
-  return this.equal(getHTML(trixDocument), html);
-};
+  return this.equal(getHTML(trixDocument), html)
+}
 
-var getHTML = trixDocument => DocumentView.render(trixDocument).innerHTML;
+var getHTML = trixDocument => DocumentView.render(trixDocument).innerHTML
 
-export { assert, getHTML };
+export { assert, getHTML }
diff --git a/src/test/test_helpers/editor_helpers.js b/src/test/test_helpers/editor_helpers.js
index 05f94a631..2b5250d6f 100644
--- a/src/test/test_helpers/editor_helpers.js
+++ b/src/test/test_helpers/editor_helpers.js
@@ -1,47 +1,52 @@
+/* eslint-disable
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { TEST_IMAGE_URL } from "test/test_helpers/fixtures/test_image_url";
+import { TEST_IMAGE_URL } from "test/test_helpers/fixtures/test_image_url"
 
-import Attachment from "trix/models/attachment";
+import Attachment from "trix/models/attachment"
 
 export var insertString = function(string) {
-  getComposition().insertString(string);
-  return render();
-};
+  getComposition().insertString(string)
+  return render()
+}
 
 export var insertText = function(text) {
-  getComposition().insertText(text);
-  return render();
-};
+  getComposition().insertText(text)
+  return render()
+}
 
 export var insertDocument = function(document) {
-  getComposition().insertDocument(document);
-  return render();
-};
+  getComposition().insertDocument(document)
+  return render()
+}
 
 export var insertFile = function(file) {
-  getComposition().insertFile(file);
-  return render();
-};
+  getComposition().insertFile(file)
+  return render()
+}
 
 export var insertAttachment = function(attachment) {
-  getComposition().insertAttachment(attachment);
-  return render();
-};
+  getComposition().insertAttachment(attachment)
+  return render()
+}
 
 export var insertAttachments = function(attachments) {
-  getComposition().insertAttachments(attachments);
-  return render();
-};
+  getComposition().insertAttachments(attachments)
+  return render()
+}
 
 export var insertImageAttachment = function(attributes) {
-  const attachment = createImageAttachment(attributes);
-  return insertAttachment(attachment);
-};
+  const attachment = createImageAttachment(attributes)
+  return insertAttachment(attachment)
+}
 
 export var createImageAttachment = function(attributes) {
   if (attributes == null) { attributes = {
@@ -51,14 +56,14 @@ export var createImageAttachment = function(attributes) {
     filename: "image.gif",
     filesize: 35,
     contentType: "image/gif"
-  }; }
+  } }
 
-  return new Attachment(attributes);
-};
+  return new Attachment(attributes)
+}
 
 export var replaceDocument = function(document) {
-  getComposition().setDocument(document);
-  return render();
-};
+  getComposition().setDocument(document)
+  return render()
+}
 
-var render = () => getEditorController().render();
+var render = () => getEditorController().render()
diff --git a/src/test/test_helpers/event_helpers.js b/src/test/test_helpers/event_helpers.js
index 055ee7a7d..0d0757ca9 100644
--- a/src/test/test_helpers/event_helpers.js
+++ b/src/test/test_helpers/event_helpers.js
@@ -1,16 +1,21 @@
+/* eslint-disable
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 export var createEvent = function(type, properties = {}) {
-  const event = document.createEvent("Events");
-  event.initEvent(type, true, true);
-  for (let key in properties) {
-    const value = properties[key];
-    event[key] = value;
+  const event = document.createEvent("Events")
+  event.initEvent(type, true, true)
+  for (const key in properties) {
+    const value = properties[key]
+    event[key] = value
   }
-  return event;
-};
+  return event
+}
 
-export var triggerEvent = (element, type, properties) => element.dispatchEvent(createEvent(type, properties));
+export var triggerEvent = (element, type, properties) => element.dispatchEvent(createEvent(type, properties))
diff --git a/src/test/test_helpers/fixtures/editor_default_aria_label.js b/src/test/test_helpers/fixtures/editor_default_aria_label.js
index baa207118..40bff12b0 100644
--- a/src/test/test_helpers/fixtures/editor_default_aria_label.js
+++ b/src/test/test_helpers/fixtures/editor_default_aria_label.js
@@ -1,3 +1,5 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default () => `\
 <trix-editor id="editor-without-labels"></trix-editor>
 
@@ -18,5 +20,5 @@ export default () => `\
 
 <label id="modified-label" for="editor-with-modified-label">Original Value</label>
 <trix-editor id="editor-with-modified-label"></trix-editor>\
-`;
+`
 
diff --git a/src/test/test_helpers/fixtures/editor_empty.js b/src/test/test_helpers/fixtures/editor_empty.js
index 048b6bd81..b6cf3d650 100644
--- a/src/test/test_helpers/fixtures/editor_empty.js
+++ b/src/test/test_helpers/fixtures/editor_empty.js
@@ -1 +1,3 @@
-export default () => "<trix-editor autofocus placeholder=\"Say hello...\"></trix-editor>";
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+export default () => "<trix-editor autofocus placeholder=\"Say hello...\"></trix-editor>"
diff --git a/src/test/test_helpers/fixtures/editor_html.js b/src/test/test_helpers/fixtures/editor_html.js
index c55acdd6a..5194335d0 100644
--- a/src/test/test_helpers/fixtures/editor_html.js
+++ b/src/test/test_helpers/fixtures/editor_html.js
@@ -1,4 +1,6 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default () => `\
 <input id="my_input" type="hidden" value="&lt;div&gt;Hello world&lt;/div&gt;">
 <trix-editor input="my_input" autofocus placeholder="Say hello..."></trix-editor>\`\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/editor_in_table.js b/src/test/test_helpers/fixtures/editor_in_table.js
index 025e7ef3c..b07372428 100644
--- a/src/test/test_helpers/fixtures/editor_in_table.js
+++ b/src/test/test_helpers/fixtures/editor_in_table.js
@@ -1,3 +1,5 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default () => `\
 <table>
   <tr>
@@ -6,4 +8,4 @@ export default () => `\
     </td>
   </tr>
 </table>\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/editor_with_block_styles.js b/src/test/test_helpers/fixtures/editor_with_block_styles.js
index e04ae460b..2bb3516ca 100644
--- a/src/test/test_helpers/fixtures/editor_with_block_styles.js
+++ b/src/test/test_helpers/fixtures/editor_with_block_styles.js
@@ -1,3 +1,5 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default () => `\
 <style type="text/css">
   blockquote { font-style: italic; }
@@ -5,4 +7,4 @@ export default () => `\
 </style>
 
 <trix-editor class="trix-content"></trix-editor>\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/editor_with_bold_styles.js b/src/test/test_helpers/fixtures/editor_with_bold_styles.js
index 66550d368..2e1748538 100644
--- a/src/test/test_helpers/fixtures/editor_with_bold_styles.js
+++ b/src/test/test_helpers/fixtures/editor_with_bold_styles.js
@@ -1,3 +1,5 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default ()=> `\
 <style type="text/css">
   strong { font-weight: 500; }
@@ -6,4 +8,4 @@ export default ()=> `\
 </style>
 
 <trix-editor class="trix-content"></trix-editor>\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/editor_with_image.js b/src/test/test_helpers/fixtures/editor_with_image.js
index a58a69ae1..63bb2ee94 100644
--- a/src/test/test_helpers/fixtures/editor_with_image.js
+++ b/src/test/test_helpers/fixtures/editor_with_image.js
@@ -1,6 +1,8 @@
-import { TEST_IMAGE_URL } from "./test_image_url";
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import { TEST_IMAGE_URL } from "./test_image_url"
 
 export default () => `\
 <trix-editor input="my_input" autofocus placeholder="Say hello..."></trix-editor>
 <input id="my_input" type="hidden" value="ab&lt;img src=&quot;${TEST_IMAGE_URL}&quot; width=&quot;10&quot; height=&quot;10&quot;&gt;">\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/editor_with_labels.js b/src/test/test_helpers/fixtures/editor_with_labels.js
index 79798309f..253e16b6d 100644
--- a/src/test/test_helpers/fixtures/editor_with_labels.js
+++ b/src/test/test_helpers/fixtures/editor_with_labels.js
@@ -1,3 +1,5 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default () => `\
 <label id="label-1" for="editor"><span>Label 1</span></label>
 <label id="label-2">
@@ -5,4 +7,4 @@ export default () => `\
   <trix-editor id="editor"></trix-editor>
 </label>
 <label id="label-3" for="editor">Label 3</label>\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/editor_with_styled_content.js b/src/test/test_helpers/fixtures/editor_with_styled_content.js
index 2bae63ae7..b0314277c 100644
--- a/src/test/test_helpers/fixtures/editor_with_styled_content.js
+++ b/src/test/test_helpers/fixtures/editor_with_styled_content.js
@@ -1,3 +1,5 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default () => `\
 <style type="text/css">
   .trix-content figure.attachment {
@@ -6,4 +8,4 @@ export default () => `\
 </style>
 
 <trix-editor class="trix-content"></trix-editor>\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js b/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
index a296fe70c..5564700b2 100644
--- a/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
+++ b/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
@@ -1,7 +1,9 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default () => `\
 <ul id="my_editor">
   <li><trix-toolbar id="my_toolbar"></trix-toolbar></li>
   <li><trix-editor toolbar="my_toolbar" input="my_input" autofocus placeholder="Say hello..."></trix-editor></li>
   <li><input id="my_input" type="hidden" value="&lt;div&gt;Hello world&lt;/div&gt;"></li>
 </ul>\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/editors_with_forms.js b/src/test/test_helpers/fixtures/editors_with_forms.js
index 3ea3d439b..5f051ad29 100644
--- a/src/test/test_helpers/fixtures/editors_with_forms.js
+++ b/src/test/test_helpers/fixtures/editors_with_forms.js
@@ -1,3 +1,5 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 export default () => `\
 <form id="ancestor-form">
   <trix-editor id="editor-with-ancestor-form"></trix-editor>
@@ -9,4 +11,4 @@ export default () => `\
 <trix-editor id="editor-with-input-form" input="hidden-input"></trix-editor>
 
 <trix-editor id="editor-with-no-form"></trix-editor>\
-`;
+`
diff --git a/src/test/test_helpers/fixtures/fixtures.js b/src/test/test_helpers/fixtures/fixtures.js
index 9455e28b3..40a79597a 100644
--- a/src/test/test_helpers/fixtures/fixtures.js
+++ b/src/test/test_helpers/fixtures/fixtures.js
@@ -1,3 +1,9 @@
+/* eslint-disable
+    camelcase,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS101: Remove unnecessary use of Array.from
@@ -5,28 +11,28 @@
  * DS205: Consider reworking code to avoid use of IIFEs
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
-import { ZERO_WIDTH_SPACE } from "trix/constants";
-import { makeElement } from "trix/core/helpers";
-
-import Text from "trix/models/text";
-import Block from "trix/models/block";
-import Attachment from "trix/models/attachment";
-import Document from "trix/models/document";
-import StringPiece from "trix/models/string_piece";
-
-import editor_default_aria_label from "./editor_default_aria_label";
-import editor_empty from "./editor_empty";
-import editor_html from "./editor_html";
-import editor_in_table from "./editor_in_table";
-import editor_with_block_styles from "./editor_with_block_styles";
-import editor_with_bold_styles from "./editor_with_bold_styles";
-import editor_with_image from "./editor_with_image";
-import editor_with_labels from "./editor_with_labels";
-import editor_with_styled_content from "./editor_with_styled_content";
-import editor_with_toolbar_and_input from "./editor_with_toolbar_and_input";
-import editors_with_forms from "./editors_with_forms";
-import { TEST_IMAGE_URL } from "./test_image_url";
+import config from "trix/config"
+import { ZERO_WIDTH_SPACE } from "trix/constants"
+import { makeElement } from "trix/core/helpers"
+
+import Text from "trix/models/text"
+import Block from "trix/models/block"
+import Attachment from "trix/models/attachment"
+import Document from "trix/models/document"
+import StringPiece from "trix/models/string_piece"
+
+import editor_default_aria_label from "./editor_default_aria_label"
+import editor_empty from "./editor_empty"
+import editor_html from "./editor_html"
+import editor_in_table from "./editor_in_table"
+import editor_with_block_styles from "./editor_with_block_styles"
+import editor_with_bold_styles from "./editor_with_bold_styles"
+import editor_with_image from "./editor_with_image"
+import editor_with_labels from "./editor_with_labels"
+import editor_with_styled_content from "./editor_with_styled_content"
+import editor_with_toolbar_and_input from "./editor_with_toolbar_and_input"
+import editors_with_forms from "./editors_with_forms"
+import { TEST_IMAGE_URL } from "./test_image_url"
 
 export var fixtureTemplates = {
  editor_default_aria_label,
@@ -40,24 +46,26 @@ export var fixtureTemplates = {
  editor_with_styled_content,
  editor_with_toolbar_and_input,
  editors_with_forms,
-};
+}
 
-export { TEST_IMAGE_URL };
+export { TEST_IMAGE_URL }
 
-const {css} = config;
+const { css } = config
 
 const createDocument = function(...parts) {
   const blocks = (() => {
-    const result = [];
-    for (let part of Array.from(parts)) {
-      const [string, textAttributes, blockAttributes] = Array.from(part);
-      const text = Text.textForStringWithAttributes(string, textAttributes);
-      result.push(new Block(text, blockAttributes));
-    }
-    return result;
-  })();
-  return new Document(blocks);
-};
+    const result = []
+
+    Array.from(parts).forEach((part) => {
+      const [ string, textAttributes, blockAttributes ] = Array.from(part)
+      const text = Text.textForStringWithAttributes(string, textAttributes)
+      result.push(new Block(text, blockAttributes))
+    })
+
+    return result
+  })()
+  return new Document(blocks)
+}
 
 export var createCursorTarget = name => makeElement({
   tagName: "span",
@@ -66,104 +74,104 @@ export var createCursorTarget = name => makeElement({
     trixCursorTarget: name,
     trixSerialize: false
   }
-});
+})
 
-const cursorTargetLeft = createCursorTarget("left").outerHTML;
-const cursorTargetRight = createCursorTarget("right").outerHTML;
+const cursorTargetLeft = createCursorTarget("left").outerHTML
+const cursorTargetRight = createCursorTarget("right").outerHTML
 
-const blockComment = "<!--block-->";
+const blockComment = "<!--block-->"
 
-const removeWhitespace = string => string.replace(/\s/g, "");
+const removeWhitespace = string => string.replace(/\s/g, "")
 
 export var fixtures = {
   "bold text": {
-    document: createDocument(["abc", {bold: true}]),
+    document: createDocument([ "abc", { bold: true } ]),
     html: `<div>${blockComment}<strong>abc</strong></div>`,
     serializedHTML: "<div><strong>abc</strong></div>"
   },
 
   "bold, italic text": {
-    document: createDocument(["abc", {bold: true, italic: true}]),
+    document: createDocument([ "abc", { bold: true, italic: true } ]),
     html: `<div>${blockComment}<strong><em>abc</em></strong></div>`
   },
 
   "text with newline": {
-    document: createDocument(["ab\nc"]),
+    document: createDocument([ "ab\nc" ]),
     html: `<div>${blockComment}ab<br>c</div>`
   },
 
   "text with link": {
-    document: createDocument(["abc", {href: "http://example.com"}]),
+    document: createDocument([ "abc", { href: "http://example.com" } ]),
     html: `<div>${blockComment}<a href="http://example.com">abc</a></div>`
   },
 
   "text with link and formatting": {
-    document: createDocument(["abc", {italic: true, href: "http://example.com"}]),
+    document: createDocument([ "abc", { italic: true, href: "http://example.com" } ]),
     html: `<div>${blockComment}<a href="http://example.com"><em>abc</em></a></div>`
   },
 
   "partially formatted link": {
     document: new Document([
       new Block(new Text([
-          new StringPiece("ab", {href: "http://example.com"}),
-          new StringPiece("c", {href: "http://example.com", italic: true})
+          new StringPiece("ab", { href: "http://example.com" }),
+          new StringPiece("c", { href: "http://example.com", italic: true })
         ]))
       ]),
     html: `<div>${blockComment}<a href="http://example.com">ab<em>c</em></a></div>`
   },
 
   "spaces 1": {
-    document: createDocument([" a"]),
+    document: createDocument([ " a" ]),
     html: `<div>${blockComment}&nbsp;a</div>`
   },
 
   "spaces 2": {
-    document: createDocument(["  a"]),
+    document: createDocument([ "  a" ]),
     html: `<div>${blockComment}&nbsp; a</div>`
   },
 
   "spaces 3": {
-    document: createDocument(["   a"]),
+    document: createDocument([ "   a" ]),
     html: `<div>${blockComment}&nbsp; &nbsp;a</div>`
   },
 
   "spaces 4": {
-    document: createDocument([" a "]),
+    document: createDocument([ " a " ]),
     html: `<div>${blockComment}&nbsp;a&nbsp;</div>`
   },
 
   "spaces 5": {
-    document: createDocument(["a  b"]),
+    document: createDocument([ "a  b" ]),
     html: `<div>${blockComment}a&nbsp; b</div>`
   },
 
   "spaces 6": {
-    document: createDocument(["a   b"]),
+    document: createDocument([ "a   b" ]),
     html: `<div>${blockComment}a &nbsp; b</div>`
   },
 
   "spaces 7": {
-    document: createDocument(["a    b"]),
+    document: createDocument([ "a    b" ]),
     html: `<div>${blockComment}a&nbsp; &nbsp; b</div>`
   },
 
   "spaces 8": {
-    document: createDocument(["a b "]),
+    document: createDocument([ "a b " ]),
     html: `<div>${blockComment}a b&nbsp;</div>`
   },
 
   "spaces 9": {
-    document: createDocument(["a b c"]),
+    document: createDocument([ "a b c" ]),
     html: `<div>${blockComment}a b c</div>`
   },
 
   "spaces 10": {
-    document: createDocument(["a "]),
+    document: createDocument([ "a " ]),
     html: `<div>${blockComment}a&nbsp;</div>`
   },
 
   "spaces 11": {
-    document: createDocument(["a  "]),
+    document: createDocument([ "a  " ]),
     html: `<div>${blockComment}a &nbsp;</div>`
   },
 
@@ -171,11 +179,11 @@ export var fixtures = {
     document: new Document([
       new Block(new Text([
           new StringPiece(" a "),
-          new StringPiece("b", {href: "http://b.com"}),
+          new StringPiece("b", { href: "http://b.com" }),
           new StringPiece(" "),
-          new StringPiece("c", {bold: true}),
+          new StringPiece("c", { bold: true }),
           new StringPiece(" d"),
-          new StringPiece(" e ", {italic: true}),
+          new StringPiece(" e ", { italic: true }),
           new StringPiece(" f  ")
         ]))
       ]),
@@ -183,33 +191,33 @@ export var fixtures = {
   },
 
   "quote formatted block": {
-    document: createDocument(["abc", {}, ["quote"]]),
+    document: createDocument([ "abc", {}, [ "quote" ] ]),
     html: `<blockquote>${blockComment}abc</blockquote>`
   },
 
   "code formatted block": {
-    document: createDocument(["123", {}, ["code"]]),
+    document: createDocument([ "123", {}, [ "code" ] ]),
     html: `<pre>${blockComment}123</pre>`
   },
 
   "code with newline": {
-    document: createDocument(["12\n3", {}, ["code"]]),
+    document: createDocument([ "12\n3", {}, [ "code" ] ]),
     html: `<pre>${blockComment}12\n3</pre>`
   },
 
   "multiple blocks with block comments in their text": {
-    document: createDocument([`a${blockComment}b`, {}, ["quote"]], [`${blockComment}c`, {}, ["code"]]),
+    document: createDocument([ `a${blockComment}b`, {}, [ "quote" ] ], [ `${blockComment}c`, {}, [ "code" ] ]),
     html: `<blockquote>${blockComment}a&lt;!--block--&gt;b</blockquote><pre>${blockComment}&lt;!--block--&gt;c</pre>`,
     serializedHTML: "<blockquote>a&lt;!--block--&gt;b</blockquote><pre>&lt;!--block--&gt;c</pre>"
   },
 
   "unordered list with one item": {
-    document: createDocument(["a", {}, ["bulletList", "bullet"]]),
+    document: createDocument([ "a", {}, [ "bulletList", "bullet" ] ]),
     html: `<ul><li>${blockComment}a</li></ul>`
   },
 
   "unordered list with bold text": {
-    document: createDocument(["a", { bold: true }, ["bulletList", "bullet"]]),
+    document: createDocument([ "a", { bold: true }, [ "bulletList", "bullet" ] ]),
     html: `<ul><li>${blockComment}<strong>a</strong></li></ul>`
   },
 
@@ -218,49 +226,49 @@ export var fixtures = {
         new Block(
           new Text([
             new StringPiece("a"),
-            new StringPiece("b", {italic: true})
+            new StringPiece("b", { italic: true })
           ]),
-          ["bulletList", "bullet"]
+          [ "bulletList", "bullet" ]
         )
       ]),
     html: `<ul><li>${blockComment}a<em>b</em></li></ul>`
   },
 
   "unordered list with two items": {
-    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["bulletList", "bullet"]]),
+    document: createDocument([ "a", {}, [ "bulletList", "bullet" ] ], [ "b", {}, [ "bulletList", "bullet" ] ]),
     html: `<ul><li>${blockComment}a</li><li>${blockComment}b</li></ul>`
   },
 
   "unordered list surrounded by unformatted blocks": {
-    document: createDocument(["a"], ["b", {}, ["bulletList", "bullet"]], ["c"]),
+    document: createDocument([ "a" ], [ "b", {}, [ "bulletList", "bullet" ] ], [ "c" ]),
     html: `<div>${blockComment}a</div><ul><li>${blockComment}b</li></ul><div>${blockComment}c</div>`
   },
 
   "ordered list": {
-    document: createDocument(["a", {}, ["numberList", "number"]]),
+    document: createDocument([ "a", {}, [ "numberList", "number" ] ]),
     html: `<ol><li>${blockComment}a</li></ol>`
   },
 
   "ordered list and an unordered list": {
-    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["numberList", "number"]]),
+    document: createDocument([ "a", {}, [ "bulletList", "bullet" ] ], [ "b", {}, [ "numberList", "number" ] ]),
     html: `<ul><li>${blockComment}a</li></ul><ol><li>${blockComment}b</li></ol>`
   },
 
   "empty block with attributes": {
-    document: createDocument(["", {}, ["quote"]]),
+    document: createDocument([ "", {}, [ "quote" ] ]),
     html: `<blockquote>${blockComment}<br></blockquote>`
   },
 
   "image attachment": (function() {
-    const attrs = {url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1};
-    const attachment = new Attachment(attrs);
-    const text = Text.textForAttachmentWithAttributes(attachment);
+    const attrs = { url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1 }
+    const attachment = new Attachment(attrs)
+    const text = Text.textForAttachmentWithAttributes(attachment)
 
-    const image = makeElement("img", {src: attrs.url, "data-trix-mutable": true, width: 1, height: 1});
-    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/");
+    const image = makeElement("img", { src: attrs.url, "data-trix-mutable": true, width: 1, height: 1 })
+    image.dataset.trixStoreKey = [ "imageElement", attachment.id, image.src, image.width, image.height ].join("/")
 
-    const caption = makeElement({tagName: "figcaption", className: css.attachmentCaption});
-    caption.innerHTML = `<span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">95.9 KB</span>`;
+    const caption = makeElement({ tagName: "figcaption", className: css.attachmentCaption })
+    caption.innerHTML = `<span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">95.9 KB</span>`
 
     const figure = makeElement({
       tagName: "figure",
@@ -271,39 +279,41 @@ export var fixtures = {
         trixContentType: "image/png",
         trixId: attachment.id
       }
-    });
+    })
 
-    figure.setAttribute("contenteditable", false);
-    figure.appendChild(image);
-    figure.appendChild(caption);
+    figure.setAttribute("contenteditable", false)
+    figure.appendChild(image)
+    figure.appendChild(caption)
 
     const serializedFigure = figure.cloneNode(true);
-    for (let attribute of ["data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable"]) {
-      serializedFigure.removeAttribute(attribute);
-      for (let element of Array.from(serializedFigure.querySelectorAll(`[${attribute}]`))) {
-        element.removeAttribute(attribute);
-      }
-    }
+
+    [ "data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable" ].forEach((attribute) => {
+      serializedFigure.removeAttribute(attribute)
+
+      Array.from(serializedFigure.querySelectorAll(`[${attribute}]`)).forEach((element) => {
+        element.removeAttribute(attribute)
+      })
+    })
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
       serializedHTML: `<div>${serializedFigure.outerHTML}</div>`,
-      document: new Document([new Block(text)])
-    };
+      document: new Document([ new Block(text) ])
+    }
   })(),
 
   "text with newlines and image attachment": (function() {
-    const stringText = Text.textForStringWithAttributes("a\nb");
+    const stringText = Text.textForStringWithAttributes("a\nb")
 
-    const attrs = {url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1};
-    const attachment = new Attachment(attrs);
-    const attachmentText = Text.textForAttachmentWithAttributes(attachment);
+    const attrs = { url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1 }
+    const attachment = new Attachment(attrs)
+    const attachmentText = Text.textForAttachmentWithAttributes(attachment)
 
-    const image = makeElement("img", {src: attrs.url, "data-trix-mutable": true, width: 1, height: 1});
-    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/");
+    const image = makeElement("img", { src: attrs.url, "data-trix-mutable": true, width: 1, height: 1 })
+    image.dataset.trixStoreKey = [ "imageElement", attachment.id, image.src, image.width, image.height ].join("/")
 
-    const caption = makeElement({tagName: "figcaption", className: css.attachmentCaption});
-    caption.innerHTML = `<span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">95.9 KB</span>`;
+    const caption = makeElement({ tagName: "figcaption", className: css.attachmentCaption })
+    caption.innerHTML = `<span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">95.9 KB</span>`
 
     const figure = makeElement({
       tagName: "figure",
@@ -314,38 +324,40 @@ export var fixtures = {
         trixContentType: "image/png",
         trixId: attachment.id
       }
-    });
+    })
 
-    figure.appendChild(image);
-    figure.appendChild(caption);
+    figure.appendChild(image)
+    figure.appendChild(caption)
 
     const serializedFigure = figure.cloneNode(true);
-    for (let attribute of ["data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable"]) {
-      serializedFigure.removeAttribute(attribute);
-      for (let element of Array.from(serializedFigure.querySelectorAll(`[${attribute}]`))) {
-        element.removeAttribute(attribute);
-      }
-    }
 
-    const text = stringText.appendText(attachmentText);
+    [ "data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable" ].forEach((attribute) => {
+      serializedFigure.removeAttribute(attribute)
+
+      Array.from(serializedFigure.querySelectorAll(`[${attribute}]`)).forEach((element) => {
+        element.removeAttribute(attribute)
+      })
+    })
+
+    const text = stringText.appendText(attachmentText)
 
     return {
       html: `<div>${blockComment}a<br>b${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
       serializedHTML: `<div>a<br>b${serializedFigure.outerHTML}</div>`,
-      document: new Document([new Block(text)])
-    };
+      document: new Document([ new Block(text) ])
+    }
   })(),
 
   "image attachment with edited caption": (function() {
-    const attrs = {url: TEST_IMAGE_URL, filename: "example.png", filesize: 123, contentType: "image/png", width: 1, height: 1};
-    const attachment = new Attachment(attrs);
-    const textAttrs = {caption: "Example"};
-    const text = Text.textForAttachmentWithAttributes(attachment, textAttrs);
+    const attrs = { url: TEST_IMAGE_URL, filename: "example.png", filesize: 123, contentType: "image/png", width: 1, height: 1 }
+    const attachment = new Attachment(attrs)
+    const textAttrs = { caption: "Example" }
+    const text = Text.textForAttachmentWithAttributes(attachment, textAttrs)
 
-    const image = makeElement("img", {src: attrs.url, "data-trix-mutable": true, width: 1, height: 1});
-    image.dataset.trixStoreKey = ["imageElement", attachment.id, image.src, image.width, image.height].join("/");
+    const image = makeElement("img", { src: attrs.url, "data-trix-mutable": true, width: 1, height: 1 })
+    image.dataset.trixStoreKey = [ "imageElement", attachment.id, image.src, image.width, image.height ].join("/")
 
-    const caption = makeElement({tagName: "figcaption", className: `${css.attachmentCaption} ${css.attachmentCaption}--edited`, textContent: "Example"});
+    const caption = makeElement({ tagName: "figcaption", className: `${css.attachmentCaption} ${css.attachmentCaption}--edited`, textContent: "Example" })
 
     const figure = makeElement({
       tagName: "figure",
@@ -357,21 +369,21 @@ export var fixtures = {
         trixId: attachment.id,
         trixAttributes: JSON.stringify(textAttrs)
       }
-    });
+    })
 
-    figure.appendChild(image);
-    figure.appendChild(caption);
+    figure.appendChild(image)
+    figure.appendChild(caption)
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
-      document: new Document([new Block(text)])
-    };
+      document: new Document([ new Block(text) ])
+    }
   })(),
 
   "file attachment": (function() {
-    const attrs = {href: "http://example.com/example.pdf", filename: "example.pdf", filesize: 34038769, contentType: "application/pdf"};
-    const attachment = new Attachment(attrs);
-    const text = Text.textForAttachmentWithAttributes(attachment);
+    const attrs = { href: "http://example.com/example.pdf", filename: "example.pdf", filesize: 34038769, contentType: "application/pdf" }
+    const attachment = new Attachment(attrs)
+    const text = Text.textForAttachmentWithAttributes(attachment)
 
     const figure = makeElement({
       tagName: "figure",
@@ -382,26 +394,26 @@ export var fixtures = {
         trixContentType: "application/pdf",
         trixId: attachment.id
       }
-    });
+    })
 
-    const caption = `<figcaption class="${css.attachmentCaption}"><span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">32.46 MB</span></figcaption>`;
-    figure.innerHTML = caption;
+    const caption = `<figcaption class="${css.attachmentCaption}"><span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">32.46 MB</span></figcaption>`
+    figure.innerHTML = caption
 
-    const link = makeElement({tagName: "a", editable: false, attributes: {href: attrs.href, tabindex: -1}});
-    for (let node of [...Array.from(figure.childNodes)]) { link.appendChild(node); }
-    figure.appendChild(link);
+    const link = makeElement({ tagName: "a", editable: false, attributes: { href: attrs.href, tabindex: -1 } });
+    [ ...Array.from(figure.childNodes) ].forEach((node) => { link.appendChild(node) })
+    figure.appendChild(link)
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
-      document: new Document([new Block(text)])
-    };
+      document: new Document([ new Block(text) ])
+    }
   })(),
 
   "pending file attachment": (function() {
-    const attrs = {filename: "example.pdf", filesize: 34038769, contentType: "application/pdf"};
-    const attachment = new Attachment(attrs);
-    attachment.file = {};
-    const text = Text.textForAttachmentWithAttributes(attachment);
+    const attrs = { filename: "example.pdf", filesize: 34038769, contentType: "application/pdf" }
+    const attachment = new Attachment(attrs)
+    attachment.file = {}
+    const text = Text.textForAttachmentWithAttributes(attachment)
 
     const figure = makeElement({
       tagName: "figure",
@@ -413,7 +425,7 @@ export var fixtures = {
         trixId: attachment.id,
         trixSerialize: false
       }
-    });
+    })
 
     const progress = makeElement({
       tagName: "progress",
@@ -424,26 +436,26 @@ export var fixtures = {
       },
       data: {
         trixMutable: true,
-        trixStoreKey: ["progressElement", attachment.id].join("/")
+        trixStoreKey: [ "progressElement", attachment.id ].join("/")
       }
-    });
+    })
 
-    const caption = `<figcaption class="${css.attachmentCaption}"><span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">32.46 MB</span></figcaption>`;
-    figure.innerHTML = caption + progress.outerHTML;
+    const caption = `<figcaption class="${css.attachmentCaption}"><span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">32.46 MB</span></figcaption>`
+    figure.innerHTML = caption + progress.outerHTML
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
-      document: new Document([new Block(text)])
-    };
+      document: new Document([ new Block(text) ])
+    }
   })(),
 
   "content attachment": (function() {
-    const content = "<blockquote class=\"twitter-tweet\" data-cards=\"hidden\"><p>ruby-build 20150413 is out, with definitions for 2.2.2, 2.1.6, and 2.0.0-p645 to address recent security issues: <a href=\"https://t.co/YEwV6NtRD8\">https://t.co/YEwV6NtRD8</a></p>&mdash; Sam Stephenson (@sstephenson) <a href=\"https://twitter.com/sstephenson/status/587715996783218688\">April 13, 2015</a></blockquote>";
-    const href = "https://twitter.com/sstephenson/status/587715996783218688";
-    const contentType = "embed/twitter";
+    const content = "<blockquote class=\"twitter-tweet\" data-cards=\"hidden\"><p>ruby-build 20150413 is out, with definitions for 2.2.2, 2.1.6, and 2.0.0-p645 to address recent security issues: <a href=\"https://t.co/YEwV6NtRD8\">https://t.co/YEwV6NtRD8</a></p>&mdash; Sam Stephenson (@sstephenson) <a href=\"https://twitter.com/sstephenson/status/587715996783218688\">April 13, 2015</a></blockquote>"
+    const href = "https://twitter.com/sstephenson/status/587715996783218688"
+    const contentType = "embed/twitter"
 
-    const attachment = new Attachment({content, contentType, href});
-    const text = Text.textForAttachmentWithAttributes(attachment);
+    const attachment = new Attachment({ content, contentType, href })
+    const text = Text.textForAttachmentWithAttributes(attachment)
 
     const figure = makeElement({
       tagName: "figure",
@@ -454,35 +466,35 @@ export var fixtures = {
         trixContentType: contentType,
         trixId: attachment.id
       }
-    });
+    })
 
-    figure.innerHTML = content;
+    figure.innerHTML = content
 
-    const caption = makeElement({tagName: "figcaption", className: css.attachmentCaption});
-    figure.appendChild(caption);
+    const caption = makeElement({ tagName: "figcaption", className: css.attachmentCaption })
+    figure.appendChild(caption)
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
-      document: new Document([new Block(text)])
-    };
+      document: new Document([ new Block(text) ])
+    }
   })(),
 
   "nested quote and code formatted block": {
-    document: createDocument(["ab3", {}, ["quote", "code"]]),
+    document: createDocument([ "ab3", {}, [ "quote", "code" ] ]),
     html: `<blockquote><pre>${blockComment}ab3</pre></blockquote>`
   },
 
   "nested code and quote formatted block": {
-    document: createDocument(["ab3", {}, ["code", "quote"]]),
+    document: createDocument([ "ab3", {}, [ "code", "quote" ] ]),
     html: `<pre><blockquote>${blockComment}ab3</blockquote></pre>`
   },
 
   "nested code blocks in quote": {
     document: createDocument(
-      ["a\n", {}, ["quote"]],
-      ["b", {}, ["quote", "code"]],
-      ["\nc\n", {}, ["quote"]],
-      ["d", {}, ["quote", "code"]]
+      [ "a\n", {}, [ "quote" ] ],
+      [ "b", {}, [ "quote", "code" ] ],
+      [ "\nc\n", {}, [ "quote" ] ],
+      [ "d", {}, [ "quote", "code" ] ]
     ),
     html: removeWhitespace(`\
 <blockquote>
@@ -528,12 +540,12 @@ export var fixtures = {
 
   "nested code, quote, and list in quote": {
     document: createDocument(
-      ["a\n", {}, ["quote"]],
-      ["b", {}, ["quote", "code"]],
-      ["\nc\n", {}, ["quote"]],
-      ["d", {}, ["quote", "quote"]],
-      ["\ne\n", {}, ["quote"]],
-      ["f", {}, ["quote", "bulletList", "bullet"]]
+      [ "a\n", {}, [ "quote" ] ],
+      [ "b", {}, [ "quote", "code" ] ],
+      [ "\nc\n", {}, [ "quote" ] ],
+      [ "d", {}, [ "quote", "quote" ] ],
+      [ "\ne\n", {}, [ "quote" ] ],
+      [ "f", {}, [ "quote", "bulletList", "bullet" ] ]
     ),
     html: removeWhitespace(`\
  <blockquote>
@@ -599,10 +611,10 @@ export var fixtures = {
 
   "nested quotes at different nesting levels": {
     document: createDocument(
-      ["a", {}, ["quote", "quote", "quote"]],
-      ["b", {}, ["quote", "quote"]],
-      ["c", {}, ["quote"]],
-      ["d", {}, ["quote", "quote"]]
+      [ "a", {}, [ "quote", "quote", "quote" ] ],
+      [ "b", {}, [ "quote", "quote" ] ],
+      [ "c", {}, [ "quote" ] ],
+      [ "d", {}, [ "quote", "quote" ] ]
     ),
     html: removeWhitespace(`\
 <blockquote>
@@ -641,79 +653,79 @@ export var fixtures = {
   },
 
   "nested quote and list": {
-    document: createDocument(["ab3", {}, ["quote", "bulletList", "bullet"]]),
+    document: createDocument([ "ab3", {}, [ "quote", "bulletList", "bullet" ] ]),
     html: `<blockquote><ul><li>${blockComment}ab3</li></ul></blockquote>`
   },
 
   "nested list and quote": {
-    document: createDocument(["ab3", {}, ["bulletList", "bullet", "quote"]]),
+    document: createDocument([ "ab3", {}, [ "bulletList", "bullet", "quote" ] ]),
     html: `<ul><li><blockquote>${blockComment}ab3</blockquote></li></ul>`
   },
 
   "nested lists and quotes": {
-    document: createDocument(["a", {}, ["bulletList", "bullet", "quote"]], ["b", {}, ["bulletList", "bullet", "quote"]]),
+    document: createDocument([ "a", {}, [ "bulletList", "bullet", "quote" ] ], [ "b", {}, [ "bulletList", "bullet", "quote" ] ]),
     html: `<ul><li><blockquote>${blockComment}a</blockquote></li><li><blockquote>${blockComment}b</blockquote></li></ul>`
   },
 
   "nested quote and list with two items": {
-    document: createDocument(["a", {}, ["quote", "bulletList", "bullet"]], ["b", {}, ["quote", "bulletList", "bullet"]]),
+    document: createDocument([ "a", {}, [ "quote", "bulletList", "bullet" ] ], [ "b", {}, [ "quote", "bulletList", "bullet" ] ]),
     html: `<blockquote><ul><li>${blockComment}a</li><li>${blockComment}b</li></ul></blockquote>`
   },
 
   "nested unordered lists": {
-    document: createDocument(["a", {}, ["bulletList", "bullet"]], ["b", {}, ["bulletList", "bullet", "bulletList", "bullet"]], ["c", {}, ["bulletList", "bullet", "bulletList", "bullet"]]),
+    document: createDocument([ "a", {}, [ "bulletList", "bullet" ] ], [ "b", {}, [ "bulletList", "bullet", "bulletList", "bullet" ] ], [ "c", {}, [ "bulletList", "bullet", "bulletList", "bullet" ] ]),
     html: `<ul><li>${blockComment}a<ul><li>${blockComment}b</li><li>${blockComment}c</li></ul></li></ul>`
   },
 
   "nested lists": {
-    document: createDocument(["a", {}, ["numberList", "number"]], ["b", {}, ["numberList", "number", "bulletList", "bullet"]], ["c", {}, ["numberList", "number", "bulletList", "bullet"]]),
+    document: createDocument([ "a", {}, [ "numberList", "number" ] ], [ "b", {}, [ "numberList", "number", "bulletList", "bullet" ] ], [ "c", {}, [ "numberList", "number", "bulletList", "bullet" ] ]),
     html: `<ol><li>${blockComment}a<ul><li>${blockComment}b</li><li>${blockComment}c</li></ul></li></ol>`
   },
 
   "blocks beginning with newlines": {
-    document: createDocument(["\na", {}, ["quote"]], ["\nb", {}, []], ["\nc", {}, ["quote"]]),
+    document: createDocument([ "\na", {}, [ "quote" ] ], [ "\nb", {}, [] ], [ "\nc", {}, [ "quote" ] ]),
     html: `<blockquote>${blockComment}<br>a</blockquote><div>${blockComment}<br>b</div><blockquote>${blockComment}<br>c</blockquote>`
   },
 
   "blocks beginning with formatted text": {
-    document: createDocument(["a", { bold: true }, ["quote"]], ["b", { italic: true }, []], ["c", { bold: true }, ["quote"]]),
+    document: createDocument([ "a", { bold: true }, [ "quote" ] ], [ "b", { italic: true }, [] ], [ "c", { bold: true }, [ "quote" ] ]),
     html: `<blockquote>${blockComment}<strong>a</strong></blockquote><div>${blockComment}<em>b</em></div><blockquote>${blockComment}<strong>c</strong></blockquote>`
   },
 
   "text with newlines before block": {
-    document: createDocument(["a\nb"], ["c", {}, ["quote"]]),
+    document: createDocument([ "a\nb" ], [ "c", {}, [ "quote" ] ]),
     html: `<div>${blockComment}a<br>b</div><blockquote>${blockComment}c</blockquote>`
   },
 
   "empty heading block": {
-    document: createDocument(["", {}, ["heading1"]]),
+    document: createDocument([ "", {}, [ "heading1" ] ]),
     html: `<h1>${blockComment}<br></h1>`
   },
 
   "two adjacent headings": {
-    document: createDocument( ["a", {}, ["heading1"]], ["b", {}, ["heading1"]]),
+    document: createDocument( [ "a", {}, [ "heading1" ] ], [ "b", {}, [ "heading1" ] ]),
     html: `<h1>${blockComment}a</h1><h1>${blockComment}b</h1>`
   },
 
   "heading in ordered list": {
-    document: createDocument(["a", {}, ["numberList", "number", "heading1"]]),
+    document: createDocument([ "a", {}, [ "numberList", "number", "heading1" ] ]),
     html: `<ol><li><h1>${blockComment}a</h1></li></ol>`
   },
 
   "headings with formatted text": {
-    document: createDocument(["a", { bold: true }, ["heading1"]], ["b", { italic: true, bold: true }, ["heading1"]]),
+    document: createDocument([ "a", { bold: true }, [ "heading1" ] ], [ "b", { italic: true, bold: true }, [ "heading1" ] ]),
     html: `<h1>${blockComment}<strong>a</strong></h1><h1>${blockComment}<strong><em>b</em></strong></h1>`
   },
 
   "bidrectional text": {
     document: createDocument(
-      ["a"],
-      ["ل", {}, ["quote"]],
-      ["b", {}, ["bulletList", "bullet"]],
-      ["ל", {}, ["bulletList", "bullet"]],
-      ["",  {}, ["bulletList", "bullet"]],
-      ["cید"],
-      ["\n گ"]
+      [ "a" ],
+      [ "ل", {}, [ "quote" ] ],
+      [ "b", {}, [ "bulletList", "bullet" ] ],
+      [ "ל", {}, [ "bulletList", "bullet" ] ],
+      [ "", {}, [ "bulletList", "bullet" ] ],
+      [ "cید" ],
+      [ "\n گ" ]
     ),
     html: `\
 <div>${blockComment}a</div>\
@@ -723,22 +735,22 @@ export var fixtures = {
 <div>${blockComment}cید</div>\
 <div dir="rtl">${blockComment}<br>&nbsp;گ</div>\
 `,
-    serializedHTML: `\
+    serializedHTML: "\
 <div>a</div>\
-<blockquote dir="rtl">ل</blockquote>\
+<blockquote dir=\"rtl\">ل</blockquote>\
 <ul><li>b</li></ul>\
-<ul dir="rtl"><li>ל</li><li><br></li></ul>\
+<ul dir=\"rtl\"><li>ל</li><li><br></li></ul>\
 <div>cید</div>\
-<div dir="rtl"><br>&nbsp;گ</div>\
-`
+<div dir=\"rtl\"><br>&nbsp;گ</div>\
+"
   }
-};
+}
 
 export var eachFixture = callback => (() => {
-  const result = [];
-  for (let name in fixtures) {
-    const details = fixtures[name];
-    result.push(callback(name, details));
+  const result = []
+  for (const name in fixtures) {
+    const details = fixtures[name]
+    result.push(callback(name, details))
   }
-  return result;
-})();
+  return result
+})()
diff --git a/src/test/test_helpers/fixtures/test_image_url.js b/src/test/test_helpers/fixtures/test_image_url.js
index dfad97bf4..0d7562f10 100644
--- a/src/test/test_helpers/fixtures/test_image_url.js
+++ b/src/test/test_helpers/fixtures/test_image_url.js
@@ -1 +1,6 @@
-export var TEST_IMAGE_URL = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=";
+/* eslint-disable
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+export var TEST_IMAGE_URL = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs="
diff --git a/src/test/test_helpers/functions.js b/src/test/test_helpers/functions.js
index 9856dd4ab..b7202f0db 100644
--- a/src/test/test_helpers/functions.js
+++ b/src/test/test_helpers/functions.js
@@ -1,14 +1,19 @@
+/* eslint-disable
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
 export var extend = function(properties) {
-  for (let key in properties) {
-    const value = properties[key];
-    this[key] = value;
+  for (const key in properties) {
+    const value = properties[key]
+    this[key] = value
   }
-  return this;
-};
+  return this
+}
 
-export var after = (delay, callback) => setTimeout(callback, delay);
+export var after = (delay, callback) => setTimeout(callback, delay)
diff --git a/src/test/test_helpers/input_helpers.js b/src/test/test_helpers/input_helpers.js
index d775ae524..b4654d752 100644
--- a/src/test/test_helpers/input_helpers.js
+++ b/src/test/test_helpers/input_helpers.js
@@ -1,3 +1,11 @@
+/* eslint-disable
+    no-redeclare,
+    no-undef,
+    no-unused-vars,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS101: Remove unnecessary use of Array.from
@@ -6,178 +14,178 @@
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-let code;
-import config from "trix/config";
-import { defer } from "trix/core/helpers";
-import { createEvent, triggerEvent } from "./event_helpers";
-import { selectionIsCollapsed, deleteSelection, insertNode, createDOMRangeFromPoint,
-  selectNode, collapseSelection } from "./selection_helpers";
-
-const keyCodes = {};
+let code
+import config from "trix/config"
+import { defer } from "trix/core/helpers"
+import { createEvent, triggerEvent } from "./event_helpers"
+import { collapseSelection, createDOMRangeFromPoint, deleteSelection, insertNode,
+  selectNode, selectionIsCollapsed } from "./selection_helpers"
+
+const keyCodes = {}
 for (code in config.keyNames) {
-  const name = config.keyNames[code];
-  keyCodes[name] = code;
+  const name = config.keyNames[code]
+  keyCodes[name] = code
 }
 
-const isIE = /Windows.*Trident/.test(navigator.userAgent);
+const isIE = /Windows.*Trident/.test(navigator.userAgent)
 
 export var triggerInputEvent = function(element, type, properties = {}) {
   if (config.input.getLevel() === 2) {
-    let ranges;
+    let ranges
     if (properties.ranges) {
       ({
         ranges
-      } = properties);
-      delete properties.ranges;
+      } = properties)
+      delete properties.ranges
     } else {
-      ranges = [];
-      const selection = window.getSelection();
+      ranges = []
+      const selection = window.getSelection()
       if (selection.rangeCount > 0) {
-        ranges.push(selection.getRangeAt(0).cloneRange());
+        ranges.push(selection.getRangeAt(0).cloneRange())
       }
     }
-    properties.getTargetRanges = () => ranges;
-    return triggerEvent(element, type, properties);
+    properties.getTargetRanges = () => ranges
+    return triggerEvent(element, type, properties)
   }
-};
+}
 
 export var pasteContent = function(contentType, value, callback) {
-  let data;
-  var key, value;
+  let data
+  var key, value
   if (typeof contentType === "object") {
-    data = contentType;
-    callback = value;
+    data = contentType
+    callback = value
   } else {
-    data = {[contentType]: value};
+    data = { [contentType]: value }
   }
 
   const testClipboardData = {
     getData(type) {
-      return data[type];
+      return data[type]
     },
-    types: (((() => {
-      const result = [];
+    types: (() => {
+      const result = []
       for (key in data) {
-        result.push(key);
+        result.push(key)
       }
-      return result;
-    })())),
-    items: (((() => {
-      const result1 = [];
+      return result
+    })(),
+    items: (() => {
+      const result1 = []
       for (key in data) {
-        value = data[key];
-        result1.push(value);
+        value = data[key]
+        result1.push(value)
       }
-      return result1;
-    })()))
-  };
+      return result1
+    })()
+  }
 
   if (Array.from(testClipboardData.types).includes("Files")) {
-    testClipboardData.files = testClipboardData.items;
+    testClipboardData.files = testClipboardData.items
   }
 
-  triggerInputEvent(document.activeElement, "beforeinput", {inputType: "insertFromPaste", dataTransfer: testClipboardData});
-  triggerEvent(document.activeElement, "paste", {testClipboardData});
-  if (callback) { return requestAnimationFrame(callback); }
-};
+  triggerInputEvent(document.activeElement, "beforeinput", { inputType: "insertFromPaste", dataTransfer: testClipboardData })
+  triggerEvent(document.activeElement, "paste", { testClipboardData })
+  if (callback) { return requestAnimationFrame(callback) }
+}
 
 export var createFile = function(properties = {}) {
-  const file = {getAsFile() { return {}; }};
-  for (let key in properties) { const value = properties[key]; file[key] = value; }
-  return file;
-};
+  const file = { getAsFile() { return {} } }
+  for (const key in properties) { const value = properties[key]; file[key] = value }
+  return file
+}
 
 export var typeCharacters = function(string, callback) {
-  let characters, typeNextCharacter;
+  let characters, typeNextCharacter
   if (Array.isArray(string)) {
-    characters = string;
+    characters = string
   } else {
-    characters = string.split("");
+    characters = string.split("")
   }
 
   return (typeNextCharacter = () => defer(function() {
-    const character = characters.shift();
+    const character = characters.shift()
     if (character != null) {
       switch (character) {
         case "\n":
-          return pressKey("return", typeNextCharacter);
+          return pressKey("return", typeNextCharacter)
         case "\b":
-          return pressKey("backspace", typeNextCharacter);
+          return pressKey("backspace", typeNextCharacter)
         default:
-          return typeCharacterInElement(character, document.activeElement, typeNextCharacter);
+          return typeCharacterInElement(character, document.activeElement, typeNextCharacter)
       }
     } else {
-      return callback();
+      return callback()
     }
-  }))();
-};
+  }))()
+}
 
 export var pressKey = function(keyName, callback) {
-  const element = document.activeElement;
-  code = keyCodes[keyName];
-  const properties = {which: code, keyCode: code, charCode: 0, key: capitalize(keyName)};
+  const element = document.activeElement
+  code = keyCodes[keyName]
+  const properties = { which: code, keyCode: code, charCode: 0, key: capitalize(keyName) }
 
-  if (!triggerEvent(element, "keydown", properties)) { return callback(); }
+  if (!triggerEvent(element, "keydown", properties)) { return callback() }
 
   return simulateKeypress(keyName, () => defer(function() {
-    triggerEvent(element, "keyup", properties);
-    return defer(callback);
-  }));
-};
+    triggerEvent(element, "keyup", properties)
+    return defer(callback)
+  }))
+}
 
 export var startComposition = function(data, callback) {
-  const element = document.activeElement;
-  triggerEvent(element, "compositionstart", {data: ""});
-  triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data});
-  triggerEvent(element, "compositionupdate", {data});
-  triggerEvent(element, "input");
-
-  const node = document.createTextNode(data);
-  insertNode(node);
-  return selectNode(node, callback);
-};
+  const element = document.activeElement
+  triggerEvent(element, "compositionstart", { data: "" })
+  triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data })
+  triggerEvent(element, "compositionupdate", { data })
+  triggerEvent(element, "input")
+
+  const node = document.createTextNode(data)
+  insertNode(node)
+  return selectNode(node, callback)
+}
 
 export var updateComposition = function(data, callback) {
-  const element = document.activeElement;
-  triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data});
-  triggerEvent(element, "compositionupdate", {data});
-  triggerEvent(element, "input");
-
-  const node = document.createTextNode(data);
-  insertNode(node);
-  return selectNode(node, callback);
-};
+  const element = document.activeElement
+  triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data })
+  triggerEvent(element, "compositionupdate", { data })
+  triggerEvent(element, "input")
+
+  const node = document.createTextNode(data)
+  insertNode(node)
+  return selectNode(node, callback)
+}
 
 export var endComposition = function(data, callback) {
-  const element = document.activeElement;
-  triggerInputEvent(element, "beforeinput", {inputType: "insertCompositionText", data});
-  triggerEvent(element, "compositionupdate", {data});
+  const element = document.activeElement
+  triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data })
+  triggerEvent(element, "compositionupdate", { data })
 
-  const node = document.createTextNode(data);
-  insertNode(node);
-  selectNode(node);
+  const node = document.createTextNode(data)
+  insertNode(node)
+  selectNode(node)
   return collapseSelection("right", function() {
-    triggerEvent(element, "input");
-    triggerEvent(element, "compositionend", {data});
-    return requestAnimationFrame(callback);
-  });
-};
+    triggerEvent(element, "input")
+    triggerEvent(element, "compositionend", { data })
+    return requestAnimationFrame(callback)
+  })
+}
 
 export var clickElement = function(element, callback) {
   if (triggerEvent(element, "mousedown")) {
     return defer(function() {
       if (triggerEvent(element, "mouseup")) {
         return defer(function() {
-          triggerEvent(element, "click");
-          return defer(callback);
-        });
+          triggerEvent(element, "click")
+          return defer(callback)
+        })
       }
-    });
+    })
   }
-};
+}
 
 export var dragToCoordinates = function(coordinates, callback) {
-  const element = document.activeElement;
+  const element = document.activeElement
 
   // IE only allows writing "text" to DataTransfer
   // https://msdn.microsoft.com/en-us/library/ms536744(v=vs.85).aspx
@@ -185,129 +193,129 @@ export var dragToCoordinates = function(coordinates, callback) {
     files: [],
     data: {},
     getData(format) {
-      if (isIE && (format.toLowerCase() !== "text")) {
-        throw new Error("Invalid argument.");
+      if (isIE && format.toLowerCase() !== "text") {
+        throw new Error("Invalid argument.")
       } else {
-        this.data[format];
-        return true;
+        this.data[format]
+        return true
       }
     },
     setData(format, data) {
-      if (isIE && (format.toLowerCase() !== "text")) {
-        throw new Error("Unexpected call to method or property access.");
+      if (isIE && format.toLowerCase() !== "text") {
+        throw new Error("Unexpected call to method or property access.")
       } else {
-        return this.data[format] = data;
+        this.data[format] = data
       }
     }
-  };
+  }
 
-  triggerEvent(element, "mousemove");
+  triggerEvent(element, "mousemove")
 
-  const dragstartData = {dataTransfer};
-  triggerEvent(element, "dragstart", dragstartData);
-  triggerInputEvent(element, "beforeinput", {inputType: "deleteByDrag"});
+  const dragstartData = { dataTransfer }
+  triggerEvent(element, "dragstart", dragstartData)
+  triggerInputEvent(element, "beforeinput", { inputType: "deleteByDrag" })
 
-  const dropData = {dataTransfer};
-  for (let key in coordinates) { const value = coordinates[key]; dropData[key] = value; }
-  triggerEvent(element, "drop", dropData);
+  const dropData = { dataTransfer }
+  for (const key in coordinates) { const value = coordinates[key]; dropData[key] = value }
+  triggerEvent(element, "drop", dropData)
 
-  const {clientX, clientY} = coordinates;
-  const domRange = createDOMRangeFromPoint(clientX, clientY);
-  triggerInputEvent(element, "beforeinput", {inputType: "insertFromDrop", ranges: [domRange]});
+  const { clientX, clientY } = coordinates
+  const domRange = createDOMRangeFromPoint(clientX, clientY)
+  triggerInputEvent(element, "beforeinput", { inputType: "insertFromDrop", ranges: [ domRange ] })
 
-  return defer(callback);
-};
+  return defer(callback)
+}
 
 export var mouseDownOnElementAndMove = function(element, distance, callback) {
-  const coordinates = getElementCoordinates(element);
-  triggerEvent(element, "mousedown", coordinates);
+  const coordinates = getElementCoordinates(element)
+  triggerEvent(element, "mousedown", coordinates)
 
   const destination = offset => ({
     clientX: coordinates.clientX + offset,
     clientY: coordinates.clientY + offset
-  });
+  })
 
-  const dragSpeed = 20;
+  const dragSpeed = 20
 
   return after(dragSpeed, function() {
-    let drag;
-    let offset = 0;
+    let drag
+    let offset = 0
     return (drag = () => {
       if (++offset <= distance) {
-        triggerEvent(element, "mousemove", destination(offset));
-        return after(dragSpeed, drag);
+        triggerEvent(element, "mousemove", destination(offset))
+        return after(dragSpeed, drag)
       } else {
-        triggerEvent(element, "mouseup", destination(distance));
-        return after(dragSpeed, callback);
+        triggerEvent(element, "mouseup", destination(distance))
+        return after(dragSpeed, callback)
       }
-    })();
-  });
-};
+    })()
+  })
+}
 
 var typeCharacterInElement = function(character, element, callback) {
-  const charCode = character.charCodeAt(0);
-  const keyCode = character.toUpperCase().charCodeAt(0);
+  const charCode = character.charCodeAt(0)
+  const keyCode = character.toUpperCase().charCodeAt(0)
 
-  if (!triggerEvent(element, "keydown", {keyCode, charCode: 0})) { return callback(); }
+  if (!triggerEvent(element, "keydown", { keyCode, charCode: 0 })) { return callback() }
 
   return defer(function() {
-    if (!triggerEvent(element, "keypress", {keyCode: charCode, charCode})) { return callback(); }
-    triggerInputEvent(element, "beforeinput", {inputType: "insertText", data: character});
+    if (!triggerEvent(element, "keypress", { keyCode: charCode, charCode })) { return callback() }
+    triggerInputEvent(element, "beforeinput", { inputType: "insertText", data: character })
     return insertCharacter(character, function() {
-      triggerEvent(element, "input");
+      triggerEvent(element, "input")
 
       return defer(function() {
-        triggerEvent(element, "keyup", {keyCode, charCode: 0});
-        return callback();
-      });
-    });
-  });
-};
+        triggerEvent(element, "keyup", { keyCode, charCode: 0 })
+        return callback()
+      })
+    })
+  })
+}
 
 var insertCharacter = function(character, callback) {
-  const node = document.createTextNode(character);
-  return insertNode(node, callback);
-};
+  const node = document.createTextNode(character)
+  return insertNode(node, callback)
+}
 
 var simulateKeypress = function(keyName, callback) {
   switch (keyName) {
     case "backspace":
-      return deleteInDirection("left", callback);
+      return deleteInDirection("left", callback)
     case "delete":
-      return deleteInDirection("right", callback);
+      return deleteInDirection("right", callback)
     case "return":
       return defer(function() {
-        triggerInputEvent(document.activeElement, "beforeinput", {inputType: "insertParagraph"});
-        const node = document.createElement("br");
-        return insertNode(node, callback);
-      });
+        triggerInputEvent(document.activeElement, "beforeinput", { inputType: "insertParagraph" })
+        const node = document.createElement("br")
+        return insertNode(node, callback)
+      })
   }
-};
+}
 
 var deleteInDirection = function(direction, callback) {
   if (selectionIsCollapsed()) {
-    getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward");
+    getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward")
     return defer(function() {
-      const inputType = direction === "left" ? "deleteContentBackward" : "deleteContentForward";
-      triggerInputEvent(document.activeElement, "beforeinput", {inputType});
+      const inputType = direction === "left" ? "deleteContentBackward" : "deleteContentForward"
+      triggerInputEvent(document.activeElement, "beforeinput", { inputType })
       return defer(function() {
-        deleteSelection();
-        return callback();
-      });
-    });
+        deleteSelection()
+        return callback()
+      })
+    })
   } else {
-    triggerInputEvent(document.activeElement, "beforeinput", {inputType: "deleteContentBackward"});
-    deleteSelection();
-    return callback();
+    triggerInputEvent(document.activeElement, "beforeinput", { inputType: "deleteContentBackward" })
+    deleteSelection()
+    return callback()
   }
-};
+}
 
 var getElementCoordinates = function(element) {
-  const rect = element.getBoundingClientRect();
+  const rect = element.getBoundingClientRect()
   return {
-    clientX: rect.left + (rect.width / 2),
-    clientY: rect.top + (rect.height / 2)
-  };
-};
+    clientX: rect.left + rect.width / 2,
+    clientY: rect.top + rect.height / 2
+  }
+}
 
-var capitalize = string => string.charAt(0).toUpperCase() + string.slice(1);
+var capitalize = string => string.charAt(0).toUpperCase() + string.slice(1)
diff --git a/src/test/test_helpers/selection_helpers.js b/src/test/test_helpers/selection_helpers.js
index fab331d46..6b238d7e0 100644
--- a/src/test/test_helpers/selection_helpers.js
+++ b/src/test/test_helpers/selection_helpers.js
@@ -1,151 +1,158 @@
+/* eslint-disable
+    id-length,
+    no-cond-assign,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import config from "trix/config";
+import config from "trix/config"
 
-import { triggerEvent } from "event_helpers";
-import { defer } from "trix/core/helpers";
-import { selectionChangeObserver } from "trix/observers/selection_change_observer";
+import { triggerEvent } from "event_helpers"
+import { defer } from "trix/core/helpers"
+import { selectionChangeObserver } from "trix/observers/selection_change_observer"
 
-import rangy from "rangy";
-import "rangy/lib/rangy-textrange";
+import rangy from "rangy"
+import "rangy/lib/rangy-textrange"
 
-window.rangy = rangy;
+window.rangy = rangy
 
-const keyCodes = {};
-for (let code in config.keyNames) {
-  const name = config.keyNames[code];
-  keyCodes[name] = code;
+const keyCodes = {}
+for (const code in config.keyNames) {
+  const name = config.keyNames[code]
+  keyCodes[name] = code
 }
 
 const keys = {
   left: "ArrowLeft",
   right: "ArrowRight"
-};
+}
 
 
 export var moveCursor = function(options, callback) {
-  let direction, move, times;
+  let direction, move, times
   if (typeof options === "string") {
-    direction = options;
+    direction = options
   } else {
     ({
       direction
     } = options);
     ({
       times
-    } = options);
+    } = options)
   }
 
-  if (times == null) { times = 1; }
+  if (times == null) { times = 1 }
 
   return (move = () => defer(function() {
-    if (triggerEvent(document.activeElement, "keydown", {keyCode: keyCodes[direction], key: keys[direction]})) {
-      const selection = rangy.getSelection();
-      selection.move("character", direction === "right" ? 1 : -1);
-      selectionChangeObserver.update();
+    if (triggerEvent(document.activeElement, "keydown", { keyCode: keyCodes[direction], key: keys[direction] })) {
+      const selection = rangy.getSelection()
+      selection.move("character", direction === "right" ? 1 : -1)
+      selectionChangeObserver.update()
     }
 
     if (--times === 0) {
-      return defer(() => callback(getCursorCoordinates()));
+      return defer(() => callback(getCursorCoordinates()))
     } else {
-      return move();
+      return move()
     }
-  }))();
-};
+  }))()
+}
 
 export var expandSelection = (options, callback) => defer(function() {
-  let direction, expand, times;
+  let direction, expand, times
   if (typeof options === "string") {
-    direction = options;
+    direction = options
   } else {
     ({
       direction
     } = options);
     ({
       times
-    } = options);
+    } = options)
   }
 
-  if (times == null) { times = 1; }
+  if (times == null) { times = 1 }
 
   return (expand = () => defer(function() {
-    if (triggerEvent(document.activeElement, "keydown", {keyCode: keyCodes[direction], key: keys[direction], shiftKey: true})) {
-      getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward");
+    if (triggerEvent(document.activeElement, "keydown", { keyCode: keyCodes[direction], key: keys[direction], shiftKey: true })) {
+      getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward")
     }
 
     if (--times === 0) {
-      return defer(callback);
+      return defer(callback)
     } else {
-      return expand();
+      return expand()
     }
-  }))();
-});
+  }))()
+})
 
 export var collapseSelection = function(direction, callback) {
-  const selection = rangy.getSelection();
+  const selection = rangy.getSelection()
   if (direction === "left") {
-    selection.collapseToStart();
+    selection.collapseToStart()
   } else {
-    selection.collapseToEnd();
+    selection.collapseToEnd()
   }
-  selectionChangeObserver.update();
-  return defer(callback);
-};
+  selectionChangeObserver.update()
+  return defer(callback)
+}
 
 export var selectAll = function(callback) {
-  rangy.getSelection().selectAllChildren(document.activeElement);
-  selectionChangeObserver.update();
-  return defer(callback);
-};
+  rangy.getSelection().selectAllChildren(document.activeElement)
+  selectionChangeObserver.update()
+  return defer(callback)
+}
 
 export var deleteSelection = function() {
-  const selection = rangy.getSelection();
-  selection.getRangeAt(0).deleteContents();
-  return selectionChangeObserver.update();
-};
+  const selection = rangy.getSelection()
+  selection.getRangeAt(0).deleteContents()
+  return selectionChangeObserver.update()
+}
 
-export var selectionIsCollapsed = () => rangy.getSelection().isCollapsed;
+export var selectionIsCollapsed = () => rangy.getSelection().isCollapsed
 
 export var insertNode = function(node, callback) {
-  const selection = rangy.getSelection();
-  const range = selection.getRangeAt(0);
-  range.splitBoundaries();
-  range.insertNode(node);
-  range.setStartAfter(node);
-  range.deleteContents();
-  selection.setSingleRange(range);
-  selectionChangeObserver.update();
-  if (callback) { return requestAnimationFrame(callback); }
-};
+  const selection = rangy.getSelection()
+  const range = selection.getRangeAt(0)
+  range.splitBoundaries()
+  range.insertNode(node)
+  range.setStartAfter(node)
+  range.deleteContents()
+  selection.setSingleRange(range)
+  selectionChangeObserver.update()
+  if (callback) { return requestAnimationFrame(callback) }
+}
 
 export var selectNode = function(node, callback) {
-  const selection = rangy.getSelection();
-  selection.selectAllChildren(node);
-  selectionChangeObserver.update();
-  return callback?.();
-};
+  const selection = rangy.getSelection()
+  selection.selectAllChildren(node)
+  selectionChangeObserver.update()
+  return callback?.()
+}
 
 export var createDOMRangeFromPoint = function(x, y) {
   if (document.caretPositionFromPoint) {
-    const {offsetNode, offset} = document.caretPositionFromPoint(x, y);
-    const domRange = document.createRange();
-    domRange.setStart(offsetNode, offset);
-    return domRange;
+    const { offsetNode, offset } = document.caretPositionFromPoint(x, y)
+    const domRange = document.createRange()
+    domRange.setStart(offsetNode, offset)
+    return domRange
   } else if (document.caretRangeFromPoint) {
-    return document.caretRangeFromPoint(x, y);
+    return document.caretRangeFromPoint(x, y)
   }
-};
+}
 
 var getCursorCoordinates = function() {
-  let rect;
+  let rect
   if (rect = window.getSelection().getRangeAt(0).getClientRects()[0]) {
     return {
       clientX: rect.left,
-      clientY: rect.top + (rect.height / 2)
-    };
+      clientY: rect.top + rect.height / 2
+    }
   }
-};
+}
diff --git a/src/test/test_helpers/test_helpers.js b/src/test/test_helpers/test_helpers.js
index ab204933a..0bcdbc54c 100644
--- a/src/test/test_helpers/test_helpers.js
+++ b/src/test/test_helpers/test_helpers.js
@@ -1,3 +1,9 @@
+/* eslint-disable
+    no-undef,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS101: Remove unnecessary use of Array.from
@@ -5,105 +11,105 @@
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { fixtureTemplates } from "test/test_helpers/fixtures/fixtures";
+import { fixtureTemplates } from "test/test_helpers/fixtures/fixtures"
 
-import { removeNode } from "trix/core/helpers";
+import { removeNode } from "trix/core/helpers"
 
 const setFixtureHTML = function(html, container = "form") {
-  let element = document.getElementById("trix-container");
-  if (element != null) { removeNode(element); }
+  let element = document.getElementById("trix-container")
+  if (element != null) { removeNode(element) }
 
-  element = document.createElement(container);
-  element.id = "trix-container";
-  element.innerHTML = html;
+  element = document.createElement(container)
+  element.id = "trix-container"
+  element.innerHTML = html
 
-  return document.body.insertAdjacentElement("afterbegin", element);
-};
+  return document.body.insertAdjacentElement("afterbegin", element)
+}
 
-let ready = null;
+let ready = null
 
 export var testGroup = function(name, options, callback) {
-  let container, setup, teardown, template;
+  let container, setup, teardown, template
   if (callback != null) {
-    ({container,template, setup, teardown} = options);
+    ({ container, template, setup, teardown } = options)
   } else {
-    callback = options;
+    callback = options
   }
 
   const beforeEach = function() {
     // Ensure window is active on CI so focus and blur events are natively dispatched
-    window.focus();
+    window.focus()
 
     ready = function(callback) {
       if (template != null) {
-        let handler;
-        addEventListener("trix-initialize", (handler = function({target}) {
-          removeEventListener("trix-initialize", handler);
+        let handler
+        addEventListener("trix-initialize", handler = function({ target }) {
+          removeEventListener("trix-initialize", handler)
           if (target.hasAttribute("autofocus")) {
-            target.editor.setSelectedRange(0);
+            target.editor.setSelectedRange(0)
           }
-          return callback(target);
-        })
-        );
+          return callback(target)
+        }
+        )
 
-        return setFixtureHTML(fixtureTemplates[template](), container);
+        return setFixtureHTML(fixtureTemplates[template](), container)
       } else {
-        return callback();
+        return callback()
       }
-    };
-    return setup?.();
-  };
+    }
+    return setup?.()
+  }
 
   const afterEach = function() {
     if (template != null) {
-      setFixtureHTML("");
+      setFixtureHTML("")
     }
-    return teardown?.();
-  };
+    return teardown?.()
+  }
 
   if (callback != null) {
     return QUnit.module(name, function(hooks) {
-      hooks.beforeEach(beforeEach);
-      hooks.afterEach(afterEach);
-      return callback();
-    });
+      hooks.beforeEach(beforeEach)
+      hooks.afterEach(afterEach)
+      return callback()
+    })
   } else {
-    return QUnit.module(name, {beforeEach, afterEach});
+    return QUnit.module(name, { beforeEach, afterEach })
   }
-};
+}
 
 export var test = (name, callback) => QUnit.test(name, function(assert) {
-  const doneAsync = assert.async();
+  const doneAsync = assert.async()
 
   return ready(function(element) {
     const done = function(expectedDocumentValue) {
       if (element != null) {
         if (expectedDocumentValue) {
-          assert.equal(element.editor.getDocument().toString(), expectedDocumentValue);
+          assert.equal(element.editor.getDocument().toString(), expectedDocumentValue)
         }
-        return requestAnimationFrame(doneAsync);
+        return requestAnimationFrame(doneAsync)
       } else {
-        return doneAsync();
+        return doneAsync()
       }
-    };
+    }
 
     if (callback.length === 0) {
-      callback();
-      return done();
+      callback()
+      return done()
     } else {
-      return callback(done);
+      return callback(done)
     }
-  });
-});
+  })
+})
 
 export var testIf = function(condition, ...args) {
   if (condition) {
-    return test(...Array.from(args || []));
+    return test(...Array.from(args || []))
   } else {
-    return skip(...Array.from(args || []));
+    return skip(...Array.from(args || []))
   }
-};
+}
 
 export var {
   skip
-} = QUnit;
+} = QUnit
diff --git a/src/test/test_helpers/test_stubs.js b/src/test/test_helpers/test_stubs.js
index fdd4d967c..a117d2bad 100644
--- a/src/test/test_helpers/test_stubs.js
+++ b/src/test/test_helpers/test_stubs.js
@@ -1,47 +1,49 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * DS207: Consider shorter variations of null checks
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { normalizeRange, rangeIsCollapsed } from "trix/core/helpers";
+import { normalizeRange, rangeIsCollapsed } from "trix/core/helpers"
 
 export class TestCompositionDelegate {
   compositionDidRequestChangingSelectionToLocationRange() {
-    return this.getSelectionManager().setLocationRange(...arguments);
+    return this.getSelectionManager().setLocationRange(...arguments)
   }
 
   getSelectionManager() {
-    return this.selectionManager != null ? this.selectionManager : (this.selectionManager = new TestSelectionManager);
+    return this.selectionManager != null ? this.selectionManager : this.selectionManager = new TestSelectionManager
   }
 }
 
 export class TestSelectionManager {
   constructor() {
-    this.setLocationRange({index: 0, offset: 0});
+    this.setLocationRange({ index: 0, offset: 0 })
   }
 
   getLocationRange() {
-    return this.locationRange;
+    return this.locationRange
   }
 
   setLocationRange(locationRange) {
-    return this.locationRange = normalizeRange(locationRange);
+    this.locationRange = normalizeRange(locationRange)
   }
 
   preserveSelection(block) {
-    const locationRange = this.getLocationRange();
-    block();
-    return this.locationRange = locationRange;
+    const locationRange = this.getLocationRange()
+    block()
+    this.locationRange = locationRange
   }
 
   setLocationRangeFromPoint(point) {}
 
   locationIsCursorTarget() {
-    return false;
+    return false
   }
 
   selectionIsExpanded() {
-    return !rangeIsCollapsed(this.getLocationRange());
+    return !rangeIsCollapsed(this.getLocationRange())
   }
 }
diff --git a/src/test/test_helpers/toolbar_helpers.js b/src/test/test_helpers/toolbar_helpers.js
index 7af48b439..ae4ee3a98 100644
--- a/src/test/test_helpers/toolbar_helpers.js
+++ b/src/test/test_helpers/toolbar_helpers.js
@@ -1,56 +1,64 @@
+/* eslint-disable
+    no-cond-assign,
+    no-undef,
+    no-unused-vars,
+    no-var,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
 /*
  * decaffeinate suggestions:
  * DS102: Remove unnecessary code created because of implicit returns
  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
  */
-import { defer } from "trix/core/helpers";
-import { createEvent, triggerEvent } from "./event_helpers";
-import { selectionChangeObserver } from "trix/observers/selection_change_observer";
+import { defer } from "trix/core/helpers"
+import { createEvent, triggerEvent } from "./event_helpers"
+import { selectionChangeObserver } from "trix/observers/selection_change_observer"
 
 export var clickToolbarButton = function(selector, callback) {
-  selectionChangeObserver.update();
-  const button = getToolbarButton(selector);
-  triggerEvent(button, "mousedown");
-  return defer(callback);
-};
+  selectionChangeObserver.update()
+  const button = getToolbarButton(selector)
+  triggerEvent(button, "mousedown")
+  return defer(callback)
+}
 
 export var typeToolbarKeyCommand = function(selector, callback) {
-  let trixKey;
-  const button = getToolbarButton(selector);
-  if ({trixKey} = button.dataset) {
-    const keyCode = trixKey.toUpperCase().charCodeAt(0);
-    triggerEvent(getEditorElement(), "keydown", {keyCode, charCode: 0, metaKey: true, ctrlKey: true});
+  let trixKey
+  const button = getToolbarButton(selector)
+  if ({ trixKey } = button.dataset) {
+    const keyCode = trixKey.toUpperCase().charCodeAt(0)
+    triggerEvent(getEditorElement(), "keydown", { keyCode, charCode: 0, metaKey: true, ctrlKey: true })
   }
-  return defer(callback);
-};
+  return defer(callback)
+}
 
-export var clickToolbarDialogButton = function({method}, callback) {
-  const button = getToolbarElement().querySelector(`[data-trix-dialog] [data-trix-method='${method}']`);
-  triggerEvent(button, "click");
-  return defer(callback);
-};
+export var clickToolbarDialogButton = function({ method }, callback) {
+  const button = getToolbarElement().querySelector(`[data-trix-dialog] [data-trix-method='${method}']`)
+  triggerEvent(button, "click")
+  return defer(callback)
+}
 
 export var isToolbarButtonActive = function(selector) {
-  const button = getToolbarButton(selector);
-  return button.hasAttribute("data-trix-active") && button.classList.contains("trix-active");
-};
+  const button = getToolbarButton(selector)
+  return button.hasAttribute("data-trix-active") && button.classList.contains("trix-active")
+}
 
-export var isToolbarButtonDisabled = selector => getToolbarButton(selector).disabled;
+export var isToolbarButtonDisabled = selector => getToolbarButton(selector).disabled
 
-export var typeInToolbarDialog = function(string, {attribute}, callback) {
-  const dialog = getToolbarDialog({attribute});
-  const input = dialog.querySelector(`[data-trix-input][name='${attribute}']`);
-  const button = dialog.querySelector("[data-trix-method='setAttribute']");
-  input.value = string;
-  triggerEvent(button, "click");
-  return defer(callback);
-};
+export var typeInToolbarDialog = function(string, { attribute }, callback) {
+  const dialog = getToolbarDialog({ attribute })
+  const input = dialog.querySelector(`[data-trix-input][name='${attribute}']`)
+  const button = dialog.querySelector("[data-trix-method='setAttribute']")
+  input.value = string
+  triggerEvent(button, "click")
+  return defer(callback)
+}
 
 export var isToolbarDialogActive = function(selector) {
-  const dialog = getToolbarDialog(selector);
-  return dialog.hasAttribute("data-trix-active") && dialog.classList.contains("trix-active");
-};
+  const dialog = getToolbarDialog(selector)
+  return dialog.hasAttribute("data-trix-active") && dialog.classList.contains("trix-active")
+}
 
-var getToolbarButton = ({attribute, action}) => getToolbarElement().querySelector(`[data-trix-attribute='${attribute}'], [data-trix-action='${action}']`);
+var getToolbarButton = ({ attribute, action }) => getToolbarElement().querySelector(`[data-trix-attribute='${attribute}'], [data-trix-action='${action}']`)
 
-var getToolbarDialog = ({attribute, action}) => getToolbarElement().querySelector(`[data-trix-dialog='${attribute}']`);
+var getToolbarDialog = ({ attribute, action }) => getToolbarElement().querySelector(`[data-trix-dialog='${attribute}']`)
diff --git a/src/test/unit.js b/src/test/unit.js
index e6a6a3c28..07248a689 100644
--- a/src/test/unit.js
+++ b/src/test/unit.js
@@ -1,11 +1,13 @@
-import "test/unit/attachment_test";
-import "test/unit/block_test";
-import "test/unit/composition_test";
-import "test/unit/document_test";
-import "test/unit/document_view_test";
-import "test/unit/html_parser_test";
-import "test/unit/location_mapper_test";
-import "test/unit/mutation_observer_test";
-import "test/unit/serialization_test";
-import "test/unit/string_change_summary_test";
-import "test/unit/text_test";
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import "test/unit/attachment_test"
+import "test/unit/block_test"
+import "test/unit/composition_test"
+import "test/unit/document_test"
+import "test/unit/document_view_test"
+import "test/unit/html_parser_test"
+import "test/unit/location_mapper_test"
+import "test/unit/mutation_observer_test"
+import "test/unit/serialization_test"
+import "test/unit/string_change_summary_test"
+import "test/unit/text_test"

From 7f8bbd8c0b4db93fc08ab0d02ebcc6b2a222d019 Mon Sep 17 00:00:00 2001
From: Alberto Fernandez-Capel <alberto@hey.com>
Date: Tue, 7 Dec 2021 14:18:35 +0000
Subject: [PATCH 09/12] Clean up remaning test files after decaffeination

---
 .eslintrc                                     |   4 +-
 rollup.config.js                              |   2 +-
 src/test/system.js                            |   2 -
 src/test/system/composition_input_test.js     |   5 +-
 src/test/system/html_replacement_test.js      | 139 +++----
 src/test/system/level_2_input_test.js         |   6 +-
 src/test/system/list_formatting_test.js       |   7 +-
 src/test/system/mutation_input_test.js        |   2 +-
 src/test/test.js                              |   7 +-
 src/test/test_helper.js                       |   9 +-
 src/test/test_helpers/assertions.js           |  53 +--
 src/test/test_helpers/editor_helpers.js       |  64 ++-
 src/test/test_helpers/event_helpers.js        |  14 +-
 .../fixtures/editor_default_aria_label.js     |   3 -
 .../test_helpers/fixtures/editor_empty.js     |   2 -
 src/test/test_helpers/fixtures/editor_html.js |   2 -
 .../test_helpers/fixtures/editor_in_table.js  |   2 -
 .../fixtures/editor_with_block_styles.js      |   2 -
 .../fixtures/editor_with_bold_styles.js       |   4 +-
 .../fixtures/editor_with_image.js             |   2 -
 .../fixtures/editor_with_labels.js            |   2 -
 .../fixtures/editor_with_styled_content.js    |   2 -
 .../fixtures/editor_with_toolbar_and_input.js |   2 -
 .../fixtures/editors_with_forms.js            |   2 -
 src/test/test_helpers/fixtures/fixtures.js    | 376 ++++++++++--------
 .../test_helpers/fixtures/test_image_url.js   |   7 +-
 src/test/test_helpers/functions.js            |  14 +-
 src/test/test_helpers/input_helpers.js        | 217 +++++-----
 src/test/test_helpers/selection_helpers.js    | 149 ++++---
 src/test/test_helpers/test_helpers.js         |  97 ++---
 src/test/test_helpers/test_stubs.js           |  11 +-
 src/test/test_helpers/toolbar_helpers.js      |  46 +--
 src/test/unit.js                              |   2 -
 src/test/unit/attachment_test.js              |   6 +-
 src/test/unit/block_test.js                   |   2 +-
 src/test/unit/composition_test.js             |  18 +-
 src/test/unit/document_test.js                |  26 +-
 src/test/unit/html_parser_test.js             |  76 ++--
 src/test/unit/location_mapper_test.js         |  83 ++--
 src/test/unit/mutation_observer_test.js       |  22 +-
 src/test/unit/string_change_summary_test.js   |  52 +--
 src/test/unit/text_test.js                    |  36 +-
 src/trix/core/helpers/dom.coffee              |   2 +-
 43 files changed, 784 insertions(+), 797 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index f126b8bf5..0f8197edc 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -27,15 +27,17 @@
   },
   "ignorePatterns": ["dist/**/*.js", "**/vendor/**/*.js"],
   "globals": {
+    "after": true,
     "getComposition": true,
     "getDocument": true,
     "getEditor": true,
     "getEditorController": true,
     "getEditorElement": true,
     "getSelectionManager": true,
+    "getToolbarElement": true,
+    "QUnit": true,
     "rangy": true,
     "Trix": true
-
   },
   "env": {
     "browser": true,
diff --git a/rollup.config.js b/rollup.config.js
index e3d09e70e..7c2fa4107 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -39,7 +39,7 @@ export default [
     }
   },
   {
-    input: "src/test/test.coffee",
+    input: "src/test/test.js",
     output: [
       {
         name: "TrixTests",
diff --git a/src/test/system.js b/src/test/system.js
index 15411b20c..513f7a4f8 100644
--- a/src/test/system.js
+++ b/src/test/system.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 import "test/system/accessibility_test"
 import "test/system/attachment_caption_test"
 import "test/system/attachment_gallery_test"
diff --git a/src/test/system/composition_input_test.js b/src/test/system/composition_input_test.js
index 69d85c2af..17ca3c3d6 100644
--- a/src/test/system/composition_input_test.js
+++ b/src/test/system/composition_input_test.js
@@ -147,7 +147,10 @@ testGroup("Composition input", { template: "editor_empty" }, () => {
     })
   })
 
-  testIf(config.browser.composesExistingText, "composition events from cursor movement are ignored", (expectDocument) => {
+  testIf(
+    config.browser.composesExistingText,
+    "composition events from cursor movement are ignored",
+    (expectDocument) => {
       const element = getEditorElement()
       element.editor.insertString("ab ")
 
diff --git a/src/test/system/html_replacement_test.js b/src/test/system/html_replacement_test.js
index 50cc073a5..a1422c0c6 100644
--- a/src/test/system/html_replacement_test.js
+++ b/src/test/system/html_replacement_test.js
@@ -6,91 +6,93 @@ const test = function() {
   testIf(config.input.getLevel() === 0, ...arguments)
 }
 
-testGroup("Level 0 input: HTML replacement", () => testGroup("deleting with command+backspace", { template: "editor_empty" }, () => {
-  test("from the end of a line", function(expectDocument) {
-    getEditor().loadHTML("<div>a</div><blockquote>b</blockquote><div>c</div>")
-    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
-    pressCommandBackspace({ replaceText: "b" }, () => {
-      assert.locationRange({ index: 1, offset: 0 })
-      assert.blockAttributes([ 0, 2 ], [])
-      assert.blockAttributes([ 2, 3 ], [ "quote" ])
-      assert.blockAttributes([ 3, 5 ], [])
-      expectDocument("a\n\nc\n")
+testGroup("Level 0 input: HTML replacement", () =>
+  testGroup("deleting with command+backspace", { template: "editor_empty" }, () => {
+    test("from the end of a line", function (expectDocument) {
+      getEditor().loadHTML("<div>a</div><blockquote>b</blockquote><div>c</div>")
+      getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+      pressCommandBackspace({ replaceText: "b" }, () => {
+        assert.locationRange({ index: 1, offset: 0 })
+        assert.blockAttributes([ 0, 2 ], [])
+        assert.blockAttributes([ 2, 3 ], [ "quote" ])
+        assert.blockAttributes([ 3, 5 ], [])
+        expectDocument("a\n\nc\n")
+      })
     })
-  })
 
-  test("in the first block", function(expectDocument) {
-    getEditor().loadHTML("<div>a</div><blockquote>b</blockquote>")
-    getSelectionManager().setLocationRange({ index: 0, offset: 1 })
-    pressCommandBackspace({ replaceText: "a" }, () => {
-      assert.locationRange({ index: 0, offset: 0 })
-      assert.blockAttributes([ 0, 1 ], [])
-      assert.blockAttributes([ 1, 3 ], [ "quote" ])
-      expectDocument("\nb\n")
+    test("in the first block", function (expectDocument) {
+      getEditor().loadHTML("<div>a</div><blockquote>b</blockquote>")
+      getSelectionManager().setLocationRange({ index: 0, offset: 1 })
+      pressCommandBackspace({ replaceText: "a" }, () => {
+        assert.locationRange({ index: 0, offset: 0 })
+        assert.blockAttributes([ 0, 1 ], [])
+        assert.blockAttributes([ 1, 3 ], [ "quote" ])
+        expectDocument("\nb\n")
+      })
     })
-  })
 
-  test("from the middle of a line", function(expectDocument) {
-    getEditor().loadHTML("<div>a</div><blockquote>bc</blockquote><div>d</div>")
-    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
-    pressCommandBackspace({ replaceText: "b" }, () => {
-      assert.locationRange({ index: 1, offset: 0 })
-      assert.blockAttributes([ 0, 2 ], [])
-      assert.blockAttributes([ 2, 4 ], [ "quote" ])
-      assert.blockAttributes([ 4, 6 ], [])
-      expectDocument("a\nc\nd\n")
+    test("from the middle of a line", function (expectDocument) {
+      getEditor().loadHTML("<div>a</div><blockquote>bc</blockquote><div>d</div>")
+      getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+      pressCommandBackspace({ replaceText: "b" }, () => {
+        assert.locationRange({ index: 1, offset: 0 })
+        assert.blockAttributes([ 0, 2 ], [])
+        assert.blockAttributes([ 2, 4 ], [ "quote" ])
+        assert.blockAttributes([ 4, 6 ], [])
+        expectDocument("a\nc\nd\n")
+      })
     })
-  })
 
-  test("from the middle of a line in a multi-line block", function(expectDocument) {
-    getEditor().loadHTML("<div>a</div><blockquote>bc<br>d</blockquote><div>e</div>")
-    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
-    pressCommandBackspace({ replaceText: "b" }, () => {
-      assert.locationRange({ index: 1, offset: 0 })
-      assert.blockAttributes([ 0, 2 ], [])
-      assert.blockAttributes([ 2, 6 ], [ "quote" ])
-      expectDocument("a\nc\nd\ne\n")
+    test("from the middle of a line in a multi-line block", function (expectDocument) {
+      getEditor().loadHTML("<div>a</div><blockquote>bc<br>d</blockquote><div>e</div>")
+      getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+      pressCommandBackspace({ replaceText: "b" }, () => {
+        assert.locationRange({ index: 1, offset: 0 })
+        assert.blockAttributes([ 0, 2 ], [])
+        assert.blockAttributes([ 2, 6 ], [ "quote" ])
+        expectDocument("a\nc\nd\ne\n")
+      })
     })
-  })
 
-  test("from the end of a list item", function(expectDocument) {
-    getEditor().loadHTML("<ul><li>a</li><li>b</li></ul>")
-    getSelectionManager().setLocationRange({ index: 1, offset: 1 })
-    pressCommandBackspace({ replaceText: "b" }, () => {
-      assert.locationRange({ index: 1, offset: 0 })
-      assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
-      assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet" ])
-      expectDocument("a\n\n")
+    test("from the end of a list item", function (expectDocument) {
+      getEditor().loadHTML("<ul><li>a</li><li>b</li></ul>")
+      getSelectionManager().setLocationRange({ index: 1, offset: 1 })
+      pressCommandBackspace({ replaceText: "b" }, () => {
+        assert.locationRange({ index: 1, offset: 0 })
+        assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
+        assert.blockAttributes([ 2, 4 ], [ "bulletList", "bullet" ])
+        expectDocument("a\n\n")
+      })
     })
-  })
 
-  test("a character that is its text node's only data", function(expectDocument) {
-    getEditor().loadHTML("<div>a<br>b<br><strong>c</strong></div>")
-    getSelectionManager().setLocationRange({ index: 0, offset: 3 })
-    pressCommandBackspace({ replaceText: "b" }, () => {
-      assert.locationRange({ index: 0, offset: 2 })
-      expectDocument("a\n\nc\n")
+    test("a character that is its text node's only data", function (expectDocument) {
+      getEditor().loadHTML("<div>a<br>b<br><strong>c</strong></div>")
+      getSelectionManager().setLocationRange({ index: 0, offset: 3 })
+      pressCommandBackspace({ replaceText: "b" }, () => {
+        assert.locationRange({ index: 0, offset: 2 })
+        expectDocument("a\n\nc\n")
+      })
     })
-  })
 
-  test("a formatted word", function(expectDocument) {
-    getEditor().loadHTML("<div>a<strong>bc</strong></div>")
-    getSelectionManager().setLocationRange({ index: 0, offset: 4 })
-    pressCommandBackspace({ replaceElementWithText: "bc" }, () => {
-      assert.locationRange({ index: 0, offset: 1 })
-      expectDocument("a\n")
+    test("a formatted word", function (expectDocument) {
+      getEditor().loadHTML("<div>a<strong>bc</strong></div>")
+      getSelectionManager().setLocationRange({ index: 0, offset: 4 })
+      pressCommandBackspace({ replaceElementWithText: "bc" }, () => {
+        assert.locationRange({ index: 0, offset: 1 })
+        expectDocument("a\n")
+      })
     })
   })
-}))
+)
 
-const pressCommandBackspace = function({ replaceText, replaceElementWithText }, callback) {
+const pressCommandBackspace = function ({ replaceText, replaceElementWithText }, callback) {
   let previousSibling
   triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 8, which: 8, metaKey: true })
   const range = rangy.getSelection().getRangeAt(0)
 
   if (replaceElementWithText) {
-    const element = getElementWithText(replaceElementWithText);
-    ({ previousSibling } = element)
+    const element = getElementWithText(replaceElementWithText)
+    ;({ previousSibling } = element)
     element.parentNode.removeChild(element)
     range.collapseAfter(previousSibling)
   } else {
@@ -98,8 +100,8 @@ const pressCommandBackspace = function({ replaceText, replaceElementWithText },
     range.findText(replaceText, { direction: "backward" })
     range.splitBoundaries()
 
-    const node = range.getNodes()[0];
-    ({ previousSibling, nextSibling, parentNode } = node)
+    const node = range.getNodes()[0]
+    ;({ previousSibling, nextSibling, parentNode } = node)
 
     if (previousSibling?.nodeType === Node.COMMENT_NODE) {
       parentNode.removeChild(previousSibling)
@@ -119,8 +121,7 @@ const pressCommandBackspace = function({ replaceText, replaceElementWithText },
   requestAnimationFrame(callback)
 }
 
-
-const getElementWithText = function(text) {
+const getElementWithText = function (text) {
   for (const element of Array.from(document.activeElement.querySelectorAll("*"))) {
     if (element.innerText === text) {
       return element
diff --git a/src/test/system/level_2_input_test.js b/src/test/system/level_2_input_test.js
index 42ec03b48..cf303d0f1 100644
--- a/src/test/system/level_2_input_test.js
+++ b/src/test/system/level_2_input_test.js
@@ -16,7 +16,7 @@ import {
   typeCharacters,
 } from "test/test_helper"
 
-const test = function () {
+const test = function() {
   testIf(config.input.getLevel() === 2, ...arguments)
 }
 
@@ -62,7 +62,9 @@ const performInputTypeUsingExecCommand = function (command, { inputType, data },
 
 testGroup("Level 2 Input", testOptions, () => {
   test("insertText", (expectDocument) =>
-    performInputTypeUsingExecCommand("insertText", { inputType: "insertText", data: "abc" }, () => expectDocument("abc\n")))
+    performInputTypeUsingExecCommand("insertText", { inputType: "insertText", data: "abc" }, () =>
+      expectDocument("abc\n")
+    ))
 
   test("insertOrderedList", (expectDocument) => {
     insertString("a\nb")
diff --git a/src/test/system/list_formatting_test.js b/src/test/system/list_formatting_test.js
index 9b5088791..d50962a46 100644
--- a/src/test/system/list_formatting_test.js
+++ b/src/test/system/list_formatting_test.js
@@ -81,7 +81,12 @@ testGroup("List formatting", { template: "editor_empty" }, () => {
   testIf(config.input.getLevel() === 0, "pressing shift-return at the end of a list item", (expectDocument) =>
     clickToolbarButton({ attribute: "bullet" }, () =>
       typeCharacters("a", () => {
-        const pressShiftReturn = triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 13, which: 13, shiftKey: true })
+        const pressShiftReturn = triggerEvent(document.activeElement, "keydown", {
+          charCode: 0,
+          keyCode: 13,
+          which: 13,
+          shiftKey: true,
+        })
         assert.notOk(pressShiftReturn) // Assert defaultPrevented
         assert.blockAttributes([ 0, 2 ], [ "bulletList", "bullet" ])
         expectDocument("a\n\n")
diff --git a/src/test/system/mutation_input_test.js b/src/test/system/mutation_input_test.js
index 24d5516db..6dec30357 100644
--- a/src/test/system/mutation_input_test.js
+++ b/src/test/system/mutation_input_test.js
@@ -13,7 +13,7 @@ import {
   typeCharacters,
 } from "test/test_helper"
 
-const test = function () {
+const test = function() {
   testIf(config.input.getLevel() === 0, ...arguments)
 }
 
diff --git a/src/test/test.js b/src/test/test.js
index d4d0ef41e..dc12cae25 100644
--- a/src/test/test.js
+++ b/src/test/test.js
@@ -1,9 +1,6 @@
 /* eslint-disable
-    no-undef,
     no-unused-vars,
 */
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
 import Trix from "trix/trix"
 import config from "trix/config"
 
@@ -18,7 +15,9 @@ config.undoInterval = 0
 QUnit.config.hidepassed = true
 QUnit.config.testTimeout = 20000
 
-document.head.insertAdjacentHTML("beforeend", `\
+document.head.insertAdjacentHTML(
+  "beforeend",
+  `\
 <style type="text/css">
   #trix-container { height: 150px; }
   trix-toolbar { margin-bottom: 10px; }
diff --git a/src/test/test_helper.js b/src/test/test_helper.js
index 39ca575fd..c77de8bc5 100644
--- a/src/test/test_helper.js
+++ b/src/test/test_helper.js
@@ -1,8 +1,3 @@
-/* eslint-disable
-    no-undef,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
 import config from "trix/config"
 
 export * from "trix/core/helpers/functions"
@@ -24,7 +19,9 @@ config.undoInterval = 0
 QUnit.config.hidepassed = true
 QUnit.config.testTimeout = 20000
 
-document.head.insertAdjacentHTML("beforeend", `\
+document.head.insertAdjacentHTML(
+  "beforeend",
+  `\
 <style type="text/css">
   #trix-container { height: 150px; }
   trix-toolbar { margin-bottom: 10px; }
diff --git a/src/test/test_helpers/assertions.js b/src/test/test_helpers/assertions.js
index ed97d29d8..393fc8808 100644
--- a/src/test/test_helpers/assertions.js
+++ b/src/test/test_helpers/assertions.js
@@ -1,64 +1,55 @@
-/* eslint-disable
-    no-undef,
-    no-unused-vars,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import DocumentView from "trix/views/document_view"
+import { normalizeRange } from "trix/core/helpers"
 
-import { normalizeRange, rangesAreEqual } from "trix/core/helpers"
+const { assert } = QUnit
 
-const {
-  assert
-} = QUnit
-
-assert.locationRange = function(start, end) {
+assert.locationRange = function (start, end) {
   const expectedLocationRange = normalizeRange([ start, end ])
   const actualLocationRange = getEditorController().getLocationRange()
-  return this.deepEqual(actualLocationRange, expectedLocationRange)
+  this.deepEqual(actualLocationRange, expectedLocationRange)
 }
 
-assert.selectedRange = function(range) {
+assert.selectedRange = function (range) {
   const expectedRange = normalizeRange(range)
   const actualRange = getEditor().getSelectedRange()
-  return this.deepEqual(actualRange, expectedRange)
+  this.deepEqual(actualRange, expectedRange)
 }
 
-assert.textAttributes = function(range, attributes) {
+assert.textAttributes = function (range, attributes) {
   const document = window.getDocument().getDocumentAtRange(range)
   const blocks = document.getBlocks()
-  if (blocks.length !== 1) { throw `range ${JSON.stringify(range)} spans more than one block` }
+  if (blocks.length !== 1) {
+    throw `range ${JSON.stringify(range)} spans more than one block`
+  }
 
   const locationRange = window.getDocument().locationRangeFromRange(range)
   const textIndex = locationRange[0].index
   const textRange = [ locationRange[0].offset, locationRange[1].offset ]
   const text = window.getDocument().getTextAtIndex(textIndex).getTextAtRange(textRange)
   const pieces = text.getPieces()
-  if (pieces.length !== 1) { throw `range ${JSON.stringify(range)} must only span one piece` }
+  if (pieces.length !== 1) {
+    throw `range ${JSON.stringify(range)} must only span one piece`
+  }
 
   const piece = pieces[0]
-  return this.deepEqual(piece.getAttributes(), attributes)
+  this.deepEqual(piece.getAttributes(), attributes)
 }
 
-assert.blockAttributes = function(range, attributes) {
+assert.blockAttributes = function (range, attributes) {
   const document = window.getDocument().getDocumentAtRange(range)
   const blocks = document.getBlocks()
-  if (blocks.length !== 1) { throw `range ${JSON.stringify(range)} spans more than one block` }
+  if (blocks.length !== 1) {
+    throw `range ${JSON.stringify(range)} spans more than one block`
+  }
 
   const block = blocks[0]
-  return this.deepEqual(block.getAttributes(), attributes)
+  this.deepEqual(block.getAttributes(), attributes)
 }
 
-assert.documentHTMLEqual = function(trixDocument, html) {
-  return this.equal(getHTML(trixDocument), html)
+assert.documentHTMLEqual = function (trixDocument, html) {
+  this.equal(getHTML(trixDocument), html)
 }
 
-var getHTML = trixDocument => DocumentView.render(trixDocument).innerHTML
+const getHTML = (trixDocument) => DocumentView.render(trixDocument).innerHTML
 
 export { assert, getHTML }
diff --git a/src/test/test_helpers/editor_helpers.js b/src/test/test_helpers/editor_helpers.js
index 2b5250d6f..db299407a 100644
--- a/src/test/test_helpers/editor_helpers.js
+++ b/src/test/test_helpers/editor_helpers.js
@@ -1,69 +1,59 @@
-/* eslint-disable
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { TEST_IMAGE_URL } from "test/test_helpers/fixtures/test_image_url"
-
 import Attachment from "trix/models/attachment"
 
-export var insertString = function(string) {
+export const insertString = function (string) {
   getComposition().insertString(string)
-  return render()
+  render()
 }
 
-export var insertText = function(text) {
+export const insertText = function (text) {
   getComposition().insertText(text)
-  return render()
+  render()
 }
 
-export var insertDocument = function(document) {
+export const insertDocument = function (document) {
   getComposition().insertDocument(document)
-  return render()
+  render()
 }
 
-export var insertFile = function(file) {
+export const insertFile = function (file) {
   getComposition().insertFile(file)
-  return render()
+  render()
 }
 
-export var insertAttachment = function(attachment) {
+export const insertAttachment = function (attachment) {
   getComposition().insertAttachment(attachment)
-  return render()
+  render()
 }
 
-export var insertAttachments = function(attachments) {
+export const insertAttachments = function (attachments) {
   getComposition().insertAttachments(attachments)
-  return render()
+  render()
 }
 
-export var insertImageAttachment = function(attributes) {
+export const insertImageAttachment = function (attributes) {
   const attachment = createImageAttachment(attributes)
   return insertAttachment(attachment)
 }
 
-export var createImageAttachment = function(attributes) {
-  if (attributes == null) { attributes = {
-    url: TEST_IMAGE_URL,
-    width: 10,
-    height: 10,
-    filename: "image.gif",
-    filesize: 35,
-    contentType: "image/gif"
-  } }
+export const createImageAttachment = function (attributes) {
+  if (!attributes) {
+    attributes = {
+      url: TEST_IMAGE_URL,
+      width: 10,
+      height: 10,
+      filename: "image.gif",
+      filesize: 35,
+      contentType: "image/gif",
+    }
+  }
 
   return new Attachment(attributes)
 }
 
-export var replaceDocument = function(document) {
+export const replaceDocument = function (document) {
   getComposition().setDocument(document)
-  return render()
+  render()
 }
 
-var render = () => getEditorController().render()
+const render = () => getEditorController().render()
diff --git a/src/test/test_helpers/event_helpers.js b/src/test/test_helpers/event_helpers.js
index 0d0757ca9..964ebe124 100644
--- a/src/test/test_helpers/event_helpers.js
+++ b/src/test/test_helpers/event_helpers.js
@@ -1,14 +1,4 @@
-/* eslint-disable
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-export var createEvent = function(type, properties = {}) {
+export const createEvent = function (type, properties = {}) {
   const event = document.createEvent("Events")
   event.initEvent(type, true, true)
   for (const key in properties) {
@@ -18,4 +8,4 @@ export var createEvent = function(type, properties = {}) {
   return event
 }
 
-export var triggerEvent = (element, type, properties) => element.dispatchEvent(createEvent(type, properties))
+export const triggerEvent = (element, type, properties) => element.dispatchEvent(createEvent(type, properties))
diff --git a/src/test/test_helpers/fixtures/editor_default_aria_label.js b/src/test/test_helpers/fixtures/editor_default_aria_label.js
index 40bff12b0..815666c91 100644
--- a/src/test/test_helpers/fixtures/editor_default_aria_label.js
+++ b/src/test/test_helpers/fixtures/editor_default_aria_label.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => `\
 <trix-editor id="editor-without-labels"></trix-editor>
 
@@ -21,4 +19,3 @@ export default () => `\
 <label id="modified-label" for="editor-with-modified-label">Original Value</label>
 <trix-editor id="editor-with-modified-label"></trix-editor>\
 `
-
diff --git a/src/test/test_helpers/fixtures/editor_empty.js b/src/test/test_helpers/fixtures/editor_empty.js
index b6cf3d650..d50768a6c 100644
--- a/src/test/test_helpers/fixtures/editor_empty.js
+++ b/src/test/test_helpers/fixtures/editor_empty.js
@@ -1,3 +1 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => "<trix-editor autofocus placeholder=\"Say hello...\"></trix-editor>"
diff --git a/src/test/test_helpers/fixtures/editor_html.js b/src/test/test_helpers/fixtures/editor_html.js
index 5194335d0..bef6e2672 100644
--- a/src/test/test_helpers/fixtures/editor_html.js
+++ b/src/test/test_helpers/fixtures/editor_html.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => `\
 <input id="my_input" type="hidden" value="&lt;div&gt;Hello world&lt;/div&gt;">
 <trix-editor input="my_input" autofocus placeholder="Say hello..."></trix-editor>\`\
diff --git a/src/test/test_helpers/fixtures/editor_in_table.js b/src/test/test_helpers/fixtures/editor_in_table.js
index b07372428..953fbe20a 100644
--- a/src/test/test_helpers/fixtures/editor_in_table.js
+++ b/src/test/test_helpers/fixtures/editor_in_table.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => `\
 <table>
   <tr>
diff --git a/src/test/test_helpers/fixtures/editor_with_block_styles.js b/src/test/test_helpers/fixtures/editor_with_block_styles.js
index 2bb3516ca..c29f529cf 100644
--- a/src/test/test_helpers/fixtures/editor_with_block_styles.js
+++ b/src/test/test_helpers/fixtures/editor_with_block_styles.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => `\
 <style type="text/css">
   blockquote { font-style: italic; }
diff --git a/src/test/test_helpers/fixtures/editor_with_bold_styles.js b/src/test/test_helpers/fixtures/editor_with_bold_styles.js
index 2e1748538..854123547 100644
--- a/src/test/test_helpers/fixtures/editor_with_bold_styles.js
+++ b/src/test/test_helpers/fixtures/editor_with_bold_styles.js
@@ -1,6 +1,4 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-export default ()=> `\
+export default () => `\
 <style type="text/css">
   strong { font-weight: 500; }
   span { font-weight: 600; }
diff --git a/src/test/test_helpers/fixtures/editor_with_image.js b/src/test/test_helpers/fixtures/editor_with_image.js
index 63bb2ee94..f841f8b05 100644
--- a/src/test/test_helpers/fixtures/editor_with_image.js
+++ b/src/test/test_helpers/fixtures/editor_with_image.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 import { TEST_IMAGE_URL } from "./test_image_url"
 
 export default () => `\
diff --git a/src/test/test_helpers/fixtures/editor_with_labels.js b/src/test/test_helpers/fixtures/editor_with_labels.js
index 253e16b6d..5b51b1853 100644
--- a/src/test/test_helpers/fixtures/editor_with_labels.js
+++ b/src/test/test_helpers/fixtures/editor_with_labels.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => `\
 <label id="label-1" for="editor"><span>Label 1</span></label>
 <label id="label-2">
diff --git a/src/test/test_helpers/fixtures/editor_with_styled_content.js b/src/test/test_helpers/fixtures/editor_with_styled_content.js
index b0314277c..69c92b29e 100644
--- a/src/test/test_helpers/fixtures/editor_with_styled_content.js
+++ b/src/test/test_helpers/fixtures/editor_with_styled_content.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => `\
 <style type="text/css">
   .trix-content figure.attachment {
diff --git a/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js b/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
index 5564700b2..e87b8db59 100644
--- a/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
+++ b/src/test/test_helpers/fixtures/editor_with_toolbar_and_input.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => `\
 <ul id="my_editor">
   <li><trix-toolbar id="my_toolbar"></trix-toolbar></li>
diff --git a/src/test/test_helpers/fixtures/editors_with_forms.js b/src/test/test_helpers/fixtures/editors_with_forms.js
index 5f051ad29..ed3172967 100644
--- a/src/test/test_helpers/fixtures/editors_with_forms.js
+++ b/src/test/test_helpers/fixtures/editors_with_forms.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 export default () => `\
 <form id="ancestor-form">
   <trix-editor id="editor-with-ancestor-form"></trix-editor>
diff --git a/src/test/test_helpers/fixtures/fixtures.js b/src/test/test_helpers/fixtures/fixtures.js
index 40a79597a..ae2e13939 100644
--- a/src/test/test_helpers/fixtures/fixtures.js
+++ b/src/test/test_helpers/fixtures/fixtures.js
@@ -1,16 +1,3 @@
-/* eslint-disable
-    camelcase,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS101: Remove unnecessary use of Array.from
- * DS102: Remove unnecessary code created because of implicit returns
- * DS205: Consider reworking code to avoid use of IIFEs
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 import { ZERO_WIDTH_SPACE } from "trix/constants"
 import { makeElement } from "trix/core/helpers"
@@ -21,38 +8,38 @@ import Attachment from "trix/models/attachment"
 import Document from "trix/models/document"
 import StringPiece from "trix/models/string_piece"
 
-import editor_default_aria_label from "./editor_default_aria_label"
-import editor_empty from "./editor_empty"
-import editor_html from "./editor_html"
-import editor_in_table from "./editor_in_table"
-import editor_with_block_styles from "./editor_with_block_styles"
-import editor_with_bold_styles from "./editor_with_bold_styles"
-import editor_with_image from "./editor_with_image"
-import editor_with_labels from "./editor_with_labels"
-import editor_with_styled_content from "./editor_with_styled_content"
-import editor_with_toolbar_and_input from "./editor_with_toolbar_and_input"
-import editors_with_forms from "./editors_with_forms"
+import editorDefaultAriaLabel from "./editor_default_aria_label"
+import editorEmpty from "./editor_empty"
+import editorHtml from "./editor_html"
+import editorInTable from "./editor_in_table"
+import editorWithBlockStyles from "./editor_with_block_styles"
+import editorWithBoldStyles from "./editor_with_bold_styles"
+import editorWithImage from "./editor_with_image"
+import editorWithLabels from "./editor_with_labels"
+import editorWithStyledContent from "./editor_with_styled_content"
+import editorWithToolbarAndInput from "./editor_with_toolbar_and_input"
+import editorsWithForms from "./editors_with_forms"
 import { TEST_IMAGE_URL } from "./test_image_url"
 
-export var fixtureTemplates = {
- editor_default_aria_label,
- editor_empty,
- editor_html,
- editor_in_table,
- editor_with_block_styles,
- editor_with_bold_styles,
- editor_with_image,
- editor_with_labels,
- editor_with_styled_content,
- editor_with_toolbar_and_input,
- editors_with_forms,
+export const fixtureTemplates = {
+  "editor_default_aria_label": editorDefaultAriaLabel,
+  "editor_empty": editorEmpty,
+  "editor_html": editorHtml,
+  "editor_in_table": editorInTable,
+  "editor_with_block_styles": editorWithBlockStyles,
+  "editor_with_bold_styles": editorWithBoldStyles,
+  "editor_with_image": editorWithImage,
+  "editor_with_labels": editorWithLabels,
+  "editor_with_styled_content": editorWithStyledContent,
+  "editor_with_toolbar_and_input": editorWithToolbarAndInput,
+  "editors_with_forms": editorsWithForms,
 }
 
 export { TEST_IMAGE_URL }
 
 const { css } = config
 
-const createDocument = function(...parts) {
+const createDocument = function (...parts) {
   const blocks = (() => {
     const result = []
 
@@ -67,200 +54,206 @@ const createDocument = function(...parts) {
   return new Document(blocks)
 }
 
-export var createCursorTarget = name => makeElement({
-  tagName: "span",
-  textContent: ZERO_WIDTH_SPACE,
-  data: {
-    trixCursorTarget: name,
-    trixSerialize: false
-  }
-})
+export const createCursorTarget = (name) =>
+  makeElement({
+    tagName: "span",
+    textContent: ZERO_WIDTH_SPACE,
+    data: {
+      trixCursorTarget: name,
+      trixSerialize: false,
+    },
+  })
 
 const cursorTargetLeft = createCursorTarget("left").outerHTML
 const cursorTargetRight = createCursorTarget("right").outerHTML
 
 const blockComment = "<!--block-->"
 
-const removeWhitespace = string => string.replace(/\s/g, "")
+const removeWhitespace = (string) => string.replace(/\s/g, "")
 
-export var fixtures = {
+export const fixtures = {
   "bold text": {
     document: createDocument([ "abc", { bold: true } ]),
     html: `<div>${blockComment}<strong>abc</strong></div>`,
-    serializedHTML: "<div><strong>abc</strong></div>"
+    serializedHTML: "<div><strong>abc</strong></div>",
   },
 
   "bold, italic text": {
     document: createDocument([ "abc", { bold: true, italic: true } ]),
-    html: `<div>${blockComment}<strong><em>abc</em></strong></div>`
+    html: `<div>${blockComment}<strong><em>abc</em></strong></div>`,
   },
 
   "text with newline": {
     document: createDocument([ "ab\nc" ]),
-    html: `<div>${blockComment}ab<br>c</div>`
+    html: `<div>${blockComment}ab<br>c</div>`,
   },
 
   "text with link": {
     document: createDocument([ "abc", { href: "http://example.com" } ]),
-    html: `<div>${blockComment}<a href="http://example.com">abc</a></div>`
+    html: `<div>${blockComment}<a href="http://example.com">abc</a></div>`,
   },
 
   "text with link and formatting": {
     document: createDocument([ "abc", { italic: true, href: "http://example.com" } ]),
-    html: `<div>${blockComment}<a href="http://example.com"><em>abc</em></a></div>`
+    html: `<div>${blockComment}<a href="http://example.com"><em>abc</em></a></div>`,
   },
 
   "partially formatted link": {
     document: new Document([
-      new Block(new Text([
+      new Block(
+        new Text([
           new StringPiece("ab", { href: "http://example.com" }),
-          new StringPiece("c", { href: "http://example.com", italic: true })
-        ]))
-      ]),
-    html: `<div>${blockComment}<a href="http://example.com">ab<em>c</em></a></div>`
+          new StringPiece("c", { href: "http://example.com", italic: true }),
+        ])
+      ),
+    ]),
+    html: `<div>${blockComment}<a href="http://example.com">ab<em>c</em></a></div>`,
   },
 
   "spaces 1": {
     document: createDocument([ " a" ]),
-    html: `<div>${blockComment}&nbsp;a</div>`
+    html: `<div>${blockComment}&nbsp;a</div>`,
   },
 
   "spaces 2": {
     document: createDocument([ "  a" ]),
-    html: `<div>${blockComment}&nbsp; a</div>`
+    html: `<div>${blockComment}&nbsp; a</div>`,
   },
 
   "spaces 3": {
     document: createDocument([ "   a" ]),
-    html: `<div>${blockComment}&nbsp; &nbsp;a</div>`
+    html: `<div>${blockComment}&nbsp; &nbsp;a</div>`,
   },
 
   "spaces 4": {
     document: createDocument([ " a " ]),
-    html: `<div>${blockComment}&nbsp;a&nbsp;</div>`
+    html: `<div>${blockComment}&nbsp;a&nbsp;</div>`,
   },
 
   "spaces 5": {
     document: createDocument([ "a  b" ]),
-    html: `<div>${blockComment}a&nbsp; b</div>`
+    html: `<div>${blockComment}a&nbsp; b</div>`,
   },
 
   "spaces 6": {
     document: createDocument([ "a   b" ]),
-    html: `<div>${blockComment}a &nbsp; b</div>`
+    html: `<div>${blockComment}a &nbsp; b</div>`,
   },
 
   "spaces 7": {
     document: createDocument([ "a    b" ]),
-    html: `<div>${blockComment}a&nbsp; &nbsp; b</div>`
+    html: `<div>${blockComment}a&nbsp; &nbsp; b</div>`,
   },
 
   "spaces 8": {
     document: createDocument([ "a b " ]),
-    html: `<div>${blockComment}a b&nbsp;</div>`
+    html: `<div>${blockComment}a b&nbsp;</div>`,
   },
 
   "spaces 9": {
     document: createDocument([ "a b c" ]),
-    html: `<div>${blockComment}a b c</div>`
+    html: `<div>${blockComment}a b c</div>`,
   },
 
   "spaces 10": {
     document: createDocument([ "a " ]),
-    html: `<div>${blockComment}a&nbsp;</div>`
+    html: `<div>${blockComment}a&nbsp;</div>`,
   },
 
   "spaces 11": {
     document: createDocument([ "a  " ]),
-    html: `<div>${blockComment}a &nbsp;</div>`
+    html: `<div>${blockComment}a &nbsp;</div>`,
   },
 
   "spaces and formatting": {
     document: new Document([
-      new Block(new Text([
+      new Block(
+        new Text([
           new StringPiece(" a "),
           new StringPiece("b", { href: "http://b.com" }),
           new StringPiece(" "),
           new StringPiece("c", { bold: true }),
           new StringPiece(" d"),
           new StringPiece(" e ", { italic: true }),
-          new StringPiece(" f  ")
-        ]))
-      ]),
-    html: `<div>${blockComment}&nbsp;a <a href="http://b.com">b</a> <strong>c</strong> d<em> e </em>&nbsp;f &nbsp;</div>`
+          new StringPiece(" f  "),
+        ])
+      ),
+    ]),
+    html: `<div>${blockComment}&nbsp;a <a href="http://b.com">b</a> <strong>c</strong> d<em> e </em>&nbsp;f &nbsp;</div>`,
   },
 
   "quote formatted block": {
     document: createDocument([ "abc", {}, [ "quote" ] ]),
-    html: `<blockquote>${blockComment}abc</blockquote>`
+    html: `<blockquote>${blockComment}abc</blockquote>`,
   },
 
   "code formatted block": {
     document: createDocument([ "123", {}, [ "code" ] ]),
-    html: `<pre>${blockComment}123</pre>`
+    html: `<pre>${blockComment}123</pre>`,
   },
 
   "code with newline": {
     document: createDocument([ "12\n3", {}, [ "code" ] ]),
-    html: `<pre>${blockComment}12\n3</pre>`
+    html: `<pre>${blockComment}12\n3</pre>`,
   },
 
   "multiple blocks with block comments in their text": {
     document: createDocument([ `a${blockComment}b`, {}, [ "quote" ] ], [ `${blockComment}c`, {}, [ "code" ] ]),
     html: `<blockquote>${blockComment}a&lt;!--block--&gt;b</blockquote><pre>${blockComment}&lt;!--block--&gt;c</pre>`,
-    serializedHTML: "<blockquote>a&lt;!--block--&gt;b</blockquote><pre>&lt;!--block--&gt;c</pre>"
+    serializedHTML: "<blockquote>a&lt;!--block--&gt;b</blockquote><pre>&lt;!--block--&gt;c</pre>",
   },
 
   "unordered list with one item": {
     document: createDocument([ "a", {}, [ "bulletList", "bullet" ] ]),
-    html: `<ul><li>${blockComment}a</li></ul>`
+    html: `<ul><li>${blockComment}a</li></ul>`,
   },
 
   "unordered list with bold text": {
     document: createDocument([ "a", { bold: true }, [ "bulletList", "bullet" ] ]),
-    html: `<ul><li>${blockComment}<strong>a</strong></li></ul>`
+    html: `<ul><li>${blockComment}<strong>a</strong></li></ul>`,
   },
 
   "unordered list with partially formatted text": {
     document: new Document([
-        new Block(
-          new Text([
-            new StringPiece("a"),
-            new StringPiece("b", { italic: true })
-          ]),
-          [ "bulletList", "bullet" ]
-        )
-      ]),
-    html: `<ul><li>${blockComment}a<em>b</em></li></ul>`
+      new Block(new Text([ new StringPiece("a"), new StringPiece("b", { italic: true }) ]), [ "bulletList", "bullet" ]),
+    ]),
+    html: `<ul><li>${blockComment}a<em>b</em></li></ul>`,
   },
 
   "unordered list with two items": {
     document: createDocument([ "a", {}, [ "bulletList", "bullet" ] ], [ "b", {}, [ "bulletList", "bullet" ] ]),
-    html: `<ul><li>${blockComment}a</li><li>${blockComment}b</li></ul>`
+    html: `<ul><li>${blockComment}a</li><li>${blockComment}b</li></ul>`,
   },
 
   "unordered list surrounded by unformatted blocks": {
     document: createDocument([ "a" ], [ "b", {}, [ "bulletList", "bullet" ] ], [ "c" ]),
-    html: `<div>${blockComment}a</div><ul><li>${blockComment}b</li></ul><div>${blockComment}c</div>`
+    html: `<div>${blockComment}a</div><ul><li>${blockComment}b</li></ul><div>${blockComment}c</div>`,
   },
 
   "ordered list": {
     document: createDocument([ "a", {}, [ "numberList", "number" ] ]),
-    html: `<ol><li>${blockComment}a</li></ol>`
+    html: `<ol><li>${blockComment}a</li></ol>`,
   },
 
   "ordered list and an unordered list": {
     document: createDocument([ "a", {}, [ "bulletList", "bullet" ] ], [ "b", {}, [ "numberList", "number" ] ]),
-    html: `<ul><li>${blockComment}a</li></ul><ol><li>${blockComment}b</li></ol>`
+    html: `<ul><li>${blockComment}a</li></ul><ol><li>${blockComment}b</li></ol>`,
   },
 
   "empty block with attributes": {
     document: createDocument([ "", {}, [ "quote" ] ]),
-    html: `<blockquote>${blockComment}<br></blockquote>`
+    html: `<blockquote>${blockComment}<br></blockquote>`,
   },
 
-  "image attachment": (function() {
-    const attrs = { url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1 }
+  "image attachment": (() => {
+    const attrs = {
+      url: TEST_IMAGE_URL,
+      filename: "example.png",
+      filesize: 98203,
+      contentType: "image/png",
+      width: 1,
+      height: 1,
+    }
     const attachment = new Attachment(attrs)
     const text = Text.textForAttachmentWithAttributes(attachment)
 
@@ -277,17 +270,17 @@ export var fixtures = {
       data: {
         trixAttachment: JSON.stringify(attachment),
         trixContentType: "image/png",
-        trixId: attachment.id
-      }
+        trixId: attachment.id,
+      },
     })
 
     figure.setAttribute("contenteditable", false)
     figure.appendChild(image)
     figure.appendChild(caption)
 
-    const serializedFigure = figure.cloneNode(true);
+    const serializedFigure = figure.cloneNode(true)
 
-    [ "data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable" ].forEach((attribute) => {
+    ;[ "data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable" ].forEach((attribute) => {
       serializedFigure.removeAttribute(attribute)
 
       Array.from(serializedFigure.querySelectorAll(`[${attribute}]`)).forEach((element) => {
@@ -298,14 +291,21 @@ export var fixtures = {
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
       serializedHTML: `<div>${serializedFigure.outerHTML}</div>`,
-      document: new Document([ new Block(text) ])
+      document: new Document([ new Block(text) ]),
     }
   })(),
 
-  "text with newlines and image attachment": (function() {
+  "text with newlines and image attachment": (() => {
     const stringText = Text.textForStringWithAttributes("a\nb")
 
-    const attrs = { url: TEST_IMAGE_URL, filename: "example.png", filesize: 98203, contentType: "image/png", width: 1, height: 1 }
+    const attrs = {
+      url: TEST_IMAGE_URL,
+      filename: "example.png",
+      filesize: 98203,
+      contentType: "image/png",
+      width: 1,
+      height: 1,
+    }
     const attachment = new Attachment(attrs)
     const attachmentText = Text.textForAttachmentWithAttributes(attachment)
 
@@ -322,16 +322,16 @@ export var fixtures = {
       data: {
         trixAttachment: JSON.stringify(attachment),
         trixContentType: "image/png",
-        trixId: attachment.id
-      }
+        trixId: attachment.id,
+      },
     })
 
     figure.appendChild(image)
     figure.appendChild(caption)
 
-    const serializedFigure = figure.cloneNode(true);
+    const serializedFigure = figure.cloneNode(true)
 
-    [ "data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable" ].forEach((attribute) => {
+    ;[ "data-trix-id", "data-trix-mutable", "data-trix-store-key", "contenteditable" ].forEach((attribute) => {
       serializedFigure.removeAttribute(attribute)
 
       Array.from(serializedFigure.querySelectorAll(`[${attribute}]`)).forEach((element) => {
@@ -344,12 +344,19 @@ export var fixtures = {
     return {
       html: `<div>${blockComment}a<br>b${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
       serializedHTML: `<div>a<br>b${serializedFigure.outerHTML}</div>`,
-      document: new Document([ new Block(text) ])
+      document: new Document([ new Block(text) ]),
     }
   })(),
 
-  "image attachment with edited caption": (function() {
-    const attrs = { url: TEST_IMAGE_URL, filename: "example.png", filesize: 123, contentType: "image/png", width: 1, height: 1 }
+  "image attachment with edited caption": (() => {
+    const attrs = {
+      url: TEST_IMAGE_URL,
+      filename: "example.png",
+      filesize: 123,
+      contentType: "image/png",
+      width: 1,
+      height: 1,
+    }
     const attachment = new Attachment(attrs)
     const textAttrs = { caption: "Example" }
     const text = Text.textForAttachmentWithAttributes(attachment, textAttrs)
@@ -357,7 +364,11 @@ export var fixtures = {
     const image = makeElement("img", { src: attrs.url, "data-trix-mutable": true, width: 1, height: 1 })
     image.dataset.trixStoreKey = [ "imageElement", attachment.id, image.src, image.width, image.height ].join("/")
 
-    const caption = makeElement({ tagName: "figcaption", className: `${css.attachmentCaption} ${css.attachmentCaption}--edited`, textContent: "Example" })
+    const caption = makeElement({
+      tagName: "figcaption",
+      className: `${css.attachmentCaption} ${css.attachmentCaption}--edited`,
+      textContent: "Example",
+    })
 
     const figure = makeElement({
       tagName: "figure",
@@ -367,8 +378,8 @@ export var fixtures = {
         trixAttachment: JSON.stringify(attachment),
         trixContentType: "image/png",
         trixId: attachment.id,
-        trixAttributes: JSON.stringify(textAttrs)
-      }
+        trixAttributes: JSON.stringify(textAttrs),
+      },
     })
 
     figure.appendChild(image)
@@ -376,12 +387,17 @@ export var fixtures = {
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
-      document: new Document([ new Block(text) ])
+      document: new Document([ new Block(text) ]),
     }
   })(),
 
-  "file attachment": (function() {
-    const attrs = { href: "http://example.com/example.pdf", filename: "example.pdf", filesize: 34038769, contentType: "application/pdf" }
+  "file attachment": (() => {
+    const attrs = {
+      href: "http://example.com/example.pdf",
+      filename: "example.pdf",
+      filesize: 34038769,
+      contentType: "application/pdf",
+    }
     const attachment = new Attachment(attrs)
     const text = Text.textForAttachmentWithAttributes(attachment)
 
@@ -392,24 +408,26 @@ export var fixtures = {
       data: {
         trixAttachment: JSON.stringify(attachment),
         trixContentType: "application/pdf",
-        trixId: attachment.id
-      }
+        trixId: attachment.id,
+      },
     })
 
     const caption = `<figcaption class="${css.attachmentCaption}"><span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">32.46 MB</span></figcaption>`
     figure.innerHTML = caption
 
-    const link = makeElement({ tagName: "a", editable: false, attributes: { href: attrs.href, tabindex: -1 } });
-    [ ...Array.from(figure.childNodes) ].forEach((node) => { link.appendChild(node) })
+    const link = makeElement({ tagName: "a", editable: false, attributes: { href: attrs.href, tabindex: -1 } })
+    Array.from(figure.childNodes).forEach((node) => {
+      link.appendChild(node)
+    })
     figure.appendChild(link)
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
-      document: new Document([ new Block(text) ])
+      document: new Document([ new Block(text) ]),
     }
   })(),
 
-  "pending file attachment": (function() {
+  "pending file attachment": (() => {
     const attrs = { filename: "example.pdf", filesize: 34038769, contentType: "application/pdf" }
     const attachment = new Attachment(attrs)
     attachment.file = {}
@@ -423,8 +441,8 @@ export var fixtures = {
         trixAttachment: JSON.stringify(attachment),
         trixContentType: "application/pdf",
         trixId: attachment.id,
-        trixSerialize: false
-      }
+        trixSerialize: false,
+      },
     })
 
     const progress = makeElement({
@@ -432,12 +450,12 @@ export var fixtures = {
       attributes: {
         class: "attachment__progress",
         value: 0,
-        max: 100
+        max: 100,
       },
       data: {
         trixMutable: true,
-        trixStoreKey: [ "progressElement", attachment.id ].join("/")
-      }
+        trixStoreKey: [ "progressElement", attachment.id ].join("/"),
+      },
     })
 
     const caption = `<figcaption class="${css.attachmentCaption}"><span class="${css.attachmentName}">${attrs.filename}</span> <span class="${css.attachmentSize}">32.46 MB</span></figcaption>`
@@ -445,12 +463,13 @@ export var fixtures = {
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
-      document: new Document([ new Block(text) ])
+      document: new Document([ new Block(text) ]),
     }
   })(),
 
-  "content attachment": (function() {
-    const content = "<blockquote class=\"twitter-tweet\" data-cards=\"hidden\"><p>ruby-build 20150413 is out, with definitions for 2.2.2, 2.1.6, and 2.0.0-p645 to address recent security issues: <a href=\"https://t.co/YEwV6NtRD8\">https://t.co/YEwV6NtRD8</a></p>&mdash; Sam Stephenson (@sstephenson) <a href=\"https://twitter.com/sstephenson/status/587715996783218688\">April 13, 2015</a></blockquote>"
+  "content attachment": (() => {
+    const content =
+      "<blockquote class=\"twitter-tweet\" data-cards=\"hidden\"><p>ruby-build 20150413 is out, with definitions for 2.2.2, 2.1.6, and 2.0.0-p645 to address recent security issues: <a href=\"https://t.co/YEwV6NtRD8\">https://t.co/YEwV6NtRD8</a></p>&mdash; Sam Stephenson (@sstephenson) <a href=\"https://twitter.com/sstephenson/status/587715996783218688\">April 13, 2015</a></blockquote>"
     const href = "https://twitter.com/sstephenson/status/587715996783218688"
     const contentType = "embed/twitter"
 
@@ -464,8 +483,8 @@ export var fixtures = {
       data: {
         trixAttachment: JSON.stringify(attachment),
         trixContentType: contentType,
-        trixId: attachment.id
-      }
+        trixId: attachment.id,
+      },
     })
 
     figure.innerHTML = content
@@ -475,18 +494,18 @@ export var fixtures = {
 
     return {
       html: `<div>${blockComment}${cursorTargetLeft}${figure.outerHTML}${cursorTargetRight}</div>`,
-      document: new Document([ new Block(text) ])
+      document: new Document([ new Block(text) ]),
     }
   })(),
 
   "nested quote and code formatted block": {
     document: createDocument([ "ab3", {}, [ "quote", "code" ] ]),
-    html: `<blockquote><pre>${blockComment}ab3</pre></blockquote>`
+    html: `<blockquote><pre>${blockComment}ab3</pre></blockquote>`,
   },
 
   "nested code and quote formatted block": {
     document: createDocument([ "ab3", {}, [ "code", "quote" ] ]),
-    html: `<pre><blockquote>${blockComment}ab3</blockquote></pre>`
+    html: `<pre><blockquote>${blockComment}ab3</blockquote></pre>`,
   },
 
   "nested code blocks in quote": {
@@ -516,8 +535,7 @@ export var fixtures = {
     d
   </pre>
 </blockquote>\
-`
-    ),
+`),
     serializedHTML: removeWhitespace(`\
 <blockquote>
   a
@@ -534,8 +552,7 @@ export var fixtures = {
     d
   </pre>
 </blockquote>\
-`
-    )
+`),
   },
 
   "nested code, quote, and list in quote": {
@@ -578,8 +595,7 @@ export var fixtures = {
     </li>
   </ul>
 </blockquote>\
-`
-    ),
+`),
     serializedHTML: removeWhitespace(`\
 <blockquote>
   a
@@ -605,8 +621,7 @@ export var fixtures = {
     </li>
   </ul>
 </blockquote>\
-`
-    )
+`),
   },
 
   "nested quotes at different nesting levels": {
@@ -633,8 +648,7 @@ export var fixtures = {
     d
   </blockquote>
 </blockquote>\
-`
-    ),
+`),
     serializedHTML: removeWhitespace(`\
 <blockquote>
   <blockquote>
@@ -648,73 +662,90 @@ export var fixtures = {
     d
   </blockquote>
 </blockquote>\
-`
-    )
+`),
   },
 
   "nested quote and list": {
     document: createDocument([ "ab3", {}, [ "quote", "bulletList", "bullet" ] ]),
-    html: `<blockquote><ul><li>${blockComment}ab3</li></ul></blockquote>`
+    html: `<blockquote><ul><li>${blockComment}ab3</li></ul></blockquote>`,
   },
 
   "nested list and quote": {
     document: createDocument([ "ab3", {}, [ "bulletList", "bullet", "quote" ] ]),
-    html: `<ul><li><blockquote>${blockComment}ab3</blockquote></li></ul>`
+    html: `<ul><li><blockquote>${blockComment}ab3</blockquote></li></ul>`,
   },
 
   "nested lists and quotes": {
-    document: createDocument([ "a", {}, [ "bulletList", "bullet", "quote" ] ], [ "b", {}, [ "bulletList", "bullet", "quote" ] ]),
-    html: `<ul><li><blockquote>${blockComment}a</blockquote></li><li><blockquote>${blockComment}b</blockquote></li></ul>`
+    document: createDocument(
+      [ "a", {}, [ "bulletList", "bullet", "quote" ] ],
+      [ "b", {}, [ "bulletList", "bullet", "quote" ] ]
+    ),
+    html: `<ul><li><blockquote>${blockComment}a</blockquote></li><li><blockquote>${blockComment}b</blockquote></li></ul>`,
   },
 
   "nested quote and list with two items": {
-    document: createDocument([ "a", {}, [ "quote", "bulletList", "bullet" ] ], [ "b", {}, [ "quote", "bulletList", "bullet" ] ]),
-    html: `<blockquote><ul><li>${blockComment}a</li><li>${blockComment}b</li></ul></blockquote>`
+    document: createDocument(
+      [ "a", {}, [ "quote", "bulletList", "bullet" ] ],
+      [ "b", {}, [ "quote", "bulletList", "bullet" ] ]
+    ),
+    html: `<blockquote><ul><li>${blockComment}a</li><li>${blockComment}b</li></ul></blockquote>`,
   },
 
   "nested unordered lists": {
-    document: createDocument([ "a", {}, [ "bulletList", "bullet" ] ], [ "b", {}, [ "bulletList", "bullet", "bulletList", "bullet" ] ], [ "c", {}, [ "bulletList", "bullet", "bulletList", "bullet" ] ]),
-    html: `<ul><li>${blockComment}a<ul><li>${blockComment}b</li><li>${blockComment}c</li></ul></li></ul>`
+    document: createDocument(
+      [ "a", {}, [ "bulletList", "bullet" ] ],
+      [ "b", {}, [ "bulletList", "bullet", "bulletList", "bullet" ] ],
+      [ "c", {}, [ "bulletList", "bullet", "bulletList", "bullet" ] ]
+    ),
+    html: `<ul><li>${blockComment}a<ul><li>${blockComment}b</li><li>${blockComment}c</li></ul></li></ul>`,
   },
 
   "nested lists": {
-    document: createDocument([ "a", {}, [ "numberList", "number" ] ], [ "b", {}, [ "numberList", "number", "bulletList", "bullet" ] ], [ "c", {}, [ "numberList", "number", "bulletList", "bullet" ] ]),
-    html: `<ol><li>${blockComment}a<ul><li>${blockComment}b</li><li>${blockComment}c</li></ul></li></ol>`
+    document: createDocument(
+      [ "a", {}, [ "numberList", "number" ] ],
+      [ "b", {}, [ "numberList", "number", "bulletList", "bullet" ] ],
+      [ "c", {}, [ "numberList", "number", "bulletList", "bullet" ] ]
+    ),
+    html: `<ol><li>${blockComment}a<ul><li>${blockComment}b</li><li>${blockComment}c</li></ul></li></ol>`,
   },
 
   "blocks beginning with newlines": {
     document: createDocument([ "\na", {}, [ "quote" ] ], [ "\nb", {}, [] ], [ "\nc", {}, [ "quote" ] ]),
-    html: `<blockquote>${blockComment}<br>a</blockquote><div>${blockComment}<br>b</div><blockquote>${blockComment}<br>c</blockquote>`
+    html: `<blockquote>${blockComment}<br>a</blockquote><div>${blockComment}<br>b</div><blockquote>${blockComment}<br>c</blockquote>`,
   },
 
   "blocks beginning with formatted text": {
-    document: createDocument([ "a", { bold: true }, [ "quote" ] ], [ "b", { italic: true }, [] ], [ "c", { bold: true }, [ "quote" ] ]),
-    html: `<blockquote>${blockComment}<strong>a</strong></blockquote><div>${blockComment}<em>b</em></div><blockquote>${blockComment}<strong>c</strong></blockquote>`
+    document: createDocument(
+      [ "a", { bold: true }, [ "quote" ] ],
+      [ "b", { italic: true }, [] ],
+      [ "c", { bold: true }, [ "quote" ] ]
+    ),
+    html: `<blockquote>${blockComment}<strong>a</strong></blockquote><div>${blockComment}<em>b</em></div><blockquote>${blockComment}<strong>c</strong></blockquote>`,
   },
 
   "text with newlines before block": {
     document: createDocument([ "a\nb" ], [ "c", {}, [ "quote" ] ]),
-    html: `<div>${blockComment}a<br>b</div><blockquote>${blockComment}c</blockquote>`
+    html: `<div>${blockComment}a<br>b</div><blockquote>${blockComment}c</blockquote>`,
   },
 
   "empty heading block": {
     document: createDocument([ "", {}, [ "heading1" ] ]),
-    html: `<h1>${blockComment}<br></h1>`
+    html: `<h1>${blockComment}<br></h1>`,
   },
 
   "two adjacent headings": {
-    document: createDocument( [ "a", {}, [ "heading1" ] ], [ "b", {}, [ "heading1" ] ]),
-    html: `<h1>${blockComment}a</h1><h1>${blockComment}b</h1>`
+    document: createDocument([ "a", {}, [ "heading1" ] ], [ "b", {}, [ "heading1" ] ]),
+    html: `<h1>${blockComment}a</h1><h1>${blockComment}b</h1>`,
   },
 
   "heading in ordered list": {
     document: createDocument([ "a", {}, [ "numberList", "number", "heading1" ] ]),
-    html: `<ol><li><h1>${blockComment}a</h1></li></ol>`
+    html: `<ol><li><h1>${blockComment}a</h1></li></ol>`,
   },
 
   "headings with formatted text": {
     document: createDocument([ "a", { bold: true }, [ "heading1" ] ], [ "b", { italic: true, bold: true }, [ "heading1" ] ]),
-    html: `<h1>${blockComment}<strong>a</strong></h1><h1>${blockComment}<strong><em>b</em></strong></h1>`
+    html: `<h1>${blockComment}<strong>a</strong></h1><h1>${blockComment}<strong><em>b</em></strong></h1>`,
   },
 
   "bidrectional text": {
@@ -735,22 +766,21 @@ export var fixtures = {
 <div>${blockComment}cید</div>\
 <div dir="rtl">${blockComment}<br>&nbsp;گ</div>\
 `,
-    serializedHTML: "\
+    serializedHTML:
+      "\
 <div>a</div>\
 <blockquote dir=\"rtl\">ل</blockquote>\
 <ul><li>b</li></ul>\
 <ul dir=\"rtl\"><li>ל</li><li><br></li></ul>\
 <div>cید</div>\
 <div dir=\"rtl\"><br>&nbsp;گ</div>\
-"
-  }
+",
+  },
 }
 
-export var eachFixture = callback => (() => {
-  const result = []
+export const eachFixture = (callback) => {
   for (const name in fixtures) {
     const details = fixtures[name]
-    result.push(callback(name, details))
+    callback(name, details)
   }
-  return result
-})()
+}
diff --git a/src/test/test_helpers/fixtures/test_image_url.js b/src/test/test_helpers/fixtures/test_image_url.js
index 0d7562f10..2d2145ab5 100644
--- a/src/test/test_helpers/fixtures/test_image_url.js
+++ b/src/test/test_helpers/fixtures/test_image_url.js
@@ -1,6 +1 @@
-/* eslint-disable
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-export var TEST_IMAGE_URL = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs="
+export const TEST_IMAGE_URL = "data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs="
diff --git a/src/test/test_helpers/functions.js b/src/test/test_helpers/functions.js
index b7202f0db..42a18fd88 100644
--- a/src/test/test_helpers/functions.js
+++ b/src/test/test_helpers/functions.js
@@ -1,14 +1,4 @@
-/* eslint-disable
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-export var extend = function(properties) {
+export const extend = function (properties) {
   for (const key in properties) {
     const value = properties[key]
     this[key] = value
@@ -16,4 +6,4 @@ export var extend = function(properties) {
   return this
 }
 
-export var after = (delay, callback) => setTimeout(callback, delay)
+export const after = (delay, callback) => setTimeout(callback, delay)
diff --git a/src/test/test_helpers/input_helpers.js b/src/test/test_helpers/input_helpers.js
index b4654d752..89556aa14 100644
--- a/src/test/test_helpers/input_helpers.js
+++ b/src/test/test_helpers/input_helpers.js
@@ -1,41 +1,29 @@
-/* eslint-disable
-    no-redeclare,
-    no-undef,
-    no-unused-vars,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS101: Remove unnecessary use of Array.from
- * DS102: Remove unnecessary code created because of implicit returns
- * DS205: Consider reworking code to avoid use of IIFEs
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
-let code
 import config from "trix/config"
 import { defer } from "trix/core/helpers"
-import { createEvent, triggerEvent } from "./event_helpers"
-import { collapseSelection, createDOMRangeFromPoint, deleteSelection, insertNode,
-  selectNode, selectionIsCollapsed } from "./selection_helpers"
+import { triggerEvent } from "./event_helpers"
+import {
+  collapseSelection,
+  createDOMRangeFromPoint,
+  deleteSelection,
+  insertNode,
+  selectNode,
+  selectionIsCollapsed,
+} from "./selection_helpers"
 
 const keyCodes = {}
-for (code in config.keyNames) {
+
+Object.keys(config.keyNames).forEach(code => {
   const name = config.keyNames[code]
   keyCodes[name] = code
-}
+})
 
 const isIE = /Windows.*Trident/.test(navigator.userAgent)
 
-export var triggerInputEvent = function(element, type, properties = {}) {
+export const triggerInputEvent = function (element, type, properties = {}) {
   if (config.input.getLevel() === 2) {
     let ranges
     if (properties.ranges) {
-      ({
-        ranges
-      } = properties)
+      ({ ranges } = properties)
       delete properties.ranges
     } else {
       ranges = []
@@ -45,13 +33,13 @@ export var triggerInputEvent = function(element, type, properties = {}) {
       }
     }
     properties.getTargetRanges = () => ranges
-    return triggerEvent(element, type, properties)
+    triggerEvent(element, type, properties)
   }
 }
 
-export var pasteContent = function(contentType, value, callback) {
+export const pasteContent = function (contentType, value, callback) {
   let data
-  var key, value
+
   if (typeof contentType === "object") {
     data = contentType
     callback = value
@@ -60,42 +48,41 @@ export var pasteContent = function(contentType, value, callback) {
   }
 
   const testClipboardData = {
-    getData(type) {
-      return data[type]
-    },
-    types: (() => {
-      const result = []
-      for (key in data) {
-        result.push(key)
-      }
-      return result
-    })(),
-    items: (() => {
-      const result1 = []
-      for (key in data) {
-        value = data[key]
-        result1.push(value)
-      }
-      return result1
-    })()
+    getData: (type) => data[type],
+    types: Object.keys(data),
+    items: Object.values(data),
   }
 
-  if (Array.from(testClipboardData.types).includes("Files")) {
+  if (testClipboardData.types.includes("Files")) {
     testClipboardData.files = testClipboardData.items
   }
 
-  triggerInputEvent(document.activeElement, "beforeinput", { inputType: "insertFromPaste", dataTransfer: testClipboardData })
+  triggerInputEvent(document.activeElement, "beforeinput", {
+    inputType: "insertFromPaste",
+    dataTransfer: testClipboardData,
+  })
+
   triggerEvent(document.activeElement, "paste", { testClipboardData })
-  if (callback) { return requestAnimationFrame(callback) }
+
+  if (callback) {
+    requestAnimationFrame (callback)
+  }
 }
 
-export var createFile = function(properties = {}) {
-  const file = { getAsFile() { return {} } }
-  for (const key in properties) { const value = properties[key]; file[key] = value }
+export const createFile = function (properties = {}) {
+  const file = {
+    getAsFile() {
+      return {}
+    },
+  }
+  for (const key in properties) {
+    const value = properties[key]
+    file[key] = value
+  }
   return file
 }
 
-export var typeCharacters = function(string, callback) {
+export const typeCharacters = function (string, callback) {
   let characters, typeNextCharacter
   if (Array.isArray(string)) {
     characters = string
@@ -103,37 +90,42 @@ export var typeCharacters = function(string, callback) {
     characters = string.split("")
   }
 
-  return (typeNextCharacter = () => defer(function() {
-    const character = characters.shift()
-    if (character != null) {
-      switch (character) {
-        case "\n":
-          return pressKey("return", typeNextCharacter)
-        case "\b":
-          return pressKey("backspace", typeNextCharacter)
-        default:
-          return typeCharacterInElement(character, document.activeElement, typeNextCharacter)
+  return (typeNextCharacter = () =>
+    defer(function () {
+      const character = characters.shift()
+      if (character != null) {
+        switch (character) {
+          case "\n":
+            return pressKey("return", typeNextCharacter)
+          case "\b":
+            return pressKey("backspace", typeNextCharacter)
+          default:
+            return typeCharacterInElement(character, document.activeElement, typeNextCharacter)
+        }
+      } else {
+        return callback()
       }
-    } else {
-      return callback()
-    }
-  }))()
+    }))()
 }
 
-export var pressKey = function(keyName, callback) {
+export const pressKey = function (keyName, callback) {
   const element = document.activeElement
-  code = keyCodes[keyName]
+  const code = keyCodes[keyName]
   const properties = { which: code, keyCode: code, charCode: 0, key: capitalize(keyName) }
 
-  if (!triggerEvent(element, "keydown", properties)) { return callback() }
+  if (!triggerEvent(element, "keydown", properties)) {
+    return callback()
+  }
 
-  return simulateKeypress(keyName, () => defer(function() {
-    triggerEvent(element, "keyup", properties)
-    return defer(callback)
-  }))
+  return simulateKeypress(keyName, () =>
+    defer(function () {
+      triggerEvent(element, "keyup", properties)
+      defer(callback)
+    })
+  )
 }
 
-export var startComposition = function(data, callback) {
+export const startComposition = function (data, callback) {
   const element = document.activeElement
   triggerEvent(element, "compositionstart", { data: "" })
   triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data })
@@ -142,10 +134,10 @@ export var startComposition = function(data, callback) {
 
   const node = document.createTextNode(data)
   insertNode(node)
-  return selectNode(node, callback)
+  selectNode(node, callback)
 }
 
-export var updateComposition = function(data, callback) {
+export const updateComposition = function (data, callback) {
   const element = document.activeElement
   triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data })
   triggerEvent(element, "compositionupdate", { data })
@@ -153,10 +145,10 @@ export var updateComposition = function(data, callback) {
 
   const node = document.createTextNode(data)
   insertNode(node)
-  return selectNode(node, callback)
+  selectNode(node, callback)
 }
 
-export var endComposition = function(data, callback) {
+export const endComposition = function (data, callback) {
   const element = document.activeElement
   triggerInputEvent(element, "beforeinput", { inputType: "insertCompositionText", data })
   triggerEvent(element, "compositionupdate", { data })
@@ -164,27 +156,27 @@ export var endComposition = function(data, callback) {
   const node = document.createTextNode(data)
   insertNode(node)
   selectNode(node)
-  return collapseSelection("right", function() {
+  collapseSelection("right", function () {
     triggerEvent(element, "input")
     triggerEvent(element, "compositionend", { data })
-    return requestAnimationFrame(callback)
+    requestAnimationFrame (callback)
   })
 }
 
-export var clickElement = function(element, callback) {
+export const clickElement = function (element, callback) {
   if (triggerEvent(element, "mousedown")) {
-    return defer(function() {
+    defer(function () {
       if (triggerEvent(element, "mouseup")) {
-        return defer(function() {
+        defer(function () {
           triggerEvent(element, "click")
-          return defer(callback)
+          defer(callback)
         })
       }
     })
   }
 }
 
-export var dragToCoordinates = function(coordinates, callback) {
+export const dragToCoordinates = function (coordinates, callback) {
   const element = document.activeElement
 
   // IE only allows writing "text" to DataTransfer
@@ -206,7 +198,7 @@ export var dragToCoordinates = function(coordinates, callback) {
       } else {
         this.data[format] = data
       }
-    }
+    },
   }
 
   triggerEvent(element, "mousemove")
@@ -216,28 +208,31 @@ export var dragToCoordinates = function(coordinates, callback) {
   triggerInputEvent(element, "beforeinput", { inputType: "deleteByDrag" })
 
   const dropData = { dataTransfer }
-  for (const key in coordinates) { const value = coordinates[key]; dropData[key] = value }
+  for (const key in coordinates) {
+    const value = coordinates[key]
+    dropData[key] = value
+  }
   triggerEvent(element, "drop", dropData)
 
   const { clientX, clientY } = coordinates
   const domRange = createDOMRangeFromPoint(clientX, clientY)
   triggerInputEvent(element, "beforeinput", { inputType: "insertFromDrop", ranges: [ domRange ] })
 
-  return defer(callback)
+  defer(callback)
 }
 
-export var mouseDownOnElementAndMove = function(element, distance, callback) {
+export const mouseDownOnElementAndMove = function (element, distance, callback) {
   const coordinates = getElementCoordinates(element)
   triggerEvent(element, "mousedown", coordinates)
 
-  const destination = offset => ({
+  const destination = (offset) => ({
     clientX: coordinates.clientX + offset,
-    clientY: coordinates.clientY + offset
+    clientY: coordinates.clientY + offset,
   })
 
   const dragSpeed = 20
 
-  return after(dragSpeed, function() {
+  return after(dragSpeed, function () {
     let drag
     let offset = 0
     return (drag = () => {
@@ -252,19 +247,23 @@ export var mouseDownOnElementAndMove = function(element, distance, callback) {
   })
 }
 
-var typeCharacterInElement = function(character, element, callback) {
+const typeCharacterInElement = function (character, element, callback) {
   const charCode = character.charCodeAt(0)
   const keyCode = character.toUpperCase().charCodeAt(0)
 
-  if (!triggerEvent(element, "keydown", { keyCode, charCode: 0 })) { return callback() }
+  if (!triggerEvent(element, "keydown", { keyCode, charCode: 0 })) {
+    return callback()
+  }
 
-  return defer(function() {
-    if (!triggerEvent(element, "keypress", { keyCode: charCode, charCode })) { return callback() }
+  defer(function () {
+    if (!triggerEvent(element, "keypress", { keyCode: charCode, charCode })) {
+      return callback()
+    }
     triggerInputEvent(element, "beforeinput", { inputType: "insertText", data: character })
-    return insertCharacter(character, function() {
+    return insertCharacter(character, function () {
       triggerEvent(element, "input")
 
-      return defer(function() {
+      defer(function () {
         triggerEvent(element, "keyup", { keyCode, charCode: 0 })
         return callback()
       })
@@ -272,19 +271,19 @@ var typeCharacterInElement = function(character, element, callback) {
   })
 }
 
-var insertCharacter = function(character, callback) {
+const insertCharacter = function (character, callback) {
   const node = document.createTextNode(character)
   return insertNode(node, callback)
 }
 
-var simulateKeypress = function(keyName, callback) {
+const simulateKeypress = function (keyName, callback) {
   switch (keyName) {
     case "backspace":
       return deleteInDirection("left", callback)
     case "delete":
       return deleteInDirection("right", callback)
     case "return":
-      return defer(function() {
+      defer(function () {
         triggerInputEvent(document.activeElement, "beforeinput", { inputType: "insertParagraph" })
         const node = document.createElement("br")
         return insertNode(node, callback)
@@ -292,13 +291,13 @@ var simulateKeypress = function(keyName, callback) {
   }
 }
 
-var deleteInDirection = function(direction, callback) {
+const deleteInDirection = function (direction, callback) {
   if (selectionIsCollapsed()) {
     getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward")
-    return defer(function() {
+    defer(function () {
       const inputType = direction === "left" ? "deleteContentBackward" : "deleteContentForward"
       triggerInputEvent(document.activeElement, "beforeinput", { inputType })
-      return defer(function() {
+      defer(function () {
         deleteSelection()
         return callback()
       })
@@ -310,12 +309,12 @@ var deleteInDirection = function(direction, callback) {
   }
 }
 
-var getElementCoordinates = function(element) {
+const getElementCoordinates = function (element) {
   const rect = element.getBoundingClientRect()
   return {
     clientX: rect.left + rect.width / 2,
-    clientY: rect.top + rect.height / 2
+    clientY: rect.top + rect.height / 2,
   }
 }
 
-var capitalize = string => string.charAt(0).toUpperCase() + string.slice(1)
+const capitalize = (string) => string.charAt(0).toUpperCase() + string.slice(1)
diff --git a/src/test/test_helpers/selection_helpers.js b/src/test/test_helpers/selection_helpers.js
index 6b238d7e0..683aede9d 100644
--- a/src/test/test_helpers/selection_helpers.js
+++ b/src/test/test_helpers/selection_helpers.js
@@ -1,16 +1,3 @@
-/* eslint-disable
-    id-length,
-    no-cond-assign,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import config from "trix/config"
 
 import { triggerEvent } from "event_helpers"
@@ -30,69 +17,69 @@ for (const code in config.keyNames) {
 
 const keys = {
   left: "ArrowLeft",
-  right: "ArrowRight"
+  right: "ArrowRight",
 }
 
-
-export var moveCursor = function(options, callback) {
+export const moveCursor = function (options, callback) {
   let direction, move, times
   if (typeof options === "string") {
     direction = options
   } else {
-    ({
-      direction
-    } = options);
-    ({
-      times
-    } = options)
+    times = options.times
+    direction = options.direction
   }
 
-  if (times == null) { times = 1 }
-
-  return (move = () => defer(function() {
-    if (triggerEvent(document.activeElement, "keydown", { keyCode: keyCodes[direction], key: keys[direction] })) {
-      const selection = rangy.getSelection()
-      selection.move("character", direction === "right" ? 1 : -1)
-      selectionChangeObserver.update()
-    }
-
-    if (--times === 0) {
-      return defer(() => callback(getCursorCoordinates()))
-    } else {
-      return move()
-    }
-  }))()
+  if (!times) times = 1
+
+  return (move = () =>
+    defer(() => {
+      if (triggerEvent(document.activeElement, "keydown", { keyCode: keyCodes[direction], key: keys[direction] })) {
+        const selection = rangy.getSelection()
+        selection.move("character", direction === "right" ? 1 : -1)
+        selectionChangeObserver.update()
+      }
+
+      if (--times === 0) {
+        defer(() => callback(getCursorCoordinates()))
+      } else {
+        return move()
+      }
+    }))()
 }
 
-export var expandSelection = (options, callback) => defer(function() {
-  let direction, expand, times
-  if (typeof options === "string") {
-    direction = options
-  } else {
-    ({
-      direction
-    } = options);
-    ({
-      times
-    } = options)
-  }
-
-  if (times == null) { times = 1 }
-
-  return (expand = () => defer(function() {
-    if (triggerEvent(document.activeElement, "keydown", { keyCode: keyCodes[direction], key: keys[direction], shiftKey: true })) {
-      getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward")
-    }
-
-    if (--times === 0) {
-      return defer(callback)
+export const expandSelection = (options, callback) =>
+  defer(() => {
+    let direction, expand, times
+    if (typeof options === "string") {
+      direction = options
     } else {
-      return expand()
+      ({ direction } = options)
+      ;({ times } = options)
     }
-  }))()
-})
 
-export var collapseSelection = function(direction, callback) {
+    if (!times) times = 1
+
+    return (expand = () =>
+      defer(() => {
+        if (
+          triggerEvent(document.activeElement, "keydown", {
+            keyCode: keyCodes[direction],
+            key: keys[direction],
+            shiftKey: true,
+          })
+        ) {
+          getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward")
+        }
+
+        if (--times === 0) {
+          defer(callback)
+        } else {
+          return expand()
+        }
+      }))()
+  })
+
+export const collapseSelection = function (direction, callback) {
   const selection = rangy.getSelection()
   if (direction === "left") {
     selection.collapseToStart()
@@ -100,24 +87,24 @@ export var collapseSelection = function(direction, callback) {
     selection.collapseToEnd()
   }
   selectionChangeObserver.update()
-  return defer(callback)
+  defer(callback)
 }
 
-export var selectAll = function(callback) {
+export const selectAll = function (callback) {
   rangy.getSelection().selectAllChildren(document.activeElement)
   selectionChangeObserver.update()
-  return defer(callback)
+  defer(callback)
 }
 
-export var deleteSelection = function() {
+export const deleteSelection = () => {
   const selection = rangy.getSelection()
   selection.getRangeAt(0).deleteContents()
-  return selectionChangeObserver.update()
+  selectionChangeObserver.update()
 }
 
-export var selectionIsCollapsed = () => rangy.getSelection().isCollapsed
+export const selectionIsCollapsed = () => rangy.getSelection().isCollapsed
 
-export var insertNode = function(node, callback) {
+export const insertNode = function (node, callback) {
   const selection = rangy.getSelection()
   const range = selection.getRangeAt(0)
   range.splitBoundaries()
@@ -126,33 +113,35 @@ export var insertNode = function(node, callback) {
   range.deleteContents()
   selection.setSingleRange(range)
   selectionChangeObserver.update()
-  if (callback) { return requestAnimationFrame(callback) }
+  if (callback) {
+    requestAnimationFrame(callback)
+  }
 }
 
-export var selectNode = function(node, callback) {
+export const selectNode = function (node, callback) {
   const selection = rangy.getSelection()
   selection.selectAllChildren(node)
   selectionChangeObserver.update()
-  return callback?.()
+  if (callback) callback()
 }
 
-export var createDOMRangeFromPoint = function(x, y) {
+export const createDOMRangeFromPoint = function (px, py) {
   if (document.caretPositionFromPoint) {
-    const { offsetNode, offset } = document.caretPositionFromPoint(x, y)
+    const { offsetNode, offset } = document.caretPositionFromPoint(px, py)
     const domRange = document.createRange()
     domRange.setStart(offsetNode, offset)
     return domRange
   } else if (document.caretRangeFromPoint) {
-    return document.caretRangeFromPoint(x, y)
+    return document.caretRangeFromPoint(px, py)
   }
 }
 
-var getCursorCoordinates = function() {
-  let rect
-  if (rect = window.getSelection().getRangeAt(0).getClientRects()[0]) {
+const getCursorCoordinates = () => {
+  const rect = window.getSelection().getRangeAt(0).getClientRects()[0]
+  if (rect) {
     return {
       clientX: rect.left,
-      clientY: rect.top + rect.height / 2
+      clientY: rect.top + rect.height / 2,
     }
   }
 }
diff --git a/src/test/test_helpers/test_helpers.js b/src/test/test_helpers/test_helpers.js
index 0bcdbc54c..57b7a0e54 100644
--- a/src/test/test_helpers/test_helpers.js
+++ b/src/test/test_helpers/test_helpers.js
@@ -1,23 +1,11 @@
-/* eslint-disable
-    no-undef,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS101: Remove unnecessary use of Array.from
- * DS102: Remove unnecessary code created because of implicit returns
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { fixtureTemplates } from "test/test_helpers/fixtures/fixtures"
-
 import { removeNode } from "trix/core/helpers"
 
-const setFixtureHTML = function(html, container = "form") {
+const setFixtureHTML = function (html, container = "form") {
   let element = document.getElementById("trix-container")
-  if (element != null) { removeNode(element) }
+  if (element != null) {
+    removeNode(element)
+  }
 
   element = document.createElement(container)
   element.id = "trix-container"
@@ -28,7 +16,7 @@ const setFixtureHTML = function(html, container = "form") {
 
 let ready = null
 
-export var testGroup = function(name, options, callback) {
+export const testGroup = function (name, options, callback) {
   let container, setup, teardown, template
   if (callback != null) {
     ({ container, template, setup, teardown } = options)
@@ -36,31 +24,33 @@ export var testGroup = function(name, options, callback) {
     callback = options
   }
 
-  const beforeEach = function() {
+  const beforeEach = () => {
     // Ensure window is active on CI so focus and blur events are natively dispatched
     window.focus()
 
-    ready = function(callback) {
+    ready = function (callback) {
       if (template != null) {
         let handler
-        addEventListener("trix-initialize", handler = function({ target }) {
-          removeEventListener("trix-initialize", handler)
-          if (target.hasAttribute("autofocus")) {
-            target.editor.setSelectedRange(0)
+        addEventListener(
+          "trix-initialize",
+          handler = function ({ target }) {
+            removeEventListener("trix-initialize", handler)
+            if (target.hasAttribute("autofocus")) {
+              target.editor.setSelectedRange(0)
+            }
+            callback(target)
           }
-          return callback(target)
-        }
         )
 
         return setFixtureHTML(fixtureTemplates[template](), container)
       } else {
-        return callback()
+        callback()
       }
     }
-    return setup?.()
+    if (setup) setup()
   }
 
-  const afterEach = function() {
+  const afterEach = () => {
     if (template != null) {
       setFixtureHTML("")
     }
@@ -68,48 +58,47 @@ export var testGroup = function(name, options, callback) {
   }
 
   if (callback != null) {
-    return QUnit.module(name, function(hooks) {
+    return QUnit.module(name, function (hooks) {
       hooks.beforeEach(beforeEach)
       hooks.afterEach(afterEach)
-      return callback()
+      callback()
     })
   } else {
     return QUnit.module(name, { beforeEach, afterEach })
   }
 }
 
-export var test = (name, callback) => QUnit.test(name, function(assert) {
-  const doneAsync = assert.async()
+export const test = (name, callback) =>
+  QUnit.test(name, function (assert) {
+    const doneAsync = assert.async()
 
-  return ready(function(element) {
-    const done = function(expectedDocumentValue) {
-      if (element != null) {
-        if (expectedDocumentValue) {
-          assert.equal(element.editor.getDocument().toString(), expectedDocumentValue)
+    return ready(function (element) {
+      const done = function (expectedDocumentValue) {
+        if (element != null) {
+          if (expectedDocumentValue) {
+            assert.equal(element.editor.getDocument().toString(), expectedDocumentValue)
+          }
+          requestAnimationFrame(doneAsync)
+        } else {
+          return doneAsync()
         }
-        return requestAnimationFrame(doneAsync)
-      } else {
-        return doneAsync()
       }
-    }
 
-    if (callback.length === 0) {
-      callback()
-      return done()
-    } else {
-      return callback(done)
-    }
+      if (callback.length === 0) {
+        callback()
+        return done()
+      } else {
+        callback(done)
+      }
+    })
   })
-})
 
-export var testIf = function(condition, ...args) {
+export const testIf = function (condition, ...args) {
   if (condition) {
-    return test(...Array.from(args || []))
+    test(...Array.from(args || []))
   } else {
-    return skip(...Array.from(args || []))
+    skip(...Array.from(args || []))
   }
 }
 
-export var {
-  skip
-} = QUnit
+export const { skip } = QUnit
diff --git a/src/test/test_helpers/test_stubs.js b/src/test/test_helpers/test_stubs.js
index a117d2bad..5db77520f 100644
--- a/src/test/test_helpers/test_stubs.js
+++ b/src/test/test_helpers/test_stubs.js
@@ -1,11 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * DS207: Consider shorter variations of null checks
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { normalizeRange, rangeIsCollapsed } from "trix/core/helpers"
 
 export class TestCompositionDelegate {
@@ -14,7 +6,8 @@ export class TestCompositionDelegate {
   }
 
   getSelectionManager() {
-    return this.selectionManager != null ? this.selectionManager : this.selectionManager = new TestSelectionManager
+    if (!this.selectionManager) this.selectionManager = new TestSelectionManager()
+    return this.selectionManager
   }
 }
 
diff --git a/src/test/test_helpers/toolbar_helpers.js b/src/test/test_helpers/toolbar_helpers.js
index ae4ee3a98..106f5bc6d 100644
--- a/src/test/test_helpers/toolbar_helpers.js
+++ b/src/test/test_helpers/toolbar_helpers.js
@@ -1,64 +1,52 @@
-/* eslint-disable
-    no-cond-assign,
-    no-undef,
-    no-unused-vars,
-    no-var,
-*/
-// TODO: This file was created by bulk-decaffeinate.
-// Fix any style issues and re-enable lint.
-/*
- * decaffeinate suggestions:
- * DS102: Remove unnecessary code created because of implicit returns
- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
- */
 import { defer } from "trix/core/helpers"
-import { createEvent, triggerEvent } from "./event_helpers"
+import { triggerEvent } from "./event_helpers"
 import { selectionChangeObserver } from "trix/observers/selection_change_observer"
 
-export var clickToolbarButton = function(selector, callback) {
+export const clickToolbarButton = function (selector, callback) {
   selectionChangeObserver.update()
   const button = getToolbarButton(selector)
   triggerEvent(button, "mousedown")
-  return defer(callback)
+  defer(callback)
 }
 
-export var typeToolbarKeyCommand = function(selector, callback) {
-  let trixKey
+export const typeToolbarKeyCommand = function (selector, callback) {
   const button = getToolbarButton(selector)
-  if ({ trixKey } = button.dataset) {
+  const { trixKey } = button.dataset
+  if (trixKey) {
     const keyCode = trixKey.toUpperCase().charCodeAt(0)
     triggerEvent(getEditorElement(), "keydown", { keyCode, charCode: 0, metaKey: true, ctrlKey: true })
   }
-  return defer(callback)
+  defer(callback)
 }
 
-export var clickToolbarDialogButton = function({ method }, callback) {
+export const clickToolbarDialogButton = function ({ method }, callback) {
   const button = getToolbarElement().querySelector(`[data-trix-dialog] [data-trix-method='${method}']`)
   triggerEvent(button, "click")
-  return defer(callback)
+  defer(callback)
 }
 
-export var isToolbarButtonActive = function(selector) {
+export const isToolbarButtonActive = function (selector) {
   const button = getToolbarButton(selector)
   return button.hasAttribute("data-trix-active") && button.classList.contains("trix-active")
 }
 
-export var isToolbarButtonDisabled = selector => getToolbarButton(selector).disabled
+export const isToolbarButtonDisabled = (selector) => getToolbarButton(selector).disabled
 
-export var typeInToolbarDialog = function(string, { attribute }, callback) {
+export const typeInToolbarDialog = function (string, { attribute }, callback) {
   const dialog = getToolbarDialog({ attribute })
   const input = dialog.querySelector(`[data-trix-input][name='${attribute}']`)
   const button = dialog.querySelector("[data-trix-method='setAttribute']")
   input.value = string
   triggerEvent(button, "click")
-  return defer(callback)
+  defer(callback)
 }
 
-export var isToolbarDialogActive = function(selector) {
+export const isToolbarDialogActive = function (selector) {
   const dialog = getToolbarDialog(selector)
   return dialog.hasAttribute("data-trix-active") && dialog.classList.contains("trix-active")
 }
 
-var getToolbarButton = ({ attribute, action }) => getToolbarElement().querySelector(`[data-trix-attribute='${attribute}'], [data-trix-action='${action}']`)
+const getToolbarButton = ({ attribute, action }) =>
+  getToolbarElement().querySelector(`[data-trix-attribute='${attribute}'], [data-trix-action='${action}']`)
 
-var getToolbarDialog = ({ attribute, action }) => getToolbarElement().querySelector(`[data-trix-dialog='${attribute}']`)
+const getToolbarDialog = ({ attribute, action }) => getToolbarElement().querySelector(`[data-trix-dialog='${attribute}']`)
diff --git a/src/test/unit.js b/src/test/unit.js
index 07248a689..0680fbb11 100644
--- a/src/test/unit.js
+++ b/src/test/unit.js
@@ -1,5 +1,3 @@
-// TODO: This file was created by bulk-decaffeinate.
-// Sanity-check the conversion and remove this comment.
 import "test/unit/attachment_test"
 import "test/unit/block_test"
 import "test/unit/composition_test"
diff --git a/src/test/unit/attachment_test.js b/src/test/unit/attachment_test.js
index 77a8a7de7..a138b088c 100644
--- a/src/test/unit/attachment_test.js
+++ b/src/test/unit/attachment_test.js
@@ -5,15 +5,15 @@ testGroup("Attachment", () => {
   const previewableTypes = "image image/gif image/png image/jpg".split(" ")
   const nonPreviewableTypes = "image/tiff application/foo".split(" ")
 
-  const createAttachment = attributes => new Attachment(attributes)
+  const createAttachment = (attributes) => new Attachment(attributes)
 
-  previewableTypes.forEach(contentType => {
+  previewableTypes.forEach((contentType) => {
     test(`${contentType} content type is previewable`, () => {
       assert.ok(createAttachment({ contentType }).isPreviewable())
     })
   })
 
-  nonPreviewableTypes.forEach(contentType => {
+  nonPreviewableTypes.forEach((contentType) => {
     test(`${contentType} content type is NOT previewable`, () => {
       assert.notOk(createAttachment({ contentType }).isPreviewable())
     })
diff --git a/src/test/unit/block_test.js b/src/test/unit/block_test.js
index 624429b21..37e26dc24 100644
--- a/src/test/unit/block_test.js
+++ b/src/test/unit/block_test.js
@@ -17,7 +17,7 @@ testGroup("Block", () => {
   })
 
   test("consolidating empty blocks creates text with one blockBreak piece", () => {
-    const consolidatedBlock = new Block().consolidateWith(new Block)
+    const consolidatedBlock = new Block().consolidateWith(new Block())
     const pieces = consolidatedBlock.text.getPieces()
 
     assert.equal(pieces.length, 2, JSON.stringify(pieces))
diff --git a/src/test/unit/composition_test.js b/src/test/unit/composition_test.js
index bc5eca377..24f4874d2 100644
--- a/src/test/unit/composition_test.js
+++ b/src/test/unit/composition_test.js
@@ -5,13 +5,15 @@ import { TestCompositionDelegate } from "test/test_helpers/test_stubs"
 
 let composition = null
 const setup = () => {
-  composition = new Composition
-  composition.delegate = new TestCompositionDelegate
+  composition = new Composition()
+  composition.delegate = new TestCompositionDelegate()
 }
 
-testGroup("Composition", { setup }, () => test("deleteInDirection respects UTF-16 character boundaries", () => {
-  composition.insertString("abc😭")
-  composition.deleteInDirection("backward")
-  composition.insertString("d")
-  assert.equal(composition.document.toString(), "abcd\n")
-}))
+testGroup("Composition", { setup }, () =>
+  test("deleteInDirection respects UTF-16 character boundaries", () => {
+    composition.insertString("abc😭")
+    composition.deleteInDirection("backward")
+    composition.insertString("d")
+    assert.equal(composition.document.toString(), "abcd\n")
+  })
+)
diff --git a/src/test/unit/document_test.js b/src/test/unit/document_test.js
index 8aace021c..78090b4bb 100644
--- a/src/test/unit/document_test.js
+++ b/src/test/unit/document_test.js
@@ -7,7 +7,7 @@ import Document from "trix/models/document"
 import HTMLParser from "trix/models/html_parser"
 
 testGroup("Document", () => {
-  const createDocumentWithAttachment = function(attachment) {
+  const createDocumentWithAttachment = function (attachment) {
     const text = Text.textForAttachmentWithAttributes(attachment)
     return new Document([ new Block(text) ])
   }
@@ -28,21 +28,31 @@ testGroup("Document", () => {
   })
 
   test("findRangesForTextAttribute", () => {
-    const document = HTMLParser.parse(`
+    const document = HTMLParser.parse(
+      `
       <div>Hello <strong>world, <em>this</em> is</strong> a <strong>test</strong>.<br></div>
-    `).getDocument()
-    assert.deepEqual(document.findRangesForTextAttribute("bold"), [ [ 6, 20 ], [ 23, 27 ] ])
+    `
+    ).getDocument()
+    assert.deepEqual(document.findRangesForTextAttribute("bold"), [
+      [ 6, 20 ],
+      [ 23, 27 ],
+    ])
     assert.deepEqual(document.findRangesForTextAttribute("italic"), [ [ 13, 17 ] ])
     assert.deepEqual(document.findRangesForTextAttribute("href"), [])
   })
 
   test("findRangesForTextAttribute withValue", () => {
-    const document = HTMLParser.parse(`
+    const document = HTMLParser.parse(
+      `
       <div>Hello <a href="http://google.com/">world, <em>this</em> is</a> a <a href="http://basecamp.com/">test</a>.<br></div>
-    `).getDocument()
-    assert.deepEqual(document.findRangesForTextAttribute("href"), [ [ 6, 20 ], [ 23, 27 ] ])
+    `
+    ).getDocument()
+    assert.deepEqual(document.findRangesForTextAttribute("href"), [
+      [ 6, 20 ],
+      [ 23, 27 ],
+    ])
     assert.deepEqual(document.findRangesForTextAttribute("href", { withValue: "http://google.com/" }), [ [ 6, 20 ] ])
     assert.deepEqual(document.findRangesForTextAttribute("href", { withValue: "http://basecamp.com/" }), [ [ 23, 27 ] ])
     assert.deepEqual(document.findRangesForTextAttribute("href", { withValue: "http://amazon.com/" }), [])
-})
+  })
 })
diff --git a/src/test/unit/html_parser_test.js b/src/test/unit/html_parser_test.js
index 780cf9503..0f2417b83 100644
--- a/src/test/unit/html_parser_test.js
+++ b/src/test/unit/html_parser_test.js
@@ -1,4 +1,14 @@
-import { TEST_IMAGE_URL, after, assert, createCursorTarget, eachFixture, fixtures, getHTML, test, testGroup } from "test/test_helper"
+import {
+  TEST_IMAGE_URL,
+  after,
+  assert,
+  createCursorTarget,
+  eachFixture,
+  fixtures,
+  getHTML,
+  test,
+  testGroup,
+} from "test/test_helper"
 
 import config from "trix/config"
 import HTMLParser from "trix/models/html_parser"
@@ -7,10 +17,12 @@ const cursorTargetLeft = createCursorTarget("left").outerHTML
 const cursorTargetRight = createCursorTarget("right").outerHTML
 
 testGroup("HTMLParser", () => {
-  eachFixture((name, { html, serializedHTML, document }) => test(name, () => {
-    const parsedDocument = HTMLParser.parse(html).getDocument()
-    assert.documentHTMLEqual(parsedDocument.copyUsingObjectsFromDocument(document), html)
-  }))
+  eachFixture((name, { html, serializedHTML, document }) =>
+    test(name, () => {
+      const parsedDocument = HTMLParser.parse(html).getDocument()
+      assert.documentHTMLEqual(parsedDocument.copyUsingObjectsFromDocument(document), html)
+    })
+  )
 
   eachFixture((name, { html, serializedHTML, document }) => {
     if (serializedHTML) {
@@ -25,12 +37,12 @@ testGroup("HTMLParser", () => {
     const cases = {
       "<div>a<div>b</div>c</div>": "<div><!--block-->a<br>b<br>c</div>",
       "<div>a<div><div><div>b</div></div></div>c</div>": "<div><!--block-->a<br>b<br>c</div>",
-      "<blockquote>a<div>b</div>c</blockquote>": "<blockquote><!--block-->a<br>b<br>c</blockquote>"
+      "<blockquote>a<div>b</div>c</blockquote>": "<blockquote><!--block-->a<br>b<br>c</blockquote>",
     }
-      // TODO:
-      // "<div><div>a</div><div>b</div>c</div>": "<div><!--block-->a<br>b<br>c</div>"
-      // "<blockquote><div>a</div><div>b</div><div>c</div></blockquote>": "<blockquote><!--block-->a<br>b<br>c</blockquote>"
-      // "<blockquote><div>a<br></div><div><br></div><div>b<br></div></blockquote>": "<blockquote><!--block-->a<br><br>b</blockquote>"
+    // TODO:
+    // "<div><div>a</div><div>b</div>c</div>": "<div><!--block-->a<br>b<br>c</div>"
+    // "<blockquote><div>a</div><div>b</div><div>c</div></blockquote>": "<blockquote><!--block-->a<br>b<br>c</blockquote>"
+    // "<blockquote><div>a<br></div><div><br></div><div>b<br></div></blockquote>": "<blockquote><!--block-->a<br><br>b</blockquote>"
 
     for (const [ html, expectedHTML ] of Object.entries(cases)) {
       test(html, () => {
@@ -58,8 +70,10 @@ testGroup("HTMLParser", () => {
   })
 
   test("parses unfamiliar html", () => {
-    const html = "<meta charset=\"UTF-8\"><span style=\"font-style: italic\">abc</span><span>d</span><section style=\"margin:0\"><blink>123</blink><a href=\"http://example.com\">45<b>6</b></a>x<br />y</section><p style=\"margin:0\">9</p>"
-    const expectedHTML = "<div><!--block--><em>abc</em>d</div><div><!--block-->123<a href=\"http://example.com\">45<strong>6</strong></a>x<br>y</div><div><!--block-->9</div>"
+    const html =
+      "<meta charset=\"UTF-8\"><span style=\"font-style: italic\">abc</span><span>d</span><section style=\"margin:0\"><blink>123</blink><a href=\"http://example.com\">45<b>6</b></a>x<br />y</section><p style=\"margin:0\">9</p>"
+    const expectedHTML =
+      "<div><!--block--><em>abc</em>d</div><div><!--block-->123<a href=\"http://example.com\">45<strong>6</strong></a>x<br>y</div><div><!--block-->9</div>"
     assert.documentHTMLEqual(HTMLParser.parse(html).getDocument(), expectedHTML)
   })
 
@@ -92,13 +106,15 @@ testGroup("HTMLParser", () => {
 
   test("parses incorrectly nested list html", () => {
     const html = "<ul><li>a</li><ul><li>b</li><ol><li>1</li><li>2</li><ol></ul></ul>"
-    const expectedHTML = "<ul><li><!--block-->a<ul><li><!--block-->b<ol><li><!--block-->1</li><li><!--block-->2</li></ol></li></ul></li></ul>"
+    const expectedHTML =
+      "<ul><li><!--block-->a<ul><li><!--block-->b<ol><li><!--block-->1</li><li><!--block-->2</li></ol></li></ul></li></ul>"
     assert.documentHTMLEqual(HTMLParser.parse(html).getDocument(), expectedHTML)
   })
 
   test("ignores whitespace between block elements", () => {
     const html = "<div>a</div> \n <div>b</div>     <article>c</article>  \n\n <section>d</section> "
-    const expectedHTML = "<div><!--block-->a</div><div><!--block-->b</div><div><!--block-->c</div><div><!--block-->d</div>"
+    const expectedHTML =
+      "<div><!--block-->a</div><div><!--block-->b</div><div><!--block-->c</div><div><!--block-->d</div>"
     assert.documentHTMLEqual(HTMLParser.parse(html).getDocument(), expectedHTML)
   })
 
@@ -121,8 +137,10 @@ testGroup("HTMLParser", () => {
   })
 
   test("parses block elements with leading breakable whitespace", () => {
-    const html = "<blockquote> <span>a</span> <blockquote>\n <strong>b</strong> <pre> <span>c</span></pre></blockquote></blockquote>"
-    const expectedHTML = "<blockquote><!--block-->a<blockquote><!--block--><strong>b</strong><pre><!--block--> c</pre></blockquote></blockquote>"
+    const html =
+      "<blockquote> <span>a</span> <blockquote>\n <strong>b</strong> <pre> <span>c</span></pre></blockquote></blockquote>"
+    const expectedHTML =
+      "<blockquote><!--block-->a<blockquote><!--block--><strong>b</strong><pre><!--block--> c</pre></blockquote></blockquote>"
     assert.documentHTMLEqual(HTMLParser.parse(html).getDocument(), expectedHTML)
   })
 
@@ -139,7 +157,8 @@ testGroup("HTMLParser", () => {
   })
 
   test("parses entire HTML document", () => {
-    const html = "<html><head><style>.bold {font-weight: bold}</style></head><body><span class=\"bold\">abc</span></body></html>"
+    const html =
+      "<html><head><style>.bold {font-weight: bold}</style></head><body><span class=\"bold\">abc</span></body></html>"
     const expectedHTML = "<div><!--block--><strong>abc</strong></div>"
     assert.documentHTMLEqual(HTMLParser.parse(html).getDocument(), expectedHTML)
   })
@@ -152,7 +171,8 @@ testGroup("HTMLParser", () => {
 
   test("parses text nodes following block elements", () => {
     const html = "<ul><li>a</li></ul>b<blockquote>c</blockquote>d"
-    const expectedHTML = "<ul><li><!--block-->a</li></ul><div><!--block-->b</div><blockquote><!--block-->c</blockquote><div><!--block-->d</div>"
+    const expectedHTML =
+      "<ul><li><!--block-->a</li></ul><div><!--block-->b</div><blockquote><!--block-->c</blockquote><div><!--block-->d</div>"
     assert.documentHTMLEqual(HTMLParser.parse(html).getDocument(), expectedHTML)
   })
 
@@ -182,14 +202,16 @@ testGroup("HTMLParser", () => {
   })
 
   test("translates block element margins to newlines", () => {
-    const html = "<p style=\"margin: 0 0 1em 0\">a</p><p style=\"margin: 0\">b</p><article style=\"margin: 1em 0 0 0\">c</article>"
+    const html =
+      "<p style=\"margin: 0 0 1em 0\">a</p><p style=\"margin: 0\">b</p><article style=\"margin: 1em 0 0 0\">c</article>"
     const expectedHTML = "<div><!--block-->a<br><br></div><div><!--block-->b</div><div><!--block--><br>c</div>"
     const document = HTMLParser.parse(html).getDocument()
     assert.documentHTMLEqual(document, expectedHTML)
   })
 
   test("skips translating empty block element margins to newlines", () => {
-    const html = "<p style=\"margin: 0 0 1em 0\">a</p><p style=\"margin: 0 0 1em 0\"><span></span></p><p style=\"margin: 0\">b</p>"
+    const html =
+      "<p style=\"margin: 0 0 1em 0\">a</p><p style=\"margin: 0 0 1em 0\"><span></span></p><p style=\"margin: 0\">b</p>"
     const expectedHTML = "<div><!--block-->a<br><br></div><div><!--block--><br></div><div><!--block-->b</div>"
     const document = HTMLParser.parse(html).getDocument()
     assert.documentHTMLEqual(document, expectedHTML)
@@ -224,13 +246,15 @@ testGroup("HTMLParser", () => {
   })
 
   test("forbids href attributes with javascript: protocol", () => {
-    const html = "<a href=\"javascript:alert()\">a</a> <a href=\" javascript: alert()\">b</a> <a href=\"JavaScript:alert()\">c</a>"
+    const html =
+      "<a href=\"javascript:alert()\">a</a> <a href=\" javascript: alert()\">b</a> <a href=\"JavaScript:alert()\">c</a>"
     const expectedHTML = "<div><!--block-->a b c</div>"
     assert.documentHTMLEqual(HTMLParser.parse(html).getDocument(), expectedHTML)
   })
 
   test("ignores attachment elements with malformed JSON", () => {
-    const html = "<div>a</div><div data-trix-attachment data-trix-attributes></div>" +
+    const html =
+      "<div>a</div><div data-trix-attachment data-trix-attributes></div>" +
       "<div data-trix-attachment=\"\" data-trix-attributes=\"\"></div>" +
       "<div data-trix-attachment=\"{&quot;x:}\" data-trix-attributes=\"{&quot;x:}\"></div>" +
       "<div>b</div>"
@@ -292,9 +316,11 @@ testGroup("HTMLParser", () => {
         styleProperty: "color",
         parser(element) {
           const { color } = element.style
-          if (color === "rgb(60, 179, 113)") { return color }
-        }
-      }
+          if (color === "rgb(60, 179, 113)") {
+            return color
+          }
+        },
+      },
     }
 
     withTextAttributeConfig(attrConfig, () => {
diff --git a/src/test/unit/location_mapper_test.js b/src/test/unit/location_mapper_test.js
index b1f82ce94..dc9c51a11 100644
--- a/src/test/unit/location_mapper_test.js
+++ b/src/test/unit/location_mapper_test.js
@@ -31,16 +31,35 @@ testGroup("LocationMapper", () => {
       //     5 e
       //   </blockquote>
       // </trix-editor>
-      { "text":[
-        { "type":"string", "attributes":{ "bold":true }, "string":"a\n" },
-        { "type":"string", "attributes":{ "blockBreak":true }, "string":"\n" }
-      ], "attributes":[] },
-      { "text":[
-        { "type":"string", "attributes":{}, "string":"b😭cd" },
-        { "type":"attachment", "attributes":{}, "attachment":{ "contentType":"image/png", "filename":"x.png", "filesize":0, "height":13, "href":TEST_IMAGE_URL, "identifier":"1", "url":TEST_IMAGE_URL, "width":15 } },
-        { "type":"string", "attributes":{}, "string":"e" },
-        { "type":"string", "attributes":{ "blockBreak":true }, "string":"\n" }
-      ], "attributes":[ "quote" ] }
+      {
+        text: [
+          { type: "string", attributes: { bold: true }, string: "a\n" },
+          { type: "string", attributes: { blockBreak: true }, string: "\n" },
+        ],
+        attributes: [],
+      },
+      {
+        text: [
+          { type: "string", attributes: {}, string: "b😭cd" },
+          {
+            type: "attachment",
+            attributes: {},
+            attachment: {
+              contentType: "image/png",
+              filename: "x.png",
+              filesize: 0,
+              height: 13,
+              href: TEST_IMAGE_URL,
+              identifier: "1",
+              url: TEST_IMAGE_URL,
+              width: 15,
+            },
+          },
+          { type: "string", attributes: {}, string: "e" },
+          { type: "string", attributes: { blockBreak: true }, string: "\n" },
+        ],
+        attributes: [ "quote" ],
+      },
     ])
 
     const assertions = [
@@ -75,7 +94,7 @@ testGroup("LocationMapper", () => {
       { location: [ 1, 6 ], container: [ 1 ], offset: 5 },
       { location: [ 1, 6 ], container: [ 1, 5 ], offset: 0 },
       { location: [ 1, 7 ], container: [ 1, 5 ], offset: 1 },
-      { location: [ 1, 7 ], container: [], offset: 2 }
+      { location: [ 1, 7 ], container: [], offset: 2 },
     ]
 
     for (const assertion of assertions) {
@@ -86,8 +105,11 @@ testGroup("LocationMapper", () => {
       const expectedLocation = { index: assertion.location[0], offset: assertion.location[1] }
       const actualLocation = mapper.findLocationFromContainerAndOffset(container, offset)
 
-      assert.equal(format(actualLocation), format(expectedLocation),
-        `${describe(container)} at [${path.join(", ")}], offset ${offset} = ${format(expectedLocation)}`)
+      assert.equal(
+        format(actualLocation),
+        format(expectedLocation),
+        `${describe(container)} at [${path.join(", ")}], offset ${offset} = ${format(expectedLocation)}`
+      )
     }
   })
 
@@ -101,9 +123,10 @@ testGroup("LocationMapper", () => {
       //       </li>
       //   </ul>
       // </trix-editor>
-      { "text":[
-        { "type":"string", "attributes":{ "blockBreak":true }, "string":"\n" }
-      ], "attributes":[ "bulletList", "bullet" ] },
+      {
+        text: [ { type: "string", attributes: { blockBreak: true }, string: "\n" } ],
+        attributes: [ "bulletList", "bullet" ],
+      },
     ])
 
     const location = { index: 0, offset: 0 }
@@ -124,10 +147,13 @@ testGroup("LocationMapper", () => {
       //       </strong>
       //   </div>
       // </trix-editor>
-      { "text":[
-        { "type":"string", "attributes":{ "bold":true }, "string":"a\n" },
-        { "type":"string", "attributes":{ "blockBreak":true }, "string":"\n" }
-      ], "attributes":[] },
+      {
+        text: [
+          { type: "string", attributes: { bold: true }, string: "a\n" },
+          { type: "string", attributes: { blockBreak: true }, string: "\n" },
+        ],
+        attributes: [],
+      },
     ])
 
     const location = { index: 0, offset: 2 }
@@ -152,13 +178,16 @@ testGroup("LocationMapper", () => {
       //   </blockquote>
       // </trix-editor>
       {
-        "text":[ { "type":"string", "attributes":{}, "string":"a" }, { "type":"string", "attributes":{ "blockBreak":true }, "string":"\n" } ],
-        "attributes":[ "quote", "bulletList", "bullet" ]
+        text: [
+          { type: "string", attributes: {}, string: "a" },
+          { type: "string", attributes: { blockBreak: true }, string: "\n" },
+        ],
+        attributes: [ "quote", "bulletList", "bullet" ],
       },
       {
-        "text":[ { "type":"string", "attributes":{ "blockBreak":true }, "string":"\n" } ],
-        "attributes":[ "quote" ]
-      }
+        text: [ { type: "string", attributes: { blockBreak: true }, string: "\n" } ],
+        attributes: [ "quote" ],
+      },
     ])
 
     const location = { index: 1, offset: 0 }
@@ -182,7 +211,9 @@ const setDocument = (json) => {
 
 const findContainer = (path) => {
   let el = element
-  for (const index of path) { el = el.childNodes[index] }
+  for (const index of path) {
+    el = el.childNodes[index]
+  }
   return el
 }
 
diff --git a/src/test/unit/mutation_observer_test.js b/src/test/unit/mutation_observer_test.js
index 0d00ea2f4..5417f1a53 100644
--- a/src/test/unit/mutation_observer_test.js
+++ b/src/test/unit/mutation_observer_test.js
@@ -6,14 +6,16 @@ let observer = null
 let element = null
 let summaries = []
 
-const install = function(html) {
+const install = function (html) {
   element = document.createElement("div")
-  if (html) { element.innerHTML = html }
+  if (html) {
+    element.innerHTML = html
+  }
   observer = new MutationObserver(element)
   observer.delegate = {
     elementDidMutate(summary) {
       summaries.push(summary)
-    }
+    },
   }
 }
 
@@ -24,14 +26,14 @@ const uninstall = () => {
   summaries = []
 }
 
-const observerTest = (name, options = {}, callback) => test(name, (done) => {
-  install(options.html)
-  callback(() => {
-    uninstall()
-    done()
+const observerTest = (name, options = {}, callback) =>
+  test(name, (done) => {
+    install(options.html)
+    callback(() => {
+      uninstall()
+      done()
+    })
   })
-})
-
 
 testGroup("MutationObserver", () => {
   observerTest("add character", { html: "a" }, (done) => {
diff --git a/src/test/unit/string_change_summary_test.js b/src/test/unit/string_change_summary_test.js
index 64aceb544..773800450 100644
--- a/src/test/unit/string_change_summary_test.js
+++ b/src/test/unit/string_change_summary_test.js
@@ -7,82 +7,70 @@ testGroup("summarizeStringChange", () => {
     "no change": {
       oldString: "abc",
       newString: "abc",
-      change: { added: "", removed: ""
-    }
+      change: { added: "", removed: "" },
     },
     "adding a character": {
       oldString: "",
       newString: "a",
-      change: { added: "a", removed: ""
-    }
+      change: { added: "a", removed: "" },
     },
     "appending a character": {
       oldString: "ab",
       newString: "abc",
-      change: { added: "c", removed: ""
-    }
+      change: { added: "c", removed: "" },
     },
     "appending a multibyte character": {
       oldString: "a💩",
       newString: "a💩💩",
-      change: { added: "💩", removed: ""
-    }
+      change: { added: "💩", removed: "" },
     },
     "prepending a character": {
       oldString: "bc",
       newString: "abc",
-      change: { added: "a", removed: ""
-    }
+      change: { added: "a", removed: "" },
     },
     "inserting a character": {
       oldString: "ac",
       newString: "abc",
-      change: { added: "b", removed: ""
-    }
+      change: { added: "b", removed: "" },
     },
     "inserting a string": {
       oldString: "ac",
       newString: "aZZZc",
-      change: { added: "ZZZ", removed: ""
-    }
+      change: { added: "ZZZ", removed: "" },
     },
     "replacing a character": {
       oldString: "abc",
       newString: "aZc",
-      change: { added: "Z", removed: "b"
-    }
+      change: { added: "Z", removed: "b" },
     },
     "replacing a character with a string": {
       oldString: "abc",
       newString: "aXYc",
-      change: { added: "XY", removed: "b"
-    }
+      change: { added: "XY", removed: "b" },
     },
     "replacing a string with a character": {
       oldString: "abcde",
       newString: "aXe",
-      change: { added: "X", removed: "bcd"
-    }
+      change: { added: "X", removed: "bcd" },
     },
     "replacing a string with a string": {
       oldString: "abcde",
       newString: "aBCDe",
-      change: { added: "BCD", removed: "bcd"
-    }
+      change: { added: "BCD", removed: "bcd" },
     },
     "removing a character": {
       oldString: "abc",
       newString: "ac",
-      change: { added: "", removed: "b"
-    }
-    }
+      change: { added: "", removed: "b" },
+    },
   }
 
-    for (const name in assertions) {
-      test(name, () => {
-        const details = assertions[name]
-        const { oldString, newString, change } = details
-        assert.deepEqual(summarizeStringChange(oldString, newString), change)
-      })
-    }
+  for (const name in assertions) {
+    test(name, () => {
+      const details = assertions[name]
+      const { oldString, newString, change } = details
+      assert.deepEqual(summarizeStringChange(oldString, newString), change)
+    })
+  }
 })
diff --git a/src/test/unit/text_test.js b/src/test/unit/text_test.js
index 597014fcc..245dd81b7 100644
--- a/src/test/unit/text_test.js
+++ b/src/test/unit/text_test.js
@@ -3,22 +3,24 @@ import { assert, test, testGroup } from "test/test_helper"
 import Text from "trix/models/text"
 import StringPiece from "trix/models/string_piece"
 
-testGroup("Text", () => testGroup("#removeTextAtRange", () => {
-  test("removes text with range in single piece", () => {
-    const text = new Text([ new StringPiece("abc") ])
-    const pieces = text.removeTextAtRange([ 0, 1 ]).getPieces()
-    assert.equal(pieces.length, 1)
-    assert.equal(pieces[0].toString(), "bc")
-    assert.deepEqual(pieces[0].getAttributes(), {})
-})
+testGroup("Text", () =>
+  testGroup("#removeTextAtRange", () => {
+    test("removes text with range in single piece", () => {
+      const text = new Text([ new StringPiece("abc") ])
+      const pieces = text.removeTextAtRange([ 0, 1 ]).getPieces()
+      assert.equal(pieces.length, 1)
+      assert.equal(pieces[0].toString(), "bc")
+      assert.deepEqual(pieces[0].getAttributes(), {})
+    })
 
-  test("removes text with range spanning pieces", () => {
-    const text = new Text([ new StringPiece("abc"), new StringPiece("123", { bold: true }) ])
-    const pieces = text.removeTextAtRange([ 2, 4 ]).getPieces()
-    assert.equal(pieces.length, 2)
-    assert.equal(pieces[0].toString(), "ab")
-    assert.deepEqual(pieces[0].getAttributes(), {})
-    assert.equal(pieces[1].toString(), "23")
-    assert.deepEqual(pieces[1].getAttributes(), { bold: true })
+    test("removes text with range spanning pieces", () => {
+      const text = new Text([ new StringPiece("abc"), new StringPiece("123", { bold: true }) ])
+      const pieces = text.removeTextAtRange([ 2, 4 ]).getPieces()
+      assert.equal(pieces.length, 2)
+      assert.equal(pieces[0].toString(), "ab")
+      assert.deepEqual(pieces[0].getAttributes(), {})
+      assert.equal(pieces[1].toString(), "23")
+      assert.deepEqual(pieces[1].getAttributes(), { bold: true })
+    })
   })
-}))
+)
diff --git a/src/trix/core/helpers/dom.coffee b/src/trix/core/helpers/dom.coffee
index 15f1ca8f4..fd7e75c8d 100644
--- a/src/trix/core/helpers/dom.coffee
+++ b/src/trix/core/helpers/dom.coffee
@@ -37,7 +37,7 @@ export triggerEvent = (eventName, {onElement, bubbles, cancelable, attributes} =
   event = document.createEvent("Events")
   event.initEvent(eventName, bubbles, cancelable)
   extend.call(event, attributes) if attributes?
-  element.dispatchEvent(event)
+  return element.dispatchEvent(event)
 
 export elementMatchesSelector = (element, selector) ->
   if element?.nodeType is 1

From 80d4828e6ec9c81eb236580b5e4312995853bc8a Mon Sep 17 00:00:00 2001
From: Alberto Fernandez-Capel <alberto@hey.com>
Date: Thu, 9 Dec 2021 13:48:19 +0000
Subject: [PATCH 10/12] Run linter as part of the test script

---
 .eslintrc    | 2 +-
 package.json | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/.eslintrc b/.eslintrc
index 0f8197edc..68aa2a194 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -10,7 +10,7 @@
     "dot-notation": ["error"],
     "eol-last": ["error"],
     "getter-return": ["error"],
-    "id-length": ["error", { "properties": "never", "exceptions": ["_", "i", "n"] }],
+    "id-length": ["error", { "properties": "never", "exceptions": ["_", "i", "j", "n"] }],
     "keyword-spacing": ["error"],
     "no-extra-parens": ["error"],
     "no-multi-spaces": ["error", { "exceptions": { "VariableDeclarator": true } }],
diff --git a/package.json b/package.json
index e7a0cf3c5..e8a70e2d4 100644
--- a/package.json
+++ b/package.json
@@ -51,6 +51,8 @@
     "build": "rollup -c",
     "build-css": "node-sass --functions=./assets/trix/stylesheets/functions assets/trix.scss dist/trix.css",
     "watch": "rollup -c -w",
+    "lint": "eslint .",
+    "pretest": "yarn run lint && yarn run build",
     "test": "yarn run build && karma start"
   },
   "dependencies": {}

From 30034843b324cf260210a4f5ae57aa730c6244c8 Mon Sep 17 00:00:00 2001
From: Alberto Fernandez-Capel <alberto@hey.com>
Date: Thu, 9 Dec 2021 14:44:25 +0000
Subject: [PATCH 11/12] Style changes

---
 rollup.config.js                           |  2 +-
 src/test/system/basic_input_test.js        | 54 +++-------------------
 src/test/system/composition_input_test.js  | 34 ++++++--------
 src/test/test_helpers/selection_helpers.js |  8 +---
 4 files changed, 23 insertions(+), 75 deletions(-)

diff --git a/rollup.config.js b/rollup.config.js
index 7c2fa4107..2af481453 100644
--- a/rollup.config.js
+++ b/rollup.config.js
@@ -3,7 +3,7 @@ import json from "@rollup/plugin-json"
 import filesize from "rollup-plugin-filesize"
 import includePaths from "rollup-plugin-includepaths"
 import commonjs from "rollup-plugin-commonjs"
-import { babel } from '@rollup/plugin-babel'
+import { babel } from "@rollup/plugin-babel"
 import nodeResolve from "rollup-plugin-node-resolve"
 
 import { version } from "./package.json"
diff --git a/src/test/system/basic_input_test.js b/src/test/system/basic_input_test.js
index fd14de682..a4b67e115 100644
--- a/src/test/system/basic_input_test.js
+++ b/src/test/system/basic_input_test.js
@@ -32,44 +32,16 @@ testGroup("Basic input", { template: "editor_empty" }, () => {
 
   test("pressing escape in Safari", (expectDocument) =>
     typeCharacters("a", () => {
-      if (
-        triggerEvent(document.activeElement, "keydown", {
-          charCode: 0,
-          keyCode: 27,
-          which: 27,
-          key: "Escape",
-          code: "Escape",
-        })
-      ) {
-        triggerEvent(document.activeElement, "keypress", {
-          charCode: 27,
-          keyCode: 27,
-          which: 27,
-          key: "Escape",
-          code: "Escape",
-        })
+      if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape" })) {
+        triggerEvent(document.activeElement, "keypress", { charCode: 27, keyCode: 27, which: 27, key: "Escape", code: "Escape" })
       }
       defer(() => expectDocument("a\n"))
     }))
 
   test("pressing escape in Firefox", (expectDocument) =>
     typeCharacters("a", () => {
-      if (
-        triggerEvent(document.activeElement, "keydown", {
-          charCode: 0,
-          keyCode: 27,
-          which: 27,
-          key: "Escape",
-          code: "Escape",
-        })
-      ) {
-        triggerEvent(document.activeElement, "keypress", {
-          charCode: 0,
-          keyCode: 27,
-          which: 0,
-          key: "Escape",
-          code: "Escape",
-        })
+      if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 27, which: 27, key: "Escape", code: "Escape" })) {
+        triggerEvent(document.activeElement, "keypress", { charCode: 0, keyCode: 27, which: 0, key: "Escape", code: "Escape" })
       }
       defer(() => expectDocument("a\n"))
     }))
@@ -119,22 +91,8 @@ testGroup("Basic input", { template: "editor_empty" }, () => {
   testIf(config.input.getLevel() === 0, "inserting ó with control + alt + o (AltGr)", (expectDocument) =>
     typeCharacters("ab", () =>
       moveCursor("left", () => {
-        if (
-          triggerEvent(document.activeElement, "keydown", {
-            charCode: 0,
-            keyCode: 79,
-            which: 79,
-            altKey: true,
-            ctrlKey: true,
-          })
-        ) {
-          triggerEvent(document.activeElement, "keypress", {
-            charCode: 243,
-            keyCode: 243,
-            which: 243,
-            altKey: true,
-            ctrlKey: true,
-          })
+        if (triggerEvent(document.activeElement, "keydown", { charCode: 0, keyCode: 79, which: 79, altKey: true, ctrlKey: true })) {
+          triggerEvent(document.activeElement, "keypress", { charCode: 243, keyCode: 243, which: 243, altKey: true, ctrlKey: true })
           insertNode(document.createTextNode("ó"))
         }
 
diff --git a/src/test/system/composition_input_test.js b/src/test/system/composition_input_test.js
index 17ca3c3d6..032a1cfc0 100644
--- a/src/test/system/composition_input_test.js
+++ b/src/test/system/composition_input_test.js
@@ -147,31 +147,27 @@ testGroup("Composition input", { template: "editor_empty" }, () => {
     })
   })
 
-  testIf(
-    config.browser.composesExistingText,
-    "composition events from cursor movement are ignored",
-    (expectDocument) => {
-      const element = getEditorElement()
-      element.editor.insertString("ab ")
-
-      element.editor.setSelectedRange(0)
-      triggerEvent(element, "compositionstart", { data: "" })
+  testIf(config.browser.composesExistingText, "composition events from cursor movement are ignored", (expectDocument) => {
+    const element = getEditorElement()
+    element.editor.insertString("ab ")
+
+    element.editor.setSelectedRange(0)
+    triggerEvent(element, "compositionstart", { data: "" })
+    triggerEvent(element, "compositionupdate", { data: "ab" })
+    defer(() => {
+      element.editor.setSelectedRange(1)
       triggerEvent(element, "compositionupdate", { data: "ab" })
       defer(() => {
-        element.editor.setSelectedRange(1)
+        element.editor.setSelectedRange(2)
         triggerEvent(element, "compositionupdate", { data: "ab" })
         defer(() => {
-          element.editor.setSelectedRange(2)
-          triggerEvent(element, "compositionupdate", { data: "ab" })
-          defer(() => {
-            element.editor.setSelectedRange(3)
-            triggerEvent(element, "compositionend", { data: "ab" })
-            defer(() => expectDocument("ab \n"))
-          })
+          element.editor.setSelectedRange(3)
+          triggerEvent(element, "compositionend", { data: "ab" })
+          defer(() => expectDocument("ab \n"))
         })
       })
-    }
-  )
+    })
+  })
 
   // Simulates compositions in Firefox where the final composition data is
   // dispatched as both compositionupdate and compositionend.
diff --git a/src/test/test_helpers/selection_helpers.js b/src/test/test_helpers/selection_helpers.js
index 683aede9d..25b0d5f91 100644
--- a/src/test/test_helpers/selection_helpers.js
+++ b/src/test/test_helpers/selection_helpers.js
@@ -61,13 +61,7 @@ export const expandSelection = (options, callback) =>
 
     return (expand = () =>
       defer(() => {
-        if (
-          triggerEvent(document.activeElement, "keydown", {
-            keyCode: keyCodes[direction],
-            key: keys[direction],
-            shiftKey: true,
-          })
-        ) {
+        if (triggerEvent(document.activeElement, "keydown", { keyCode: keyCodes[direction], key: keys[direction], shiftKey: true })) {
           getComposition().expandSelectionInDirection(direction === "left" ? "backward" : "forward")
         }
 

From e0d380fdc4c879f8deb5075a53df5bd9b1fa1198 Mon Sep 17 00:00:00 2001
From: Alberto Fernandez-Capel <alberto@hey.com>
Date: Thu, 9 Dec 2021 14:57:53 +0000
Subject: [PATCH 12/12] Increase timout to check for images

These assertions are flaky on CI.
---
 src/test/system/html_loading_test.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/test/system/html_loading_test.js b/src/test/system/html_loading_test.js
index dbb50a257..5cce3d79f 100644
--- a/src/test/system/html_loading_test.js
+++ b/src/test/system/html_loading_test.js
@@ -81,7 +81,7 @@ testGroup("HTML loading", () => {
   testGroup("images", { template: "editor_empty" }, () => {
     test("without dimensions", (expectDocument) => {
       getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}">`)
-      after(20, () => {
+      after(50, () => {
         const attachment = getDocument().getAttachments()[0]
         const image = getEditorElement().querySelector("img")
         assert.equal(attachment.getWidth(), 1)
@@ -94,7 +94,7 @@ testGroup("HTML loading", () => {
 
     test("with dimensions", (expectDocument) => {
       getEditor().loadHTML(`<img src="${TEST_IMAGE_URL}" width="10" height="20">`)
-      after(20, () => {
+      after(50, () => {
         const attachment = getDocument().getAttachments()[0]
         const image = getEditorElement().querySelector("img")
         assert.equal(attachment.getWidth(), 10)