test: use fixture files

src/__tests__/__fixtures__/complex/code.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import styled from '../../../../build/module/macro';
+import { Text, Pressable, SafeAreaView } from 'react-native';
+import { useWindowVariant } from 'react-native-styled.macro/lib';
+
+export default function App() {
+	const variants = useWindowVariant();
+
+	return (
+		<SafeAreaView {...styled(['flex-1', 'items-center'])}>
+			<Pressable
+				{...styled(
+					[
+						'mx-2',
+						'border',
+						'rounded-lg',
+						'border-indigo-600',
+						'bg-indigo-600',
+						'sm:bg-green-600',
+						'md:bg-teal-600',
+						'lg:bg-yellow-600',
+						'xl:bg-orange-600',
+					],
+					variants
+				)}
+			>
+				<Text {...styled(['text-base', 'text-white'])}>Press me</Text>
+			</Pressable>
+		</SafeAreaView>
+	);
+}

src/__tests__/__fixtures__/complex/output.js

@@ -0,0 +1,87 @@
+import { rem as _rem3 } from 'react-native-styled.macro/build/module/utils/rem';
+import { rem as _rem2 } from 'react-native-styled.macro/build/module/utils/rem';
+import { rem as _rem } from 'react-native-styled.macro/build/module/utils/rem';
+import { StyleSheet as _StyleSheet } from 'react-native';
+import { select as _select } from 'react-native-styled.macro/build/module/utils/select';
+
+const _styles = _StyleSheet.create({
+	_default: {
+		flexGrow: 1,
+		flexShrink: 1,
+		flexBasis: '0%',
+		alignItems: 'center',
+	},
+	_default2: {
+		marginHorizontal: _rem(0.5),
+		borderWidth: 1,
+		borderRadius: _rem2(0.5),
+		borderColor: '#5a67d8',
+		backgroundColor: '#5a67d8',
+	},
+	_sm: {
+		backgroundColor: '#38a169',
+	},
+	_md: {
+		backgroundColor: '#319795',
+	},
+	_lg: {
+		backgroundColor: '#d69e2e',
+	},
+	_xl: {
+		backgroundColor: '#dd6b20',
+	},
+	_default3: {
+		fontSize: _rem3(1),
+		color: 'white',
+	},
+});
+
+import React from 'react';
+import { Text, Pressable, SafeAreaView } from 'react-native';
+import { useWindowVariant } from 'react-native-styled.macro/lib';
+export default function App() {
+	const variants = useWindowVariant();
+	return (
+		<SafeAreaView
+			{...{
+				style: [_styles._default],
+			}}
+		>
+			<Pressable
+				{..._select(
+					[
+						{
+							variant: 'default',
+							style: _styles._default2,
+						},
+						{
+							variant: 'sm',
+							style: _styles._sm,
+						},
+						{
+							variant: 'md',
+							style: _styles._md,
+						},
+						{
+							variant: 'lg',
+							style: _styles._lg,
+						},
+						{
+							variant: 'xl',
+							style: _styles._xl,
+						},
+					],
+					variants
+				)}
+			>
+				<Text
+					{...{
+						style: [_styles._default3],
+					}}
+				>
+					Press me
+				</Text>
+			</Pressable>
+		</SafeAreaView>
+	);
+}

src/__tests__/__fixtures__/simple/code.js

@@ -0,0 +1,3 @@
+import styled from '../../../../build/module/macro';
+
+console.log(styled(['bg-white', 'selectable']));

src/__tests__/__fixtures__/simple/output.js

@@ -0,0 +1,12 @@
+import { StyleSheet as _StyleSheet } from 'react-native';
+
+const _styles = _StyleSheet.create({
+	_default: {
+		backgroundColor: 'white',
+	},
+});
+
+console.log({
+	selectable: true,
+	style: [_styles._default],
+});

src/__tests__/__fixtures__/with-variables/code.js

@@ -0,0 +1,9 @@
+import styled from '../../../../build/module/macro';
+
+const bgWhite = 'bg-white';
+
+const buttonStyle = [bgWhite, 'text-black'];
+const inputStyle = [bgWhite, 'text-black'];
+
+console.log(styled(buttonStyle));
+console.log(styled(inputStyle));

src/__tests__/__fixtures__/with-variables/output.js

@@ -0,0 +1,22 @@
+import { StyleSheet as _StyleSheet } from 'react-native';
+
+const _styles = _StyleSheet.create({
+	_default: {
+		backgroundColor: 'white',
+		color: 'black',
+	},
+	_default2: {
+		backgroundColor: 'white',
+		color: 'black',
+	},
+});
+
+const bgWhite = 'bg-white';
+const buttonStyle = [bgWhite, 'text-black'];
+const inputStyle = [bgWhite, 'text-black'];
+console.log({
+	style: [_styles._default],
+});
+console.log({
+	style: [_styles._default2],
+});

src/__tests__/__fixtures__/with-variants/code.js

@@ -0,0 +1,10 @@
+import styled from '../../../../build/module/macro';
+
+console.log(
+	styled(
+		['bg-white', 'selectable', 'web:not-selectable', 'dark:bg-black'],
+		{
+			dark: false,
+		}
+	)
+);

src/__tests__/__fixtures__/with-variants/output.js

@@ -0,0 +1,36 @@
+import { StyleSheet as _StyleSheet } from 'react-native';
+import { select as _select } from 'react-native-styled.macro/build/module/utils/select';
+
+const _styles = _StyleSheet.create({
+	_default: {
+		backgroundColor: 'white',
+	},
+	_web: undefined,
+	_dark: {
+		backgroundColor: 'black',
+	},
+});
+
+console.log(
+	_select(
+		[
+			{
+				variant: 'default',
+				selectable: true,
+				style: _styles._default,
+			},
+			{
+				variant: 'web',
+				selectable: false,
+				style: _styles._web,
+			},
+			{
+				variant: 'dark',
+				style: _styles._dark,
+			},
+		],
+		{
+			dark: false,
+		}
+	)
+);