Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add Qonto Mirage writeup #927

Merged
merged 3 commits into from
Mar 12, 2021
Merged

Add Qonto Mirage writeup #927

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
bea75c7
Add Qonto writeup
amyrlam Mar 11, 2021
72cde40
Update content/the-ember-times-issue-175.md
amyrlam Mar 12, 2021
f5970dd
Update the-ember-times-issue-175.md
amyrlam Mar 12, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions content/the-ember-times-issue-175.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
title: The Ember Times - Issue No. 175
authors:
- isaac-lee
- amy-lam
- the-crowd # replace with real authors from the author folder (add yourself if you're not there)
date: 2021-03-12T00:00:00.000Z
tags:
Expand All @@ -12,6 +13,8 @@ tags:
👋 Emberistas! 🐹

`ember-responsive-image` v2 released 🖼️,
Use Mirage JS to test non-trivial user flows ⬆️,
...
<SOME-INTRO-HERE-TO-KEEP-THEM-SUBSCRIBERS-READING>

---
Expand Down Expand Up @@ -58,14 +61,11 @@ To learn more how `ember-responsive-image` can help you optimize loading images,

---

## [4. Section title in sentence case 🐹](section-url)
## [How Qonto used Mirage JS for complex user flow testing ⬆️](https://medium.com/qonto-way/how-to-handle-uploading-and-parsing-files-in-your-frontend-app-tests-19bee8e7a61f)

<change section title emoji>
<consider adding some bold to your paragraph>
<please include link to external article/repo/etc in paragraph / body text, not just header title above>
[Sabin Hertanu (@herzzanu)](https://github.com/herzzanu) details a **testing challenge** he ran into at [Qonto](https://qonto.com/en) in the article [How to handle uploading and parsing files in your frontend app tests](https://medium.com/qonto-way/how-to-handle-uploading-and-parsing-files-in-your-frontend-app-tests-19bee8e7a61f). In Qonto's Ember app, users can upload a file to their servers for creating transfers in bulk. The server reads, parses, and processes the data before sending a list of transfers in response. Mocking the endpoints to accurately match this full process would take a lot of time and code, in addition to being challenging to maintain and scale.

<add your name to author list, top and bottom>
<add short title to "SOME-INTRO-HERE">
[Mirage JS](https://miragejs.com/) is a library for mocking API endpoints as [route handlers](https://miragejs.com/docs/main-concepts/route-handlers/) to test JavaScript apps, without having to rely on any backend services. Sabin discusses how Qonto uses Mirage [Factories](https://miragejs.com/docs/main-concepts/factories/) to test this tricky user flow. Check out the walkthrough with test code samples in the [blog post](https://medium.com/qonto-way/how-to-handle-uploading-and-parsing-files-in-your-frontend-app-tests-19bee8e7a61f) to learn about how Qonto mocked the API to make sure it matches what they would expect from the real API in production. Effective testing can pay dividends in improving the developer experience and maintaining the quality of the user experience!

---

Expand Down Expand Up @@ -139,4 +139,4 @@ That's another wrap! ✨

Be kind,

Isaac Lee, the crowd and the Learning Team
Isaac Lee, Amy Lam, the crowd and the Learning Team