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
@@ -232,48 +232,19 @@ some UI utilities that make easy to use them as a development tool.
232
232
233
233
<br/><br/>
234
234
235
-
# `7. Component Testing`
236
235
237
-
Please note: the whole Component Testing world is changing rapidly, more contents will be added.
238
236
239
-
## ![✔] 7.1 [@NoriSte](https://github.com/NoriSte)'s approach: Testing a component with Cypress and Storybook
237
+
#`7. Advanced`
240
238
241
-
**TL;DR:** Components ar the building blocks of your app, testing them in isolation is important to discover, as soon as possible, iof there is something wrong with them.
242
-
243
-
**Otherwise:** UI Tests without lower-level tests do not allow you to understand the source of the problem.
244
-
245
-
🔗 [**Read More: Testing a component with Cypress and Storybook**](/sections/tools/cypress-and-storybook.md)
246
-
247
-
<br/>
248
-
249
-
## ![✔] 7.2 [@daedalius](https://github.com/daedalius)'s approach: Exposing components from Storybook separating stories from tests
250
-
251
-
**TL;DR:** You may expose the component reference from Storybook Story to test it whatever you wish in Cypress without breaking testing logic into pieces.
252
-
253
-
**Otherwise:** Splitted test logic and test data will make it difficult to read and support.
254
-
255
-
🔗 [**Read More: Cypress + Storybook. Keeping test scenario, data and component rendering in one place.**](/sections/tools/cypress-and-storybook-exposing-component-from-story.md)
256
-
257
-
<br/>
258
-
259
-
## ![✔] 7.3 Unit Testing React components with Cypress
260
-
261
-
**TL;DR:** Cypress v4.5.0 release allowed Unit Testing React components, an external tool like Storybook is not necessary anymore to test isolated components.
262
-
263
-
🔗 [**Read More: Unit Testing React components with Cypress.**](/sections/tools/cypress-react-component-test.md)
264
-
<br/> <br/>
265
-
266
-
# `8. Advanced`
267
-
268
-
## ![✔] 8.1 Test States
239
+
## ![✔] 7.1 Test States
269
240
270
241
**TL;DR:** Tests should be repeatable, modular and should handle their own state setup. UI Tests should not be repeated in order to achieve state for another test.
271
242
272
243
🔗 [**Read More: Test States**](./sections/advanced/test-states.md)
273
244
274
245
<br/>
275
246
276
-
## ![✔]8.2 Test Flake
247
+
## ![✔]7.2 Test Flake
277
248
278
249
**TL;DR:** Tests must produce consistent results every time. Repeatable pipeline execution results are the quorum.
279
250
If a test cannot produce reliable results, it reduces confidence in the tests and requires maintenance which reduces all value. In these cases it is best to manually test the functionality.
@@ -282,33 +253,33 @@ If a test cannot produce reliable results, it reduces confidence in the tests an
282
253
283
254
<br/>
284
255
285
-
## ![✔]8.3 Combinatorial Testing
256
+
## ![✔]7.3 Combinatorial Testing
286
257
287
258
**TL;DR:** Most software bugs and failures are caused by one or two parameters. Testing parameter combinations can provide more efficient fault detection than conventional methods. Combinatorial Testing is a proven method for more effective software testing at a lower cost.
**TL;DR:** Although this is a vast topic, Performance testing from a web development perspective can be simplified with modern tools and understanding. It is highly effective in ensuring user experience, satisfying non-functional requirements (NFRS), and detecting possible system-flake early on.
**TL;DR:** Email testing is [critical for business success](https://www.industrialmarketer.com/why-email-testing-is-critical-for-email-marketing-success/). Modern services not only allow automated email testing but also provide a stateless, scalable solution while testing SaaS applications.
## ![✔]9.1 Siemens - Test the front-end with the integration tests, the back-end with the E2E ones - in reference to [Component vs Integration vs E2e Testing](./sections/testing-strategy/component-vs-integration-vs-e2e-testing.md)
282
+
## ![✔]8.1 Siemens - Test the front-end with the integration tests, the back-end with the E2E ones - in reference to [Component vs Integration vs E2e Testing](./sections/testing-strategy/component-vs-integration-vs-e2e-testing.md)
312
283
313
284
**TL;DR:** UI tests with a stubbed server are reliable and faster compared to full E2E tests. Full E2E tests are not always necessary to ensure front-end quality. We can instead have high confidence in front-end quality by using lower-cost UI integration tests and saving higher cost E2E tests for the back-end.
314
285
@@ -318,6 +289,40 @@ If a test cannot produce reliable results, it reduces confidence in the tests an
318
289
319
290
<br/> <br/>
320
291
292
+
# `9. Obsolete chapters`
293
+
294
+
## Unit Testing React components with Cypress
295
+
296
+
*This section is now marked as obsolete because it refers to a very old version of Cypress (that now fully supports component tests).*
297
+
298
+
**TL;DR:** Cypress v4.5.0 release allowed Unit Testing React components, an external tool like Storybook is not necessary anymore to test isolated components.
299
+
300
+
🔗 [**Read More: Unit Testing React components with Cypress.**](/sections/tools/cypress-react-component-test.md)
301
+
302
+
<br/>
303
+
304
+
## [@daedalius](https://github.com/daedalius)'s approach: Exposing components from Storybook separating stories from tests
305
+
306
+
*This section is now marked as obsolete because it refers to a very old version of Cypress and Storybook (either of them now fully support component tests).*
307
+
308
+
**TL;DR:** You may expose the component reference from Storybook Story to test it whatever you wish in Cypress without breaking testing logic into pieces.
309
+
310
+
**Otherwise:** Splitted test logic and test data will make it difficult to read and support.
311
+
312
+
🔗 [**Read More: Cypress + Storybook. Keeping test scenario, data and component rendering in one place.**](/sections/tools/cypress-and-storybook-exposing-component-from-story.md)
313
+
314
+
## [@NoriSte](https://github.com/NoriSte)'s approach: Testing a component with Cypress and Storybook
315
+
316
+
*This section is now marked as obsolete because it refers to a very old version of Cypress and Storybook (either of them now fully support component tests).*
317
+
318
+
**TL;DR:** Components ar the building blocks of your app, testing them in isolation is important to discover, as soon as possible, iof there is something wrong with them.
319
+
320
+
**Otherwise:** UI Tests without lower-level tests do not allow you to understand the source of the problem.
321
+
322
+
🔗 [**Read More: Testing a component with Cypress and Storybook**](/sections/tools/cypress-and-storybook.md)
323
+
324
+
<br/> <br/>
325
+
321
326
## Steering Committee
322
327
323
328
Meet the steering committee members - the people who work together to provide guidance and future direction to the project.
Copy file name to clipboardExpand all lines: sections/tools/cypress-and-storybook-exposing-component-from-story.md
+5-1Lines changed: 5 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,8 @@
1
-
# Cypress + Storybook. Keeping test scenario, data and component rendering in one place.
1
+
# [OBSOLETE] Cypress + Storybook. Keeping test scenario, data and component rendering in one place.
2
+
3
+
*This section is now marked as obsolete because it refers to a very old version of Cypress and Storybook (either of them now fully support component tests).*
4
+
5
+
---
2
6
3
7
_Russian version: [Cypress + Storybook. Хранение тестового сценария, данных и рендеринг компонента в одном месте](https://habr.com/ru/post/497544/)._
Copy file name to clipboardExpand all lines: sections/tools/cypress-and-storybook.md
+5-1Lines changed: 5 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,8 @@
1
-
# Testing a component with Cypress and Storybook
1
+
# [OBSOLETE] Testing a component with Cypress and Storybook
2
+
3
+
*This section is now marked as obsolete because it refers to a very old version of Cypress and Storybook (either of them now fully support component tests).*
4
+
5
+
---
2
6
3
7
_**UPDATE**: After this experimental approach, take a look at the “[Unit Testing React components with Cypress](./cypress-react-component-test.md)” chapter, things got simplified and more effective with Cypress 4.5.0 release!_
Copy file name to clipboardExpand all lines: sections/tools/cypress-react-component-test.md
+5-1Lines changed: 5 additions & 1 deletion
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -1,4 +1,8 @@
1
-
# Unit Testing React components with Cypress
1
+
# [OBSOLETE] Unit Testing React components with Cypress
2
+
3
+
*This section is now marked as obsolete because it refers to a very old version of Cypress (that now fully supports component tests).*
4
+
5
+
---
2
6
3
7
_**UPDATE**: [Cypress 10 is out with Component Testing integrated with E2E testing](https://www.cypress.io/blog/2022/06/01/cypress-10-release/), please check it out and ignore all the configuration steps reported below since they are outdated!_
0 commit comments