test: adjust tooltip tests

packages/editor-ui/src/components/canvas/elements/nodes/render-types/parts/CanvasNodeTooltip.test.ts

@@ -2,13 +2,14 @@ import CanvasNodeTooltip from './CanvasNodeTooltip.vue';
 import { createComponentRenderer } from '@/__tests__/render';
 import type { CanvasNodeDefaultRender } from '@/types';
 import { createCanvasNodeProvide } from '@/__tests__/data';
+import { waitFor } from '@testing-library/vue';
 
 const renderComponent = createComponentRenderer(CanvasNodeTooltip);
 
 describe('CanvasNodeTooltip', () => {
 	describe('rendering', () => {
-		it('should render tooltip when tooltip option is provided', () => {
-			const { getByText } = renderComponent({
+		it('should render tooltip when tooltip option is provided', async () => {
+			const { container, getByText } = renderComponent({
 				props: {
 					visible: true,
 				},
@@ -26,25 +27,28 @@ describe('CanvasNodeTooltip', () => {
 			});
 
 			expect(getByText('Test tooltip text')).toBeInTheDocument();
+			await waitFor(() => expect(container.querySelector('.el-popper')).toBeVisible());
 		});
 
 		it('should not render tooltip when tooltip option is not provided', () => {
 			const { container } = renderComponent({
 				props: {
-					visible: true,
+					visible: false,
 				},
 				global: {
 					provide: createCanvasNodeProvide({
 						data: {
 							render: {
-								options: {},
+								options: {
+									tooltip: 'Test tooltip text',
+								},
 							} as CanvasNodeDefaultRender,
 						},
 					}),
 				},
 			});
 
-			expect(container.querySelector('.tooltipTrigger')).not.toBeInTheDocument();
+			expect(container.querySelector('.el-popper')).not.toBeVisible();
 		});
 	});
 });