mirror of
https://github.com/Tencent/tmagic-editor.git
synced 2026-05-24 09:23:37 +00:00
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
/*
|
||
* Tencent is pleased to support the open source community by making TMagicEditor available.
|
||
*
|
||
* Copyright (C) 2025 Tencent.
|
||
*/
|
||
import { describe, expect, test } from 'vitest';
|
||
import { defineComponent, h } from 'vue';
|
||
import { mount } from '@vue/test-utils';
|
||
|
||
import { useWindowRect } from '@editor/hooks/use-window-rect';
|
||
|
||
describe('useWindowRect', () => {
|
||
test('返回当前 innerWidth/innerHeight，并随 resize 同步', async () => {
|
||
let api: ReturnType<typeof useWindowRect> | undefined;
|
||
const comp = defineComponent({
|
||
setup() {
|
||
api = useWindowRect();
|
||
return () => h('div');
|
||
},
|
||
});
|
||
const wrapper = mount(comp);
|
||
expect(api?.rect.width).toBe(globalThis.innerWidth);
|
||
expect(api?.rect.height).toBe(globalThis.innerHeight);
|
||
|
||
Object.defineProperty(globalThis, 'innerWidth', { configurable: true, value: 1234 });
|
||
Object.defineProperty(globalThis, 'innerHeight', { configurable: true, value: 567 });
|
||
globalThis.dispatchEvent(new Event('resize'));
|
||
expect(api?.rect.width).toBe(1234);
|
||
expect(api?.rect.height).toBe(567);
|
||
wrapper.unmount();
|
||
});
|
||
});
|