test: add test case

Author: zombieJ

src/Circle/index.tsx

@@ -102,6 +102,7 @@ const Circle: React.FC<ProgressProps> = (props) => {
             radius={radius}
             prefixCls={prefixCls}
             gradientId={gradientId}
+            className={classNames.track}
             style={{ ...circleStyleForStack, ...indeterminateStyleProps, ...styles.track }}
             strokeLinecap={mergedStrokeLinecap}
             strokeWidth={strokeWidth}
@@ -150,7 +151,7 @@ const Circle: React.FC<ProgressProps> = (props) => {
       return (
         <circle
           key={index}
-          className={cls(`${prefixCls}-circle-path`, className)}
+          className={cls(`${prefixCls}-circle-path`, classNames.track)}
           r={radius}
           cx={halfSize}
           cy={halfSize}

tests/semantic.spec.tsx

@@ -0,0 +1,55 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Circle, type ProgressProps } from '../src';
+
+describe('Semantic', () => {
+  describe('Circle', () => {
+    function test(
+      name: string,
+      props: Partial<ProgressProps> = {},
+      postCallback?: (cotainer: HTMLElement) => void,
+    ) {
+      it(name, () => {
+        const classNames: ProgressProps['classNames'] = {
+          root: 'my-root',
+          rail: 'my-rail',
+          track: 'my-track',
+        };
+        const styles = {
+          root: { background: 'red' },
+          rail: { background: 'blue' },
+          track: { background: 'green' },
+        };
+
+        const { container } = render(
+          <Circle percent={50} classNames={classNames} styles={styles} {...props} />,
+        );
+
+        expect(container.querySelector('.rc-progress-circle')).toHaveClass(classNames.root);
+        expect(container.querySelector('.rc-progress-circle-trail')).toHaveClass(classNames.rail);
+        expect(container.querySelector('.rc-progress-circle-path')).toHaveClass(classNames.track);
+
+        expect(container.querySelector('.my-root')).toHaveStyle(styles.root);
+        expect(container.querySelector('.my-rail')).toHaveStyle(styles.rail);
+        expect(container.querySelector('.my-track')).toHaveStyle(styles.track);
+
+        postCallback?.(container);
+      });
+    }
+
+    test('basic');
+
+    test(
+      'gradient',
+      {
+        strokeColor: {
+          '0%': '#f00',
+          '100%': '#0f0',
+        },
+      },
+      (container) => {
+        expect(container.querySelector('foreignObject')).toBeTruthy();
+      },
+    );
+  });
+});