Tests: drop change-detector component tests

src/app/components/ColorControls.test.tsx

@@ -165,16 +165,6 @@ describe('ColorControls', () => {
     expect(range().ramp).toEqual(range().heatmap);
   });
 
-  test('scheme dropdown options carry a color preview', () => {
-    render();
-    open({});
-    act(() => picker('Categorical color scheme')!.click());
-
-    const tableau = button('Tableau 10')!;
-    // The decorative swatch strip renders as spans inside the option button.
-    expect(tableau.querySelectorAll('span span').length).toBeGreaterThan(0);
-  });
-
   test('picking a scheme writes range.category as a Vega scheme object', () => {
     render();
     open({});
@@ -217,20 +207,6 @@ describe('ColorControls', () => {
     expect(picker('Font family')).toBeTruthy();
   });
 
-  test('font options render their name in their own family', () => {
-    render();
-    open({});
-
-    const typeTab = [...container.querySelectorAll('button')].find(
-      (b) => b.getAttribute('role') === 'tab' && b.textContent === 'Type',
-    )!;
-    act(() => typeTab.click());
-    act(() => picker('Font family')!.click());
-
-    const georgia = button('Georgia')!;
-    expect(georgia.querySelector<HTMLElement>('span')!.style.fontFamily).toContain('Georgia');
-  });
-
   test('the raw JSON is collapsed by default and toggles open', () => {
     render();
     open({});