chore: fixes

Author: harbournick

packages/super-editor/src/components/context-menu/CellBackgroundPicker.vue

@@ -31,9 +31,12 @@ const ensureCellSelection = () => {
 };
 
 const handleSelect = (color) => {
-  const value = color === 'none' ? null : color;
   ensureCellSelection();
-  props.editor.commands.setCellBackground(value);
+  if (color === 'none') {
+    props.editor.commands.setCellAttr('background', null);
+  } else {
+    props.editor.commands.setCellBackground(color);
+  }
   props.closePopover();
 };
 </script>

packages/super-editor/src/components/context-menu/tests/CellBackgroundPicker.test.js

@@ -42,6 +42,7 @@ describe('CellBackgroundPicker', () => {
       commands: {
         setCellSelection: vi.fn(),
         setCellBackground: vi.fn(),
+        setCellAttr: vi.fn(),
       },
     };
   });
@@ -91,12 +92,14 @@ describe('CellBackgroundPicker', () => {
     expect(closePopover).toHaveBeenCalled();
   });
 
-  it('should map "none" to null for removing background', () => {
+  it('should map "none" to setCellAttr(background, null) for removing background', () => {
     isCellSelection.mockReturnValue(true);
 
     const wrapper = mountPicker();
     wrapper.findComponent({ name: 'IconGrid' }).vm.$emit('select', 'none');
 
-    expect(mockEditor.commands.setCellBackground).toHaveBeenCalledWith(null);
+    expect(mockEditor.commands.setCellBackground).not.toHaveBeenCalled();
+    expect(mockEditor.commands.setCellAttr).toHaveBeenCalledWith('background', null);
+    expect(closePopover).toHaveBeenCalled();
   });
 });