ice/packages/rax-compat/tests/createPortal.test.tsx

30 lines
643 B
TypeScript
Raw Permalink Normal View History

Feat/define data loader (#643) * feat: modify dataLoader * feat: add type * feat: add DataLoaderConfig * feat: modify getData to defineDataLoader * chore: remove defineDataLoader * fix: fetcher shoule return promise * fix: loader may be undefined * fix: err loader config * chore: modify example of pha * feat: modify getData * chore: modify type and mofiy options of init * feat: modify fetcher to dataLoaderFetcher and add dataLoaderImport to entry * chore: modify defaultDataLoaderFetcher * chore: load data by route id * feat: modify serverDataLoader and staticDataLoader * feat: add fetcher when route change * fix: deal with window undefined * chore: modify type * feat: try get data from cache * feat: support useData * feat: add defineStaticDataLoader and defineServerDataLoader * chore: modify getData of example * fix: should load data * fix: fix ssg err * fix: fix dataloader for ssg * test: modify env of test * fix: shoule clear cache when route changed * fix: fix renderMode and add defult remder mode * fix: add window * test: add jsdom * test: modify getData to dataLoader * test: modify test of clientApp * test: clear window after each test * test: remove only * test: remove only * chore: modify appear * fix: Try get data from cache when CSR * chore: update lock * chore: remove unused * refactor: data loader (#685) * refactor: set global fetcher * refactor: set global fetcher * fix: should not build react in data loader * fix: test * test: modify test Co-authored-by: 水澜 <shuilan.cj@taobao.com> Co-authored-by: ZeroLing <i@zeroling.com>
2022-11-14 15:59:22 +08:00
/**
* @vitest-environment jsdom
*/
2022-06-28 11:38:39 +08:00
import React from 'react';
import { expect, it, describe } from 'vitest';
import { render } from '@testing-library/react';
import createPortal from '../src/create-portal';
2022-06-28 11:38:39 +08:00
describe('createPortal', () => {
it('basic', () => {
const div = document.createElement('div');
document.body.appendChild(div);
const Portal = ({ children }) => {
return createPortal(children, div);
};
2022-06-28 11:38:39 +08:00
function App() {
return (<div>
2022-06-28 11:38:39 +08:00
<Portal>
<text>Hello Rax</text>
</Portal>
</div>);
2022-06-28 11:38:39 +08:00
}
2022-06-28 14:59:37 +08:00
render(<App />);
2022-06-28 11:38:39 +08:00
expect(div.childNodes.length).toBe(1);
});
2022-06-28 14:40:55 +08:00
});