mirror of
https://github.com/inaturalist/iNaturalistReactNative.git
synced 2026-09-15 07:10:01 -04:00
Ryan StellyandJohannes Klein
63da9cbcfb
* nativewind 4 spike * themed and cssInterop fixes * clearify comment on inline Animated.View styles * remaining style fixes and supplementary agent docs * fix pill button on media screens --------- Co-authored-by: Johannes Klein <17345891+jtklein@users.noreply.github.com>
29 lines
1.2 KiB
JavaScript
29 lines
1.2 KiB
JavaScript
// Makes className resolve to styles in jest the way it does in the app.
|
|
//
|
|
// In the app, importing global.css (transformed by metro) registers the core
|
|
// react-native components with nativewind's runtime and injects the compiled
|
|
// tailwind styles. In jest, global.css is mapped to an empty mock and the
|
|
// runtime skips component registration when NODE_ENV === "test", so both
|
|
// steps happen here instead. The compiled CSS comes from jest.globalSetup.js.
|
|
const fs = require( "fs" );
|
|
const path = require( "path" );
|
|
|
|
// react-native-css-interop is nativewind's own runtime dependency, which pins
|
|
// the compatible version
|
|
/* eslint-disable import/no-extraneous-dependencies */
|
|
// Registers View, Text, TextInput, etc. with the interop runtime
|
|
require( "react-native-css-interop/dist/runtime/components" );
|
|
|
|
const {
|
|
cssToReactNativeRuntime,
|
|
} = require( "react-native-css-interop/dist/css-to-rn" );
|
|
const {
|
|
injectData,
|
|
} = require( "react-native-css-interop/dist/runtime/native/styles" );
|
|
/* eslint-enable import/no-extraneous-dependencies */
|
|
|
|
const css = fs.readFileSync( path.join( __dirname, ".cache", "nativewind.css" ) );
|
|
|
|
// inlineRem must match the withNativeWind options in metro.config.js
|
|
injectData( cssToReactNativeRuntime( css, { inlineRem: 16 } ) );
|