test(eds-core-react): update Button tests for data-selectable-space

- Update test expectations from data-size to data-selectable-space
- Update icon-only button tests to use selectable space tokens
- Remove test for data-icon-position attributes (no longer used)
- Update snapshot

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: pomfrida

packages/eds-core-react/src/components/next/Button/Button.test.tsx

@@ -142,7 +142,7 @@ describe('Button (next)', () => {
       expect(span).toHaveTextContent('Text Content')
     })
 
-    it('preserves child order and adds icon position attributes', () => {
+    it('preserves child order', () => {
       render(
         <Button>
           <MockIcon />
@@ -159,8 +159,6 @@ describe('Button (next)', () => {
       // Get all icons using data-testid
       const icons = screen.getAllByTestId('mock-icon')
       expect(icons).toHaveLength(2)
-      expect(icons[0]).toHaveAttribute('data-icon-position', 'left')
-      expect(icons[1]).toHaveAttribute('data-icon-position', 'right')
     })
   })
 
@@ -388,38 +386,34 @@ describe('Button (next)', () => {
       expect(button).toHaveAttribute('data-icon-only', 'true')
     })
 
-    it('uses generic space tokens for icon-only (default size)', () => {
+    it('uses selectable space tokens for icon-only (default size)', () => {
       render(
         <Button icon aria-label="Add">
           <MockIcon />
         </Button>,
       )
       const button = screen.getByRole('button')
-      expect(button).toHaveAttribute('data-horizontal-space', '2xs')
-      expect(button).toHaveAttribute('data-vertical-space', '2xs')
-      expect(button).not.toHaveAttribute('data-selectable-space')
+      expect(button).toHaveAttribute('data-selectable-space', 'md')
     })
 
-    it('uses generic space tokens for icon-only (small size)', () => {
+    it('uses selectable space tokens for icon-only (small size)', () => {
       render(
         <Button icon aria-label="Add" size="small">
           <MockIcon />
         </Button>,
       )
       const button = screen.getByRole('button')
-      expect(button).toHaveAttribute('data-horizontal-space', '3xs')
-      expect(button).toHaveAttribute('data-vertical-space', '3xs')
+      expect(button).toHaveAttribute('data-selectable-space', 'sm')
     })
 
-    it('uses generic space tokens for icon-only (large size)', () => {
+    it('uses selectable space tokens for icon-only (large size)', () => {
       render(
         <Button icon aria-label="Add" size="large">
           <MockIcon />
         </Button>,
       )
       const button = screen.getByRole('button')
-      expect(button).toHaveAttribute('data-horizontal-space', 'xs')
-      expect(button).toHaveAttribute('data-vertical-space', 'xs')
+      expect(button).toHaveAttribute('data-selectable-space', 'lg')
     })
 
     it('uses selectable space tokens for regular button', () => {
@@ -431,8 +425,6 @@ describe('Button (next)', () => {
       )
       const button = screen.getByRole('button')
       expect(button).toHaveAttribute('data-selectable-space', 'md')
-      expect(button).not.toHaveAttribute('data-horizontal-space')
-      expect(button).not.toHaveAttribute('data-vertical-space')
     })
 
     it('renders icon child in icon-only mode', () => {

packages/eds-core-react/src/components/next/Button/__snapshots__/Button.test.tsx.snap

@@ -5,16 +5,18 @@ exports[`Button (next) Rendering matches snapshot 1`] = `
   <button
     class="eds-button"
     data-color-appearance="accent"
+    data-font-family="ui"
     data-font-size="md"
+    data-line-height="squished"
     data-selectable-space="md"
-    data-space-proportions="squished"
     data-variant="primary"
     type="button"
   >
     <span
       data-baseline="center"
       data-font-family="ui"
       data-font-size="md"
+      data-line-height="squished"
     >
       Click me
     </span>