This tests removing style after removing CSS property. Undo should bring back the CSS property we removed. Initially "test" should be bold wrapped with a span: | | style="font-weight: 900;" | "test" Unbolding should remove the CSS style and also remove the span: | "<#selection-anchor>test<#selection-focus>" Undo should bring back both the span and style so that "test" is once again bold: | | style="font-weight: 900;" | "<#selection-anchor>test<#selection-focus>" Redo should unbold "test" and there should be no span: | "<#selection-anchor>test<#selection-focus>" Undo once more: | | style="font-weight: 900;" | "<#selection-anchor>test<#selection-focus>" Reset, and added id and title: | | id="test_span" | style="font-weight: 900;" | title="hello, world" | "test" Unbolding should remove the CSS style but shouldn't remove the span: | | id="test_span" | style="" | title="hello, world" | "<#selection-anchor>test<#selection-focus>" Undo should restore the style and "test" should be bold: | | id="test_span" | style="font-weight: 900;" | title="hello, world" | "<#selection-anchor>test<#selection-focus>" Redo should remove the style again: | | id="test_span" | style="" | title="hello, world" | "<#selection-anchor>test<#selection-focus>" Reset, and added color:blue: | | style="font-weight: 900; color: blue;" | "test" Unbolding should remove the font-weight but shouldn't remove the style : | | style="color: blue;" | "<#selection-anchor>test<#selection-focus>" Undo should reset the style so that "test" is both bold and blue: | | style="color: blue; font-weight: 900;" | "<#selection-anchor>test<#selection-focus>" Redo should only remove font-weight and leave "test" blue: | | style="color: blue;" | "<#selection-anchor>test<#selection-focus>" Setting the forecolor to black should remove both the style and the span: | "<#selection-anchor>test<#selection-focus>" Undo should make "test" blue again: | | style="color: blue;" | "<#selection-anchor>test<#selection-focus>"