fix(tests): update unit tests for faded highlights and FloatingComments

DomPainter: inactive comments now show faded background instead of empty.
SuperDoc: CommentDialog moved inside FloatingComments, check that instead.

Author: caio-pizzol

packages/layout-engine/painters/dom/src/index.test.ts

@@ -2942,13 +2942,16 @@ describe('DomPainter', () => {
     painter.setActiveComment('comment-A');
     painter.paint(paragraphLayout, mount);
     span = mount.querySelector('.superdoc-comment-highlight') as HTMLElement;
-    expect(span.style.backgroundColor).not.toBe('');
+    const activeColor = span.style.backgroundColor;
+    expect(activeColor).not.toBe('');
 
-    // Select a different comment (comment-B): should NOT be highlighted
+    // Select a different comment (comment-B): should show faded highlight
     painter.setActiveComment('comment-B');
     painter.paint(paragraphLayout, mount);
     span = mount.querySelector('.superdoc-comment-highlight') as HTMLElement;
-    expect(span.style.backgroundColor).toBe(''); // Not highlighted because active comment doesn't match
+    // Inactive comments get a faded background instead of being invisible
+    expect(span.style.backgroundColor).not.toBe('');
+    expect(span.style.backgroundColor).not.toBe(activeColor);
   });
 
   it('shows nested comment indicators when outer comment is selected', () => {

packages/superdoc/src/SuperDoc.test.js

@@ -562,7 +562,8 @@ describe('SuperDoc.vue', () => {
     await nextTick();
     const toggleArg = superdocStub.broadcastSidebarToggle.mock.calls.at(-1)[0];
     expect(toggleArg).toEqual(expect.objectContaining({ commentId: 'new' }));
-    expect(wrapper.findComponent(CommentDialogStub).exists()).toBe(true);
+    // CommentDialog is now rendered inside FloatingComments, so check for that instead
+    expect(wrapper.findComponent(FloatingCommentsStub).exists()).toBe(true);
 
     superdocStoreStub.isReady.value = true;
     await nextTick();