Add test for hierarchy task list combination

src/drafts/MarkdownViewer/MarkdownViewer.test.tsx

@@ -27,6 +27,30 @@ text before list
 - [x] item 1
 - [ ] item 2
 
+text after list`
+    const hierarchyBeforeTaskListNoItemsChecked = `
+text before list
+
+\`\`\`[tasklist]
+- [ ] item A
+- [ ] item B
+\`\`\`
+
+- [ ] item 1
+- [ ] item 2
+
+text after list`
+    const hierarchyBeforeTaskListOneItemChecked = `
+text before list
+
+\`\`\`[tasklist]
+- [ ] item A
+- [ ] item B
+\`\`\`
+
+- [x] item 1
+- [ ] item 2
+
 text after list`
 
     it('enables checklists by default', () => {
@@ -75,6 +99,21 @@ text after list`
       await waitFor(() => expect(onChangeMock).toHaveBeenCalledWith(firstItemCheckedMarkdown))
     })
 
+    it('calls `onChange` with the updated Markdown when a task is checked and hierarchy is present', async () => {
+      const onChangeMock = jest.fn()
+      const {getAllByRole} = render(
+        <MarkdownViewer
+          dangerousRenderedHTML={htmlObject}
+          markdownValue={hierarchyBeforeTaskListNoItemsChecked}
+          onChange={onChangeMock}
+          disabled
+        />
+      )
+      const items = getAllByRole('checkbox')
+      fireEvent.change(items[0])
+      await waitFor(() => expect(onChangeMock).toHaveBeenCalledWith(hierarchyBeforeTaskListOneItemChecked))
+    })
+
     it('calls `onChange` with the updated Markdown when a task is unchecked', async () => {
       const onChangeMock = jest.fn()
       const {getAllByRole} = render(