fix(material/slider): ensure disabled slider thumb input has 'auto' cursor

Fixes #31306

Author: google-labs-jules[bot]

src/material/slider/slider.e2e.spec.ts

@@ -107,21 +107,6 @@ describe('MatSlider', () => {
       },
     );
   });
-
-  it('should have "auto" cursor on thumb input when slider is disabled', async () => {
-    const slider = getStandardSlider();
-    // Disable the slider using a script since there's no direct API in protractor
-    // to set component properties and trigger change detection easily for this specific setup.
-    await browser.executeScript('arguments[0].disabled = true;', slider.getWebElement());
-
-    // It might take a moment for the disabled styles to apply.
-    // A small wait can help, though ideally, there'd be a more robust way to detect this.
-    await browser.sleep(100); // Wait for styles to apply, adjust if needed.
-
-    const thumbInput = slider.element(by.css('.mdc-slider__input'));
-    const cursorStyle = await thumbInput.getCssValue('cursor');
-    expect(cursorStyle).toBe('auto');
-  });
 });
 
 /** Returns the current value of the slider. */

src/material/slider/slider.spec.ts

@@ -563,6 +563,22 @@ describe('MatSlider', () => {
     it('should set the disabled attribute on the input element', () => {
       expect(input._hostElement.disabled).toBeTrue();
     });
+
+    it('should have "auto" cursor on thumb input when slider is disabled', () => {
+      // The beforeEach already creates a DisabledSlider component fixture and detects changes.
+      // We can directly access `input` (MatSliderThumb) and its `_hostElement`.
+      // The slider is disabled by default in this setup.
+      // fixture.detectChanges() might be needed if there were any dynamic changes
+      // but here we are checking the initial state of a disabled slider.
+      // However, calling it ensures the component is stable and styles are applied.
+      const fixture = TestBed.createComponent(DisabledSlider);
+      fixture.detectChanges();
+      const sliderDebugElement = fixture.debugElement.query(By.directive(MatSlider));
+      const slider = sliderDebugElement.componentInstance;
+      const inputThumb = slider._getInput(_MatThumb.END) as MatSliderThumb;
+      const thumbInputElement = inputThumb._hostElement;
+      expect(getComputedStyle(thumbInputElement).cursor).toBe('auto');
+    });
   });
 
   describe('disabled range slider', () => {