updated and added some tests

Author: lukasoppermann

packages/react/src/CounterLabel/CounterLabel.test.tsx

@@ -26,25 +26,35 @@ describe('CounterLabel', () => {
   it('respects the primary "variant" prop', () => {
     const {container} = HTMLRender(<CounterLabel variant="primary">1234</CounterLabel>)
     expect(container.firstChild).toBeInTheDocument()
-    expect(container.firstChild).toHaveTextContent('1234')
+    expect(container.firstChild).toHaveAttribute('data-variant', 'primary')
   })
 
   it('respects the secondary "variant" prop', () => {
     const {container} = HTMLRender(<CounterLabel variant="secondary">1234</CounterLabel>)
     expect(container.firstChild).toBeInTheDocument()
-    expect(container.firstChild).toHaveTextContent('1234')
+    expect(container.firstChild).toHaveAttribute('data-variant', 'secondary')
   })
 
   it('respects the primary "scheme" prop', () => {
     const {container} = HTMLRender(<CounterLabel scheme="primary">1234</CounterLabel>)
     expect(container.firstChild).toBeInTheDocument()
-    expect(container.firstChild).toHaveTextContent('1234')
+    expect(container.firstChild).toHaveAttribute('data-variant', 'primary')
   })
 
   it('renders with secondary variant when no "scheme" or "variant" prop is provided', () => {
     const {container} = HTMLRender(<CounterLabel>1234</CounterLabel>)
     expect(container.firstChild).toBeInTheDocument()
-    expect(container.firstChild).toHaveTextContent('1234')
+    expect(container.firstChild).toHaveAttribute('data-variant', 'secondary')
+  })
+
+  it('prefer variant over "scheme" prop', () => {
+    const {container} = HTMLRender(
+      <CounterLabel scheme="secondary" variant="primary">
+        1234
+      </CounterLabel>,
+    )
+    expect(container.firstChild).toBeInTheDocument()
+    expect(container.firstChild).toHaveAttribute('data-variant', 'primary')
   })
 
   it('should render visually hidden span correctly for screen readers', () => {