You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: docs/articles/blog/2020-4-20-how-to-scroll-web-pages-using-testcafe.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -22,7 +22,7 @@ await t.click('#submit-btn');
22
22
23
23
## Scroll to a Rendered DOM Element
24
24
25
-
If you need to scroll a page to display a specific element or area, but don't need to perform an action on the target element, use the [hover](https://devexpress.github.io/testcafe/documentation/test-api/actions/hover.html) method.
25
+
If you need to scroll a page to display a specific element or area, but don't need to perform an action on the target element, use the [hover](https://devexpress.github.io/testcafe/documentation/reference/test-api/testcontroller/hover.html) method.
26
26
27
27
```js
28
28
// scroll to the "#country-map" element
@@ -33,7 +33,7 @@ await t.hover('#country-map');
33
33
34
34
In certain scenarios, elements cannot be identified by a selector. For instance, a page may contain a dynamically generated list of identical items. Another example is virtual scrolling: the element might not exist on a page when the action starts.
35
35
36
-
A solution in these cases is to use the browser's native API. For example, you can use the [window.scrollBy](https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollBy) method. To access this method, utilize the [ClientFunction](https://devexpress.github.io/testcafe/documentation/test-api/obtaining-data-from-the-client/#creating-client-functions) generator. Calculate the offset between the element and the top of the container, and pass these values to the scrollBy method.
36
+
A solution in these cases is to use the browser's native API. For example, you can use the [window.scrollBy](https://developer.mozilla.org/en-US/docs/Web/API/Window/scrollBy) method. To access this method, utilize the [ClientFunction](https://devexpress.github.io/testcafe/documentation/reference/test-api/clientfunction/constructor.html) generator. Calculate the offset between the element and the top of the container, and pass these values to the scrollBy method.
37
37
38
38
```js
39
39
import { ClientFunction } from'testcafe';
@@ -56,7 +56,7 @@ test(`test`, async t => {
56
56
57
57
Sometimes offset calculation is not an option. If a page uses virtual scrolling, element heights can change. You may not even know the number of elements above the element to be displayed. You might only know the element's content, such as its display text.
58
58
59
-
To find an element by text, scroll to the last rendered item on the list so that the next portion of elements are loaded. Continue the process until you locate the element. A selector's [exists](https://devexpress.github.io/testcafe/documentation/test-api/selecting-page-elements/selectors/using-selectors.html#check-if-an-element-exists) property allows you to scan rendered elements and see if an element with that text exists. If it does exist, the search is over. If not, repeat the cycle.
59
+
To find an element by text, scroll to the last rendered item on the list so that the next portion of elements are loaded. Continue the process until you locate the element. A selector's [exists](https://devexpress.github.io/testcafe/documentation/guides/basic-guides/select-page-elements.html#check-if-an-element-exists) property allows you to scan rendered elements and see if an element with that text exists. If it does exist, the search is over. If not, repeat the cycle.
Copy file name to clipboardexpand all lines: docs/articles/index.html
+8-8
Original file line number
Diff line number
Diff line change
@@ -31,7 +31,7 @@
31
31
<divclass="value value-1">
32
32
<p>Works on all popular environments</p>
33
33
<divclass="description">
34
-
<p>TestCafe runs on Windows, MacOS, and Linux. It supports desktop, mobile, remote and cloud <ahref="https://devexpress.github.io/testcafe/documentation/using-testcafe/common-concepts/browsers/browser-support.html" target="_blank">browsers</a> (UI or headless).</p>
34
+
<p>TestCafe runs on Windows, MacOS, and Linux. It supports desktop, mobile, remote and cloud <ahref="https://devexpress.github.io/testcafe/documentation/guides/concepts/browsers.html" target="_blank">browsers</a> (UI or headless).</p>
35
35
</div>
36
36
</div>
37
37
</div>
@@ -141,23 +141,23 @@ <h2>4. View the reports</h2>
141
141
<divclass="feature feature-1">
142
142
<p>Create stable tests<br/>(and no manual timeouts)</p>
143
143
<divclass="description">
144
-
<p>TestCafe automatically waits for page loads and XHRs before the test starts and after each action. It also features smart test actions and <ahref="https://devexpress.github.io/testcafe/documentation/test-api/assertions/#smart-assertion-query-mechanism" target="_blank">assertions</a> that wait for page elements to appear. You can change the maximum wait time. If elements load faster, tests skip the timeout and continue.</p>
144
+
<p>TestCafe automatically waits for page loads and XHRs before the test starts and after each action. It also features smart test actions and <ahref="https://devexpress.github.io/testcafe/documentation/guides/basic-guides/assert.html#smart-assertion-query-mechanism" target="_blank">assertions</a> that wait for page elements to appear. You can change the maximum wait time. If elements load faster, tests skip the timeout and continue.</p>
145
145
</div>
146
146
</div>
147
147
</div>
148
148
<divclass="feature-container">
149
149
<divclass="feature feature-2">
150
150
<p>Write in latest JS<br/>or TypeScript</p>
151
151
<divclass="description">
152
-
<p>TestCafe supports the latest JavaScript features, including ES2017 (for example, async/await). You can also use <ahref="https://devexpress.github.io/testcafe/documentation/test-api/typescript-support.html" target="_blank">TypeScript</a> if you prefer a strongly typed language.</p>
152
+
<p>TestCafe supports the latest JavaScript features, including ES2017 (for example, async/await). You can also use <ahref="https://devexpress.github.io/testcafe/documentation/guides/concepts/typescript-and-coffeescript.html" target="_blank">TypeScript</a> if you prefer a strongly typed language.</p>
153
153
</div>
154
154
</div>
155
155
</div>
156
156
<divclass="feature-container">
157
157
<divclass="feature feature-3">
158
158
<p>Detect JS errors<br/>in your code</p>
159
159
<divclass="description">
160
-
<p>TestCafe reports JS errors that it finds on the webpage. Tests automatically fail because of that. However, you can <ahref="https://devexpress.github.io/testcafe/documentation/using-testcafe/command-line-interface.html#-e---skip-js-errors" target="_blank">disable this</a>.</p>
160
+
<p>TestCafe reports JS errors that it finds on the webpage. Tests automatically fail because of that. However, you can <ahref="https://devexpress.github.io/testcafe/documentation/reference/command-line-interface.html#-e---skip-js-errors" target="_blank">disable this</a>.</p>
161
161
</div>
162
162
</div>
163
163
</div>
@@ -167,15 +167,15 @@ <h2>4. View the reports</h2>
167
167
<divclass="feature feature-4">
168
168
<p>Launch<br/>concurrent tests</p>
169
169
<divclass="description">
170
-
<p>TestCafe can open multiple instances of the same browser to run <ahref="https://devexpress.github.io/testcafe/documentation/using-testcafe/common-concepts/concurrent-test-execution.html" target="_blank">parallel tests</a> which decreases test execution time.</p>
170
+
<p>TestCafe can open multiple instances of the same browser to run <ahref="https://devexpress.github.io/testcafe/documentation/guides/basic-guides/run-tests.html#run-tests-concurrently" target="_blank">parallel tests</a> which decreases test execution time.</p>
171
171
</div>
172
172
</div>
173
173
</div>
174
174
<divclass="feature-container">
175
175
<divclass="feature feature-5">
176
176
<p>Build readable tests<br/>with PageObject</p>
177
177
<divclass="description">
178
-
<p>The TestCafe's <ahref="https://devexpress.github.io/testcafe/documentation/test-api/" target="_blank">Test API</a> includes a high-level selector library, assertions, etc. You can combine them to implement readable tests with the <ahref="https://devexpress.github.io/testcafe/documentation/recipes/using-page-model.html" target="_blank">PageObject pattern</a>.</p>
178
+
<p>The TestCafe's Test API includes a high-level selector library, assertions, etc. You can combine them to implement readable tests with the <ahref="https://devexpress.github.io/testcafe/documentation/guides/concepts/page-model.html" target="_blank">PageObject pattern</a>.</p>
179
179
<divclass="feature-5-code"><codeclass="page-object-example">const el = Selector('.column').find('label')<br/> .withText('MacOS').child('input');</code></div>
180
180
<divclass="feature-5-code-mobile"><codeclass="page-object-example">const el = Selector('.column')
181
181
.find('label')
@@ -188,7 +188,7 @@ <h2>4. View the reports</h2>
188
188
<divclass="feature feature-6">
189
189
<p>Include tests in continuous<br/>integration system</p>
190
190
<divclass="description">
191
-
<p>You can run TestCafe from a console, and its reports can be viewed in a CI system's interface (<ahref="https://devexpress.github.io/testcafe/documentation/recipes/integrating-testcafe-with-ci-systems/teamcity.html" target="_blank">TeamCity</a>, <ahref="https://devexpress.github.io/testcafe/documentation/recipes/integrating-testcafe-with-ci-systems/jenkins.html" target="_blank">Jenkins</a>, <ahref="https://devexpress.github.io/testcafe/documentation/recipes/integrating-testcafe-with-ci-systems/travis.html" target="_blank">Travis</a> & etc.)</p>
191
+
<p>You can run TestCafe from a console, and its reports can be viewed in a CI system's interface (<ahref="https://devexpress.github.io/testcafe/documentation/guides/continuous-integration/teamcity.html" target="_blank">TeamCity</a>, <ahref="https://devexpress.github.io/testcafe/documentation/guides/continuous-integration/jenkins.html" target="_blank">Jenkins</a>, <ahref="https://devexpress.github.io/testcafe/documentation/guides/continuous-integration/travis.html" target="_blank">Travis</a> & etc.)</p>
0 commit comments