mirror of
https://github.com/facebook/react.git
synced 2026-02-26 18:58:05 +00:00
9f819a5ea9
* Refactor Schedule, remove React-isms Once the API stabilizes, we will move Schedule this into a separate repo. To promote adoption, especially by projects outside the React ecosystem, we'll remove all React-isms from the source and keep it as simple as possible: - No build step. - No static types. - Everything is in a single file. If we end up needing to support multiple targets, like CommonJS and ESM, we can still avoid a build step by maintaining two copies of the same file, but with different exports. This commit also refactors the implementation to split out the DOM- specific parts (essentially a requestIdleCallback polyfill). Aside from the architectural benefits, this also makes it possible to write host- agnostic tests. If/when we publish a version of Schedule that targets other environments, like React Native, we can run these same tests across all implementations. * Edits in response to Dan's PR feedback
51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
/**
|
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
*
|
|
* This source code is licensed under the MIT license found in the
|
|
* LICENSE file in the root directory of this source tree.
|
|
*
|
|
* @emails react-core
|
|
*/
|
|
|
|
'use strict';
|
|
|
|
describe('ReactDOMFrameScheduling', () => {
|
|
it('warns when requestAnimationFrame is not polyfilled in the browser', () => {
|
|
const previousRAF = global.requestAnimationFrame;
|
|
try {
|
|
global.requestAnimationFrame = undefined;
|
|
jest.resetModules();
|
|
spyOnDevAndProd(console, 'error');
|
|
require('react-dom');
|
|
expect(console.error.calls.count()).toEqual(1);
|
|
expect(console.error.calls.argsFor(0)[0]).toMatch(
|
|
"This browser doesn't support requestAnimationFrame.",
|
|
);
|
|
} finally {
|
|
global.requestAnimationFrame = previousRAF;
|
|
}
|
|
});
|
|
|
|
// We're just testing importing, not using it.
|
|
// It is important because even isomorphic components may import it.
|
|
it('can import findDOMNode in Node environment', () => {
|
|
const previousRAF = global.requestAnimationFrame;
|
|
const previousRIC = global.requestIdleCallback;
|
|
const prevWindow = global.window;
|
|
try {
|
|
global.requestAnimationFrame = undefined;
|
|
global.requestIdleCallback = undefined;
|
|
// Simulate the Node environment:
|
|
delete global.window;
|
|
jest.resetModules();
|
|
expect(() => {
|
|
require('react-dom');
|
|
}).not.toThrow();
|
|
} finally {
|
|
global.requestAnimationFrame = previousRAF;
|
|
global.requestIdleCallback = previousRIC;
|
|
global.window = prevWindow;
|
|
}
|
|
});
|
|
});
|