fix(api): auotFit sizeOf width > auto width > default width (#6013)

* fix(api): auotFit sizeOf width > auto width > default width

* fix(api): auotFit sizeOf width > auto width > default width

---------

Co-authored-by: wb-xcf804241 <wb-xcf804241@alibaba-inc.com>

__tests__/integration/api-chart-auto-fit-height.spec.ts

@@ -0,0 +1,24 @@
+import { chartAutoFitHeight as render } from '../plots/api';
+import { createNodeGCanvas } from './utils/createNodeGCanvas';
+import { sleep } from './utils/sleep';
+import { kebabCase } from './utils/kebabCase';
+import './utils/useSnapshotMatchers';
+
+describe('chart.options.autoFit', () => {
+  const dir = `${__dirname}/snapshots/api/${kebabCase(render.name)}`;
+  const canvas = createNodeGCanvas(800, 500);
+
+  it('chart({ autoFit: true, height: 200 }) should fit parent container width and custom height', async () => {
+    const { finished } = render({
+      canvas,
+      container: document.createElement('div'),
+    });
+    await finished;
+    await sleep(20);
+    await expect(canvas).toMatchDOMSnapshot(dir, 'step0');
+  });
+
+  afterAll(() => {
+    canvas?.destroy();
+  });
+});

__tests__/integration/api-chart-auto-fit-width.spec.ts

@@ -0,0 +1,25 @@
+import { chartAutoFitWidth as render } from '../plots/api';
+import { createNodeGCanvas } from './utils/createNodeGCanvas';
+import { sleep } from './utils/sleep';
+import { kebabCase } from './utils/kebabCase';
+import './utils/useSnapshotMatchers';
+
+describe('chart.options.autoFit', () => {
+  const dir = `${__dirname}/snapshots/api/${kebabCase(render.name)}`;
+  const canvas = createNodeGCanvas(800, 500);
+
+  it('chart({ autoFit: true, width: 200 }) should fit parent container height and custom width', async () => {
+    const { finished } = render({
+      canvas,
+      container: document.createElement('div'),
+    });
+
+    await finished;
+    await sleep(20);
+    await expect(canvas).toMatchDOMSnapshot(dir, 'step0');
+  });
+
+  afterAll(() => {
+    canvas?.destroy();
+  });
+});