From 7e9ff25aea057967b0ae7311fa981faad8bb839b Mon Sep 17 00:00:00 2001 From: weidehai <243395655@qq.com> Date: Mon, 21 Feb 2022 09:12:29 +0800 Subject: [PATCH] test(components): [el-tooltip] add unit test about appendTo (#6178) --- docs/en-US/component/tooltip.md | 1 - .../components/tooltip/__tests__/tooltip.spec.ts | 13 +++++++++++++ 2 files changed, 13 insertions(+), 1 deletion(-) diff --git a/docs/en-US/component/tooltip.md b/docs/en-US/component/tooltip.md index 8a589a8485..e3c3a89770 100644 --- a/docs/en-US/component/tooltip.md +++ b/docs/en-US/component/tooltip.md @@ -145,7 +145,6 @@ tooltip/animations | Attribute | Description | Type | Accepted Values | Default | | ---------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------- | --------------------------------------------------------------------------------------------------------- | ------------------------------------------------------- | | append-to | which element the tooltip CONTENT appends to | CSSSelector \| HTMLElement | — | #el-popper-container-[randomValue] | -| append-to-body (deprecated) | indicates whether the tooltip contents will be append to the document.body element | boolean | true / false | true | | effect | Tooltip theme, built-in theme: `dark` / `light` | string | string | dark | | content | display content, can be overridden by `slot#content` | String | — | — | | raw-content | whether `content` is treated as HTML string | boolean | — | false | diff --git a/packages/components/tooltip/__tests__/tooltip.spec.ts b/packages/components/tooltip/__tests__/tooltip.spec.ts index a9daf419ec..99574560cc 100644 --- a/packages/components/tooltip/__tests__/tooltip.spec.ts +++ b/packages/components/tooltip/__tests__/tooltip.spec.ts @@ -41,6 +41,19 @@ describe('', () => { await nextTick() expect(findTrigger().text()).toContain(AXIOM) }) + it('content should teleport according appendTo', async () => { + const el = document.createElement('div') + el.id = 'test' + document.body.appendChild(el) + wrapper = createComponent({ appendTo: '#test' }, 'test appendTo props') + await nextTick() + const trigger$ = findTrigger() + const triggerEl = trigger$.find('.el-tooltip__trigger') + await triggerEl.trigger('mouseenter') + expect(document.querySelector('#test')?.innerHTML).toContain( + 'test appendTo props' + ) + }) }) describe('deprecating API', () => {