Skip to content

Commit c3e4c1a

Browse files
docusaurus-botdocusaurus-bot
committed
Deploy website
Deploy website version based on bafb4eb
1 parent f319da5 commit c3e4c1a

File tree

169 files changed

+2419
-2099
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

169 files changed

+2419
-2099
lines changed

‎docs/en/22.x/tutorial-react-native.html‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,19 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
9595
<span class="hljs-keyword">import</span> React, {Component} <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>;
9696
<span class="hljs-keyword">import</span> {StyleSheet, Text, View} <span class="hljs-keyword">from</span> <span class="hljs-string">'react-native'</span>;
9797

98+
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
99+
render() {
100+
<span class="hljs-keyword">return</span> (
101+
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
102+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
103+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
104+
This is a React Native snapshot test.
105+
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
106+
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
107+
);
108+
}
109+
}
110+
98111
<span class="hljs-keyword">const</span> styles = StyleSheet.create({
99112
<span class="hljs-attr">container</span>: {
100113
<span class="hljs-attr">alignItems</span>: <span class="hljs-string">'center'</span>,
@@ -114,18 +127,7 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
114127
},
115128
});
116129

117-
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
118-
render() {
119-
<span class="hljs-keyword">return</span> (
120-
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
121-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
122-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
123-
This is a React Native snapshot test.
124-
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
125-
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
126-
);
127-
}
128-
}
130+
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> Intro;
129131
</code></pre>
130132
<p>Now let's use React's test renderer and Jest's snapshot feature to interact with the component and capture the rendered output and create a snapshot file:</p>
131133
<pre><code class="hljs css language-tsx"><span class="hljs-comment">// __tests__/Intro-test.js</span>

‎docs/en/22.x/tutorial-react-native/index.html‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,19 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
9595
<span class="hljs-keyword">import</span> React, {Component} <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>;
9696
<span class="hljs-keyword">import</span> {StyleSheet, Text, View} <span class="hljs-keyword">from</span> <span class="hljs-string">'react-native'</span>;
9797

98+
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
99+
render() {
100+
<span class="hljs-keyword">return</span> (
101+
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
102+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
103+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
104+
This is a React Native snapshot test.
105+
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
106+
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
107+
);
108+
}
109+
}
110+
98111
<span class="hljs-keyword">const</span> styles = StyleSheet.create({
99112
<span class="hljs-attr">container</span>: {
100113
<span class="hljs-attr">alignItems</span>: <span class="hljs-string">'center'</span>,
@@ -114,18 +127,7 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
114127
},
115128
});
116129

117-
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
118-
render() {
119-
<span class="hljs-keyword">return</span> (
120-
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
121-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
122-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
123-
This is a React Native snapshot test.
124-
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
125-
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
126-
);
127-
}
128-
}
130+
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> Intro;
129131
</code></pre>
130132
<p>Now let's use React's test renderer and Jest's snapshot feature to interact with the component and capture the rendered output and create a snapshot file:</p>
131133
<pre><code class="hljs css language-tsx"><span class="hljs-comment">// __tests__/Intro-test.js</span>

‎docs/en/23.x/tutorial-react-native.html‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,19 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
9595
<span class="hljs-keyword">import</span> React, {Component} <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>;
9696
<span class="hljs-keyword">import</span> {StyleSheet, Text, View} <span class="hljs-keyword">from</span> <span class="hljs-string">'react-native'</span>;
9797

98+
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
99+
render() {
100+
<span class="hljs-keyword">return</span> (
101+
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
102+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
103+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
104+
This is a React Native snapshot test.
105+
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
106+
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
107+
);
108+
}
109+
}
110+
98111
<span class="hljs-keyword">const</span> styles = StyleSheet.create({
99112
<span class="hljs-attr">container</span>: {
100113
<span class="hljs-attr">alignItems</span>: <span class="hljs-string">'center'</span>,
@@ -114,18 +127,7 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
114127
},
115128
});
116129

