test(web): delaytip

test/setup.js

@@ -1,3 +1,6 @@
+// mock
+jest.mock('tailchat-shared/i18n');
+
 // https://github.com/testing-library/react-testing-library#suppressing-unnecessary-warnings-on-react-dom-168
 const originalError = console.error;
 console.error = (...args) => {

web/src/components/__tests__/DelayTip.spec.tsx

@@ -0,0 +1,25 @@
+import { fireEvent, render, act } from '@testing-library/react';
+import React from 'react';
+import { sleep } from 'tailchat-shared';
+import { DelayTip } from '../DelayTip';
+
+describe('DelayTip', () => {
+  test('render', async () => {
+    const wrapper = render(
+      <DelayTip title="any tip">
+        <div data-testid="inner" />
+      </DelayTip>
+    );
+    expect(wrapper.container).toMatchSnapshot('default');
+
+    act(() => {
+      fireEvent.mouseEnter(wrapper.getByTestId('inner'));
+    });
+
+    await sleep(500);
+    expect(wrapper.container).toMatchSnapshot('not open');
+
+    await sleep(1500);
+    expect(wrapper.container).toMatchSnapshot('open');
+  });
+});

web/src/components/__tests__/__snapshots__/DelayTip.spec.tsx.snap

@@ -0,0 +1,26 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DelayTip render: default 1`] = `
+<div>
+  <div
+    data-testid="inner"
+  />
+</div>
+`;
+
+exports[`DelayTip render: not open 1`] = `
+<div>
+  <div
+    data-testid="inner"
+  />
+</div>
+`;
+
+exports[`DelayTip render: open 1`] = `
+<div>
+  <div
+    class="ant-tooltip-open"
+    data-testid="inner"
+  />
+</div>
+`;

web/src/components/modals/GroupDetail/Panel/__tests__/GroupPanelTree.spec.tsx

@@ -1,4 +1,3 @@
-jest.mock('tailchat-shared/i18n');
 import { render } from '@testing-library/react';
 import React from 'react';
 import { GroupPanel, GroupPanelType } from 'tailchat-shared';