@testing-library/react-native 12.2.1 → 12.2.2

package/examples/basic/components/LoginForm.tsx

@@ -1,138 +0,0 @@
-import * as React from 'react';
-import {
-  StyleSheet,
-  View,
-  Text,
-  TextInput,
-  Pressable,
-  ActivityIndicator,
-} from 'react-native';
-
-type Props = {
-  onLoginSuccess: (user: string) => void;
-};
-
-export function LoginForm({ onLoginSuccess }: Props) {
-  const [username, setUsername] = React.useState('');
-  const [password, setPassword] = React.useState('');
-  const [error, setError] = React.useState<string | undefined>();
-  const [isLoading, setIsLoading] = React.useState(false);
-
-  const handleSignIn = async () => {
-    setIsLoading(true);
-
-    const user = await authUser(username, password);
-    setIsLoading(false);
-
-    if (user) {
-      setError(undefined);
-      onLoginSuccess(user);
-    } else {
-      setError('Incorrect username or password');
-    }
-  };
-
-  return (
-    <View style={styles.container}>
-      <Text accessibilityRole="header" style={styles.title}>
-        Sign in to Example App
-      </Text>
-
-      <Text style={styles.textLabel}>Username</Text>
-      <TextInput
-        value={username}
-        onChangeText={setUsername}
-        accessibilityLabel="Username"
-        autoCapitalize="none"
-        style={styles.textInput}
-      />
-
-      <Text style={styles.textLabel}>Password</Text>
-      <TextInput
-        value={password}
-        onChangeText={setPassword}
-        accessibilityLabel="Password"
-        secureTextEntry={true}
-        style={styles.textInput}
-      />
-
-      {error && (
-        <Text accessibilityRole="alert" style={styles.validator}>
-          {error}
-        </Text>
-      )}
-
-      <Pressable
-        accessibilityRole="button"
-        disabled={isLoading}
-        onPress={handleSignIn}
-        style={styles.button}
-      >
-        {isLoading ? (
-          <ActivityIndicator color="white" />
-        ) : (
-          <Text style={styles.buttonText}>Sign In</Text>
-        )}
-      </Pressable>
-    </View>
-  );
-}
-
-/**
- * Fake authentication function according to our abilities.
- * @param username The username to authenticate.
- * @param password The password to authenticate.
- * @returns username if the username and password are correct, null otherwise.
- */
-async function authUser(
-  username: string,
-  password: string
-): Promise<string | null> {
-  return new Promise((resolve) =>
-    setTimeout(() => {
-      const hasValidCredentials = username === 'admin' && password === 'admin1';
-      resolve(hasValidCredentials ? username : null);
-    }, 250)
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    padding: 20,
-  },
-  title: {
-    alignSelf: 'center',
-    fontSize: 24,
-    marginTop: 8,
-    marginBottom: 40,
-  },
-  textLabel: {
-    fontSize: 16,
-    color: '#444',
-  },
-  textInput: {
-    fontSize: 20,
-    padding: 8,
-    marginVertical: 8,
-    borderColor: 'black',
-    borderWidth: 1,
-  },
-  button: {
-    backgroundColor: '#3256a8',
-    padding: 16,
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginTop: 20,
-    minHeight: 56,
-  },
-  buttonText: {
-    fontSize: 20,
-    fontWeight: '600',
-    color: 'white',
-  },
-  validator: {
-    color: 'red',
-    fontSize: 18,
-    marginTop: 8,
-  },
-});

package/examples/basic/jest-setup.ts

@@ -1,7 +0,0 @@
-/* eslint-disable no-undef, import/no-extraneous-dependencies */
-
-// Import Jest Native matchers
-import '@testing-library/jest-native/extend-expect';
-
-// Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
-jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');

package/examples/basic/jest.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  preset: '@testing-library/react-native',
-  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json'],
-  setupFilesAfterEnv: ['./jest-setup.ts'],
-};

package/examples/basic/package.json

@@ -1,30 +0,0 @@
-{
-  "main": "node_modules/expo/AppEntry.js",
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web",
-    "eject": "expo eject",
-    "test": "jest",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "expo": "^49.0.0",
-    "expo-status-bar": "~1.6.0",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-native": "0.72.3",
-    "react-native-web": "~0.19.6"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@testing-library/jest-native": "^5.4.2",
-    "@testing-library/react-native": "^12.2.0",
-    "@types/react": "~18.2.14",
-    "jest": "^29.3.0",
-    "react-test-renderer": "18.2.0",
-    "typescript": "^5.1.3"
-  },
-  "private": true
-}

package/examples/basic/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "extends": "expo/tsconfig.base",
-  "compilerOptions": {
-    "strict": true,
-    "allowJs": false
-  }
-}