🦉 Using @jotaijs state management and want to test it with #ReactNativeTestingLibrary? We’ve got you covered! @vanGalilea has written a Cookbook recipe just for this case 🙌 Check it out and make your testing smoother! callstack.github.io/react-na…

🦉 I've just published the 2nd recipe for the #ReactNativeTestingLibrary Cookbook 🎉 💡 It explain when, why and how to use async tests when using RNTL callstack.github.io/react-na…

The 1️⃣st #ReactNativeTestingLibrary Cookbook recipe is here: custom render functions. 📚✨ Join the effort and share your favourite recipes through our GH repo. 🌟👩‍💻👨‍💻 🔗 Read more: callstack.github.io/react-na…

🚀 Announcing the #ReactNativeTestingLibrary Cookbook initiative! 📖✨ We're compiling best practices, tips & tricks, and ready-to-use recipes for the RNTL community. 🍲👩‍💻👨‍🔧 Got a recipe to share? Contribute and help us create something amazing! 🙌 🔗 More details: github.com/callstack/react-n…

⚛️🦉 When using #ReactNativeTestingLibrary, I use this query as a default: getByRole("role", { name: "name" }) Here's why: 🔹 get - I want exactly one matching element 🔹 byRole name - I want to get an element matching both a role (e.g., "button") and a name (e.g., "Next")

⚛️🦉 #ReactNativeTestingLibrary with ver. 12.4.0 has achieved its main dev goals: 🔹 Introduction of User Event API 🔹 Migration of Jest matchers to RNTL 🏁 We do not plan more large features in v12. 📖 Our next focus will be improving the documentation and examples.

⚛️🦉 #ReactNativeTestingLibrary tip. If your query cannot find an element: 1️⃣ Use screen.debug() to inspect the element tree 2️⃣ Use `includeHiddenElements: true` query option to detect hidden elements. callstack.github.io/react-na…

⚛️🦉 In #ReactNativeTestingLibrary each query consists of two key components: 🔹 Variant: `get`, `query`, ... 🔹 Predicate: `*ByRole`, `*ByText`, ... 💡Predicate describes the specific criteria used to find matching elements. 📋 Quick summary of available predicates:

⚛️🦉 Using proper #ReactNativeTestingLibrary query variants helps to better express the test's intent. 💡 Query variants also serve as implicit assertions on number of matched elements. 📋 General guidelines for idiomatic query variants:

⚛️🦉 #ReactNativeTestingLibrary offers six query variants, here is how they compare:

⚛️ #ReactNativeTestingLibrary v12.3.1 is out! Highlights: 🌟 UserEvent scrollBy API for better simulation of ScrollView interaction 🦋 Improved fake timer handling for UserEvent press and other interactions github.com/callstack/react-n…

BTW We've released #ReactNativeTestingLibrary v12.3.0 yesterday, just in time for #ReactNativeEU ❤️🫶 It provides support ARIA web accessibility props (role & aria-*) 🙈 github.com/callstack/react-n…

💡 #ReactNativeTestingLibrary #TipOfTheDay Most of RNTL queries accept TextMatch = string | RegExp as first argument. RegExp is the flexible option while string matcher uses case-sensitive full string equality by default. You can enable case-insensitive substring matching using the { exact: false } option. This is relevant for most of the RNTL queries: - getByRole - getByText - getByLabelText - getByHintText - getByPlaceholderText - getByDisplayValue - getByTestId

Despite summer heat ☀️🔥 #ReactNativeTestingLibrary is more active than ever 🚀 I've just landed a new API proposal for Jest Native matches migration to RNTL repo. Join the discussion and learn about issue we plan to solve 💬👇 github.com/callstack/react-n…

💪 Ever wanted to contribute to an Open Source project? I've created some relatively easy tasks for #ReactNativeTestingLibrary Jest Native matchers migration that could get you on track with that: github.com/callstack/react-n…

I've create a #ReactNativeTestingLibrary API proposal for User Event scroll interaction. 💬 Join the discussion to help us decide on the best API 👇 github.com/callstack/react-n…

📖 TIL do not use "yarn pack"/"yarn publish" with package.json "files" containing both inclusion & exclusion matchers. The exclusion matcher is applied to all files and not only to the ones passing the positive matchers first! Basically that puts most of the repo files in the NPM package.🤦‍♂️ Anyway #ReactNativeTestingLibrary v12.2.2 is out 🎉 This time not including website, example apps, etc in the NPM package.

🚡🗻 Just released #ReactNativeTestingLibrary v12.2.1! It fixes a small omission from the initial User Event API: ✳️ clear() function for clearing the content of a TextInput 💡 UserEvent type() function appends text to given TextInput, so you need to call clear() to actually replace it.

💡 #ReactNativeTestingLibrary #TipOfTheDay: In order for *ByRole queries to work, the matched element needs to be an accessibility element. When element is accessibility element? 1. Text, TextInput and Switch are these by default 2. Host View needs to have accessible prop set 3. Some RN components like Pressable & TouchableOpacity automatically render host View with accessible prop This matches RN iOS/Android runtime behavior, where Views without accessible prop are ignored by screen reader. 👇

🌇🌁 User Event VC pitch 😉 - Question for you: what's a better than Fire Event API sending only one event? - Answer for you: User Event API sending a sequence of 20 events for one user action. #ReactNativeTestingLibrary #SiliconValley