117-
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
118-
render() {
119-
<span class="hljs-keyword">return</span> (
120-
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
121-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
122-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
123-
This is a React Native snapshot test.
124-
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
125-
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
126-
);
127-
}
128-
}
130+
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> Intro;
129131
</code></pre>
130132
<p>Now let's use React's test renderer and Jest's snapshot feature to interact with the component and capture the rendered output and create a snapshot file:</p>
131133
<pre><code class="hljs css language-tsx"><span class="hljs-comment">// __tests__/Intro-test.js</span>

‎docs/en/23.x/tutorial-react-native/index.html‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,19 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
9595
<span class="hljs-keyword">import</span> React, {Component} <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>;
9696
<span class="hljs-keyword">import</span> {StyleSheet, Text, View} <span class="hljs-keyword">from</span> <span class="hljs-string">'react-native'</span>;
9797

98+
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
99+
render() {
100+
<span class="hljs-keyword">return</span> (
101+
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
102+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
103+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
104+
This is a React Native snapshot test.
105+
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
106+
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
107+
);
108+
}
109+
}
110+
98111
<span class="hljs-keyword">const</span> styles = StyleSheet.create({
99112
<span class="hljs-attr">container</span>: {
100113
<span class="hljs-attr">alignItems</span>: <span class="hljs-string">'center'</span>,
@@ -114,18 +127,7 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
114127
},
115128
});
116129

117-
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
118-
render() {
119-
<span class="hljs-keyword">return</span> (
120-
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
121-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
122-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
123-
This is a React Native snapshot test.
124-
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
125-
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
126-
);
127-
}
128-
}
130+
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> Intro;
129131
</code></pre>
130132
<p>Now let's use React's test renderer and Jest's snapshot feature to interact with the component and capture the rendered output and create a snapshot file:</p>
131133
<pre><code class="hljs css language-tsx"><span class="hljs-comment">// __tests__/Intro-test.js</span>

‎docs/en/24.x/tutorial-react-native.html‎

Lines changed: 14 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,19 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
9595
<span class="hljs-keyword">import</span> React, {Component} <span class="hljs-keyword">from</span> <span class="hljs-string">'react'</span>;
9696
<span class="hljs-keyword">import</span> {StyleSheet, Text, View} <span class="hljs-keyword">from</span> <span class="hljs-string">'react-native'</span>;
9797

98+
<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
99+
render() {
100+
<span class="hljs-keyword">return</span> (
101+
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
102+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
103+
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
104+
This is a React Native snapshot test.
105+
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
106+
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
107+
);
108+
}
109+
}
110+
98111
<span class="hljs-keyword">const</span> styles = StyleSheet.create({
99112
<span class="hljs-attr">container</span>: {
100113
<span class="hljs-attr">alignItems</span>: <span class="hljs-string">'center'</span>,
@@ -114,18 +127,7 @@ <h2><a class="anchor" aria-hidden="true" id="snapshot-test"></a><a href="#snapsh
114127
},
115128
});
116129

117-
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> <span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">Intro</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">Component</span> </span>{
118-
render() {
119-
<span class="hljs-keyword">return</span> (
120-
<span class="xml"><span class="hljs-tag">&lt;<span class="hljs-name">View</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.container}</span>&gt;</span>
121-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.welcome}</span>&gt;</span>Welcome to React Native!<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
122-
<span class="hljs-tag">&lt;<span class="hljs-name">Text</span> <span class="hljs-attr">style</span>=<span class="hljs-string">{styles.instructions}</span>&gt;</span>
123-
This is a React Native snapshot test.
124-
<span class="hljs-tag">&lt;/<span class="hljs-name">Text</span>&gt;</span>
125-
<span class="hljs-tag">&lt;/<span class="hljs-name">View</span>&gt;</span></span>
126-
);
127-
}
128-
}
130+
<span class="hljs-keyword">export</span> <span class="hljs-keyword">default</span> Intro;
129131
</code></pre>
130132
<p>Now let's use React's test renderer and Jest's snapshot feature to interact with the component and capture the rendered output and create a snapshot file:</p>
131133
<pre><code class="hljs css language-tsx"><span class="hljs-comment">// __tests__/Intro-test.js</span>

0 commit comments

Comments
 (0)