Files
callstack__react-native-tes…/docs/migration-v7/index.html
T
2020-12-01 08:15:24 +00:00

33 lines
28 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<meta name="generator" content="Docusaurus v2.0.0-alpha.61">
<link rel="search" type="application/opensearchdescription+xml" title="React Native Testing Library" href="/react-native-testing-library/opensearch.xml"><title data-react-helmet="true">Migration to 7.0 | React Native Testing Library</title><meta data-react-helmet="true" property="og:image" content="https://callstack.github.io/react-native-testing-library/img/owl.png"><meta data-react-helmet="true" property="twitter:image" content="https://callstack.github.io/react-native-testing-library/img/owl.png"><meta data-react-helmet="true" name="twitter:image:alt" content="Image for React Native Testing Library"><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" property="og:title" content="Migration to 7.0 | React Native Testing Library"><meta data-react-helmet="true" name="description" content="We renamed the react-native-testing-library npm package to @testing-library/react-native, officially joining the &quot;Testing Library&quot; family 🎉."><meta data-react-helmet="true" property="og:description" content="We renamed the react-native-testing-library npm package to @testing-library/react-native, officially joining the &quot;Testing Library&quot; family 🎉."><meta data-react-helmet="true" property="og:url" content="https://callstack.github.io/react-native-testing-library/docs/migration-v7"><link data-react-helmet="true" rel="shortcut icon" href="/react-native-testing-library/img/owl.png"><link data-react-helmet="true" rel="preconnect" href="https://BH4D9OD16A-dsn.algolia.net" crossorigin="true"><link data-react-helmet="true" rel="canonical" href="https://callstack.github.io/react-native-testing-library/docs/migration-v7"><link rel="stylesheet" href="/react-native-testing-library/styles.1a0c21df.css">
<link rel="preload" href="/react-native-testing-library/styles.8dfb75de.js" as="script">
<link rel="preload" href="/react-native-testing-library/runtime~main.c9b9aeb0.js" as="script">
<link rel="preload" href="/react-native-testing-library/main.ce42f001.js" as="script">
<link rel="preload" href="/react-native-testing-library/1.90d21bfe.js" as="script">
<link rel="preload" href="/react-native-testing-library/2.f40237fe.js" as="script">
<link rel="preload" href="/react-native-testing-library/17.0fef2f73.js" as="script">
<link rel="preload" href="/react-native-testing-library/20.0fd9dd36.js" as="script">
<link rel="preload" href="/react-native-testing-library/e91cf13d.d5eb4730.js" as="script">
<link rel="preload" href="/react-native-testing-library/17896441.6f454b4c.js" as="script">
<link rel="preload" href="/react-native-testing-library/6bbd6f71.06aef366.js" as="script">
</head>
<body>
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
<nav class="navbar navbar--light navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><div aria-label="Navigation bar toggle" class="navbar__toggle" role="button" tabindex="0"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></div><a class="navbar__brand" href="/react-native-testing-library/"><img class="navbar__logo" src="/react-native-testing-library/img/owl.png" alt="React Native Testing Library"><strong class="navbar__title">React Native Testing Library</strong></a></div><div class="navbar__items navbar__items--right"><a class="navbar__item navbar__link" href="/react-native-testing-library/docs/getting-started">Docs</a><a href="https://github.com/callstack/react-native-testing-library" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub</a><div class="react-toggle react-toggle--disabled displayOnlyInLargeViewport_2aTZ"><div class="react-toggle-track"><div class="react-toggle-track-check"><span class="toggle_BsTx">🌜</span></div><div class="react-toggle-track-x"><span class="toggle_BsTx">🌞</span></div></div><div class="react-toggle-thumb"></div><input type="checkbox" disabled="" aria-label="Dark mode toggle" class="react-toggle-screenreader-only"></div><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span><span class="DocSearch-Button-Key">⌘</span><span class="DocSearch-Button-Key">K</span></button></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div><div class="navbar-sidebar"><div class="navbar-sidebar__brand"><a class="navbar__brand" href="/react-native-testing-library/"><img class="navbar__logo" src="/react-native-testing-library/img/owl.png" alt="React Native Testing Library"><strong class="navbar__title">React Native Testing Library</strong></a></div><div class="navbar-sidebar__items"><div class="menu"><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" href="/react-native-testing-library/docs/getting-started">Docs</a></li><li class="menu__list-item"><a href="https://github.com/callstack/react-native-testing-library" target="_blank" rel="noopener noreferrer" class="menu__link">GitHub</a></li></ul></div></div></div></nav><div class="main-wrapper"><div class="docPage_2gpo"><div class="docSidebarContainer_3_JD" role="complementary"><div class="sidebar_2urC"><div class="menu menu--responsive menu_5FrY"><button aria-label="Open Menu" aria-haspopup="true" class="button button--secondary button--sm menu__button" type="button"><svg aria-label="Menu" class="sidebarMenuIcon_Dm3K" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 32 32" role="img" focusable="false"><title>Menu</title><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><ul class="menu__list"><li class="menu__list-item"><a class="menu__link menuLinkText_2zSB">Introduction</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/react-native-testing-library/docs/getting-started">Getting Started</a></li></ul></li><li class="menu__list-item"><a class="menu__link menuLinkText_2zSB">API Reference</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/react-native-testing-library/docs/api">API</a></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/react-native-testing-library/docs/api-queries">Queries</a></li></ul></li><li class="menu__list-item"><a class="menu__link menuLinkText_2zSB">Guides</a><ul class="menu__list"><li class="menu__list-item"><a aria-current="page" class="menu__link menu__link--active active" tabindex="0" href="/react-native-testing-library/docs/migration-v7">Migration to 7.0</a></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/react-native-testing-library/docs/migration-v2">Migration to 2.0</a></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/react-native-testing-library/docs/how-should-i-query">How Should I Query?</a></li></ul></li><li class="menu__list-item"><a class="menu__link menuLinkText_2zSB">Examples</a><ul class="menu__list"><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/react-native-testing-library/docs/react-navigation">React Navigation</a></li><li class="menu__list-item"><a class="menu__link" tabindex="0" href="/react-native-testing-library/docs/redux-integration">Redux Integration</a></li></ul></li></ul></div></div></div><main class="docMainContainer_3EyW"><div class="container padding-vert--lg docItemWrapper_1EkI"><div class="row"><div class="col docItemCol_2ASc"><div class="docItemContainer_3QWW"><article><header><h1 class="docTitle_1Lrw">Migration to 7.0</h1></header><div class="markdown"><div class="admonition admonition-caution alert alert--warning"><div class="admonition-heading"><h5><span class="admonition-icon"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M8.893 1.5c-.183-.31-.52-.5-.887-.5s-.703.19-.886.5L.138 13.499a.98.98 0 0 0 0 1.001c.193.31.53.501.886.501h13.964c.367 0 .704-.19.877-.5a1.03 1.03 0 0 0 .01-1.002L8.893 1.5zm.133 11.497H6.987v-2.003h2.039v2.003zm0-3.004H6.987V5.987h2.039v4.006z"></path></svg></span>caution</h5></div><div class="admonition-content"><p>We renamed the <code>react-native-testing-library</code> npm package to <code>@testing-library/react-native</code>, officially joining the &quot;Testing Library&quot; family 🎉.</p></div></div><p>As the version 7.0 involves merging two libraries together, there are two variants for migration guide, dependent on library you used previously:</p><ul><li><a href="#guide-for-react-native-testing-library-users">Guide for <code>react-native-testing-library</code> users</a></li><li><a href="#guide-for-testing-libraryreact-native-users">Guide for <code>@testing-library/react-native</code> users</a></li></ul><h1><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="guide-for-react-native-testing-library-users"></a>Guide for <code>react-native-testing-library</code> users<a aria-hidden="true" tabindex="-1" class="hash-link" href="#guide-for-react-native-testing-library-users" title="Direct link to heading">#</a></h1><p>This guide describes steps necessary to migrate from React Native Testing Library <code>v2.x</code> or <code>v6.0</code> to <code>v7.0</code>.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="renaming-the-library"></a>Renaming the library<a aria-hidden="true" tabindex="-1" class="hash-link" href="#renaming-the-library" title="Direct link to heading">#</a></h2><ol><li>Install <code>@testing-library/react-native</code>.</li><li>Uninstall <code>react-native-testing-library</code>.</li><li>Rename all references of <code>react-native-testing-library</code> to <code>@testing-library/react-native</code>.</li></ol><p>You may have noticed a strange v2 to v7 upgrade, skipping versions 3, 4, 5 and 6. This is because we renamed the <code>react-native-testing-library</code> npm package to <code>@testing-library/react-native</code>, officially joining the &quot;Testing Library&quot; family 🎉. We&#x27;re merging existing two libraries into a single one. The <a href="https://github.com/testing-library/native-testing-library" target="_blank" rel="noopener noreferrer">native-testing-library</a> repository, which had v6, will soon be archived and using <code>@testing-library/react-native</code> below v7, sourced from mentioned repository, is deprecated.</p><p>For branding purposes we keep the &quot;React Native Testing Library&quot; name, similar to &quot;React Testing Library&quot;. Only the npm published package is changing. The code repository also stays the same under Callstack governance.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="new-aliases"></a>New aliases<a aria-hidden="true" tabindex="-1" class="hash-link" href="#new-aliases" title="Direct link to heading">#</a></h2><p>To improve compatibility with React Testing Library, and ease the migration for <code>@testing-library/react-native</code> users using version below v7, we&#x27;ve introduced new aliases to our accessibility queries:</p><ul><li><code>ByLabelText</code> aliasing <code>ByA11yLabel</code> queries</li><li><code>ByHintText</code> aliasing <code>ByA11yHint</code> queries</li><li><code>ByRole</code> aliasing <code>ByA11yRole</code> queries</li></ul><p>We like the new names and consider removing the aliases in future releases.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="renaming-byplaceholder-queries"></a>Renaming <code>ByPlaceholder</code> queries<a aria-hidden="true" tabindex="-1" class="hash-link" href="#renaming-byplaceholder-queries" title="Direct link to heading">#</a></h2><p>To improve compatibility with React Testing Library, and to ease the migration for <code>@testing-library/react-native</code> users using version below v7, we&#x27;ve renamed following queries:</p><ul><li><code>ByPlaceholder</code> -&gt; <code>ByPlaceholderText</code></li></ul><p>Please replace all occurrences of these queries in your codebase.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="fireevent-support-for-disabled-components"></a><code>fireEvent</code> support for disabled components<a aria-hidden="true" tabindex="-1" class="hash-link" href="#fireevent-support-for-disabled-components" title="Direct link to heading">#</a></h2><p>To improve compatibility with the real React Native environment <code>fireEvent</code> now performs checks whether the component is &quot;disabled&quot; before firing an event on it. It uses the Responder system to establish should the event fire, which resembles the actual React Native runtime closer than we used to.</p><p>If your code contained any workarounds for preventing events firing on disabled events, you should now be able to remove them.</p><h1><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="guide-for-testing-libraryreact-native-users"></a>Guide for <code>@testing-library/react-native</code> users<a aria-hidden="true" tabindex="-1" class="hash-link" href="#guide-for-testing-libraryreact-native-users" title="Direct link to heading">#</a></h1><p>This guide describes steps necessary to migrate from <code>@testing-library/react-native</code> from <code>v6.0</code> to <code>v7.0</code>. Although the name stays the same, this is a different library, sourced at <a href="https://github.com/callstack/react-native-testing-library" target="_blank" rel="noopener noreferrer">Callstack GitHub repository</a>. We made sure the upgrade path is as easy for you as possible.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="renaming-wait-helpers"></a>Renaming &quot;wait&quot; helpers<a aria-hidden="true" tabindex="-1" class="hash-link" href="#renaming-wait-helpers" title="Direct link to heading">#</a></h2><p>The <code>wait</code> and <code>waitForElement</code> helpers are replaced by <code>waitFor</code>. Please rename all occurrences of these in your codebase.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="changes-to-bytestid-queries"></a>Changes to <code>ByTestId</code> queries<a aria-hidden="true" tabindex="-1" class="hash-link" href="#changes-to-bytestid-queries" title="Direct link to heading">#</a></h2><p>The <code>ByTestId</code> queries don&#x27;t accept RegExps. Please use strings instead. We&#x27;re happy to accept PRs adding this functionality :).</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="no-bytitle-queries"></a>No <code>ByTitle</code> queries<a aria-hidden="true" tabindex="-1" class="hash-link" href="#no-bytitle-queries" title="Direct link to heading">#</a></h2><p>Our library doesn&#x27;t implement <code>ByTitle</code> queries, which are targetting components with <code>title</code> prop, specifically <code>Button</code> and <code>RefreshControl</code>. If your tests only use <code>ByTitle</code> to target <code>Button</code> components, you can replace them with <code>ByText</code> queries, since React Native renders <code>Text</code> under the hood.</p><p>If you need to query <code>RefreshControl</code> component and can&#x27;t figure out other way around it, you can use e.g. <code>UNSAFE_getByProps({title})</code> query.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="no-custom-jest-configuration"></a>No custom Jest configuration<a aria-hidden="true" tabindex="-1" class="hash-link" href="#no-custom-jest-configuration" title="Direct link to heading">#</a></h2><p>Use the official React Native preset for Jest:</p><div class="mdxCodeBlock_1XEh"><div class="codeBlockContent_1u-d"><button type="button" aria-label="Copy code to clipboard" class="copyButton_10dd">Copy</button><div tabindex="0" class="prism-code language-diff codeBlock_3iAC"><div class="codeBlockLines_b7E3" style="color:#393A34;background-color:#f6f8fa"><div class="token-line" style="color:#393A34"><span class="token plain">{</span></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token unchanged"> &quot;jest&quot;: {</span></div><div class="token-line" style="color:#393A34"><span class="token unchanged"></span><span class="token deleted-sign deleted" style="color:#d73a49">- &quot;preset&quot;: &quot;@testing-library/react-native&quot;</span></div><div class="token-line" style="color:#393A34"><span class="token deleted-sign deleted" style="color:#d73a49"></span><span class="token inserted-sign inserted" style="color:#36acaa">+ &quot;preset&quot;: &quot;react-native&quot;</span></div><div class="token-line" style="color:#393A34"><span class="token inserted-sign inserted" style="color:#36acaa"></span><span class="token unchanged"> }</span></div><div class="token-line" style="color:#393A34"><span class="token unchanged"></span><span class="token plain">}</span></div></div></div></div></div><p>We&#x27;re told this also speeds up your tests startup on cold cache. Using official preset has another benefit – the library is compatible with any version of React Native without introducing breaking changes.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="cleanup-is-included-by-default"></a>Cleanup is included by default<a aria-hidden="true" tabindex="-1" class="hash-link" href="#cleanup-is-included-by-default" title="Direct link to heading">#</a></h2><p>Cleaning up (unmounting) components after each test is included by default in the same manner as in React Testing Library. Please remove this setup file from Jest config:</p><div class="mdxCodeBlock_1XEh"><div class="codeBlockContent_1u-d"><button type="button" aria-label="Copy code to clipboard" class="copyButton_10dd">Copy</button><div tabindex="0" class="prism-code language-diff codeBlock_3iAC"><div class="codeBlockLines_b7E3" style="color:#393A34;background-color:#f6f8fa"><div class="token-line" style="color:#393A34"><span class="token plain">{</span></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token unchanged"> &quot;jest&quot;: {</span></div><div class="token-line" style="color:#393A34"><span class="token unchanged"></span><span class="token deleted-sign deleted" style="color:#d73a49">- &quot;setupFilesAfterEnv&quot;: [&quot;@testing-library/react-native/cleanup-after-each&quot;]</span></div><div class="token-line" style="color:#393A34"><span class="token deleted-sign deleted" style="color:#d73a49"></span><span class="token unchanged"> }</span></div><div class="token-line" style="color:#393A34"><span class="token unchanged"></span><span class="token plain">}</span></div></div></div></div></div><p>You can opt-out of this behavior by running tests with <code>RNTL_SKIP_AUTO_CLEANUP=true</code> flag or importing from <code>@testing-library/react-native/pure</code>. We encourage you to keep the default though.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="no-nativetestinstance-abstraction"></a>No <a href="https://www.native-testing-library.com/docs/api-test-instance" target="_blank" rel="noopener noreferrer">NativeTestInstance</a> abstraction<a aria-hidden="true" tabindex="-1" class="hash-link" href="#no-nativetestinstance-abstraction" title="Direct link to heading">#</a></h2><p>We don&#x27;t provide any abstraction over <code>ReactTestInstance</code> returned by queries, but allow to use it directly to access queried component&#x27;s <code>props</code> or <code>type</code> for that example.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="no-container-nor-baseelement-returned-from-render"></a>No <code>container</code> nor <code>baseElement</code> returned from <code>render</code><a aria-hidden="true" tabindex="-1" class="hash-link" href="#no-container-nor-baseelement-returned-from-render" title="Direct link to heading">#</a></h2><p>There&#x27;s no <code>container</code> returned from the <code>render</code> function. If you must, use <code>react-test-renderer</code> directly, although we advise against doing so. We also don&#x27;t implement <code>baseElement</code> because of that, since there&#x27;s no <code>document.documentElement</code> nor <code>container</code>.</p><h2><a aria-hidden="true" tabindex="-1" class="anchor enhancedAnchor_2cZh" id="firing-events-changes"></a>Firing events changes<a aria-hidden="true" tabindex="-1" class="hash-link" href="#firing-events-changes" title="Direct link to heading">#</a></h2><p>There are slight differences in how <code>fireEvent</code> works in both libraries:</p><ol><li>Our library doesn&#x27;t perform validation checks for events fired upon tested components.</li><li>Signature is different:<div class="mdxCodeBlock_1XEh"><div class="codeBlockContent_1u-d"><button type="button" aria-label="Copy code to clipboard" class="copyButton_10dd">Copy</button><div tabindex="0" class="prism-code language-diff codeBlock_3iAC"><div class="codeBlockLines_b7E3" style="color:#393A34;background-color:#f6f8fa"><div class="token-line" style="color:#393A34"><span class="token deleted-sign deleted" style="color:#d73a49">-fireEvent[eventName](node: FiberRoot, eventProperties: NativeTestEvent)</span></div><div class="token-line" style="color:#393A34"><span class="token deleted-sign deleted" style="color:#d73a49"></span><span class="token inserted-sign inserted" style="color:#36acaa">+fireEvent(element: ReactTestInstance, eventName: string, ...data: Array&lt;any&gt;)</span></div></div></div></div></div></li><li>There is no <code>NativeTestEvent</code> - second and rest arguments are used instead.</li><li>There are only 3 short-hand events: <a href="/react-native-testing-library/docs/api/#fireeventpress-element-reacttestinstance--void"><code>fireEvent.press</code></a>, <a href="/react-native-testing-library/docs/api/#fireeventchangetext-element-reacttestinstance-data-arrayany--void"><code>fireEvent.changeText</code></a> and <a href="/react-native-testing-library/docs/api/#fireeventscroll-element-reacttestinstance-data-arrayany--void"><code>fireEvent.scroll</code></a>. For all other or custom events you can use the base signature.</li></ol></div></article><div class="margin-vert--xl"><div class="row"><div class="col"><a href="https://github.com/callstack/react-native-testing-library/blob/master/docs/MigrationV7.md" target="_blank" rel="noreferrer noopener"><svg fill="currentColor" height="1.2em" width="1.2em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 40 40" style="margin-right:0.3em;vertical-align:sub"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div></div></div><div class="margin-vert--lg"><nav class="pagination-nav" aria-label="Blog list page navigation"><div class="pagination-nav__item"><a class="pagination-nav__link" href="/react-native-testing-library/docs/api-queries"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">« Queries</div></a></div><div class="pagination-nav__item pagination-nav__item--next"><a class="pagination-nav__link" href="/react-native-testing-library/docs/migration-v2"><div class="pagination-nav__sublabel">Next</div><div class="pagination-nav__label">Migration to 2.0 »</div></a></div></nav></div></div></div><div class="col col--3"><div class="tableOfContents_3klQ"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#renaming-the-library" class="table-of-contents__link">Renaming the library</a></li><li><a href="#new-aliases" class="table-of-contents__link">New aliases</a></li><li><a href="#renaming-byplaceholder-queries" class="table-of-contents__link">Renaming <code>ByPlaceholder</code> queries</a></li><li><a href="#fireevent-support-for-disabled-components" class="table-of-contents__link"><code>fireEvent</code> support for disabled components</a></li><li><a href="#renaming-wait-helpers" class="table-of-contents__link">Renaming &quot;wait&quot; helpers</a></li><li><a href="#changes-to-bytestid-queries" class="table-of-contents__link">Changes to <code>ByTestId</code> queries</a></li><li><a href="#no-bytitle-queries" class="table-of-contents__link">No <code>ByTitle</code> queries</a></li><li><a href="#no-custom-jest-configuration" class="table-of-contents__link">No custom Jest configuration</a></li><li><a href="#cleanup-is-included-by-default" class="table-of-contents__link">Cleanup is included by default</a></li><li><a href="#no-nativetestinstance-abstraction" class="table-of-contents__link">No NativeTestInstance abstraction</a></li><li><a href="#no-container-nor-baseelement-returned-from-render" class="table-of-contents__link">No <code>container</code> nor <code>baseElement</code> returned from <code>render</code></a></li><li><a href="#firing-events-changes" class="table-of-contents__link">Firing events changes</a></li></ul></div></div></div></div></main></div></div><footer class="footer footer--dark"><div class="container"><div class="row footer__links"><div class="col footer__col"><h4 class="footer__title">Docs</h4><ul class="footer__items"><li class="footer__item"><a class="footer__link-item" href="/react-native-testing-library/docs/getting-started">Getting started</a></li><li class="footer__item"><a class="footer__link-item" href="/react-native-testing-library/docs/api">API</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">Community</h4><ul class="footer__items"><li class="footer__item"><a href="http://stackoverflow.com/questions/tagged/react-native-testing-library" target="_blank" rel="noopener noreferrer" class="footer__link-item">Stack Overflow</a></li><li class="footer__item"><a href="https://discord.gg/QbGezWe" target="_blank" rel="noopener noreferrer" class="footer__link-item">Discord Channel</a></li></ul></div><div class="col footer__col"><h4 class="footer__title">More</h4><ul class="footer__items"><li class="footer__item"><a href="https://github.com/callstack/react-native-testing-library" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub</a></li><li class="footer__item"><a href="https://github.com/callstack/react-native-testing-library" target="_blank" rel="noopener noreferrer" class="footer__link-item">Star</a></li></ul></div></div><div class="text--center"><div>Copyright © 2020 Callstack Open Source</div></div></div></footer></div>
<script src="/react-native-testing-library/styles.8dfb75de.js"></script>
<script src="/react-native-testing-library/runtime~main.c9b9aeb0.js"></script>
<script src="/react-native-testing-library/main.ce42f001.js"></script>
<script src="/react-native-testing-library/1.90d21bfe.js"></script>
<script src="/react-native-testing-library/2.f40237fe.js"></script>
<script src="/react-native-testing-library/17.0fef2f73.js"></script>
<script src="/react-native-testing-library/20.0fd9dd36.js"></script>
<script src="/react-native-testing-library/e91cf13d.d5eb4730.js"></script>
<script src="/react-native-testing-library/17896441.6f454b4c.js"></script>
<script src="/react-native-testing-library/6bbd6f71.06aef366.js"></script>
</body>
</html>