<!DOCTYPE html> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1581337 --> <head> <title>Test for Bug 1581337</title> <script src="/tests/SimpleTest/SimpleTest.js"></script> <script src="/tests/SimpleTest/EventUtils.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> </head> <body> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1581337">Mozilla Bug 1581337</a> <p id="display"></p> <div id="editor" contenteditable><span _moz_quote="true">foo bar</span></div> </body> <script> SimpleTest.waitForExplicitFinish(); SimpleTest.waitForFocus(() => { let editor = document.getElementById("editor"); editor.focus(); let selection = document.getSelection(); selection.collapse(editor.firstChild.firstChild, 4); synthesizeKey("KEY_Backspace"); // FYI: `_moz_quote` attribute is ignored at serializing HTML content. is(editor.innerHTML, "<span>foobar</span>", "Backspace should delete the previous whitespace"); synthesizeKey("KEY_Delete"); is(editor.innerHTML, "<span>fooar</span>", "Delete should delete the next character, \"b\""); SimpleTest.finish(); }); </script> </html>