react-map-gl/modules/react-mapbox/test/utils/apply-react-style.spec.js
2025-01-27 16:06:44 -08:00

27 lines
858 B
JavaScript

import test from 'tape-promise/tape';
import {applyReactStyle} from '@vis.gl/react-mapbox/utils/apply-react-style';
test('applyReactStyle', t => {
/* global document */
if (typeof document === 'undefined') {
t.end();
return;
}
const div = document.createElement('div');
t.doesNotThrow(() => applyReactStyle(null, {}), 'null element');
t.doesNotThrow(() => applyReactStyle(div, null), 'null style');
applyReactStyle(div, {marginLeft: 4, height: 24, lineHeight: 2, zIndex: 1, flexGrow: 0.5});
t.is(div.style.marginLeft, '4px', 'appended px to numeric value');
t.is(div.style.height, '24px', 'appended px to numeric value');
t.is(div.style.lineHeight, '2', 'unitless numeric property');
t.is(div.style.zIndex, '1', 'unitless numeric property');
t.is(div.style.flexGrow, '0.5', 'unitless numeric property');
t.end();
});