As a Tutor, I want to see the third step of the ‘Become a tutor’ pop-up, so that I can add information about my language
Preconditions:
A User is registered as a Tutor.
A Tutor verifies his/her email via the email service.
A Tutor is logged in, and the ‘Become a tutor’ pop-up is opened.
Acceptance criteria:
When a Tutor goes to the next page during creating a tutor’s account, then he/she sees the “Language” page on the third step.
The Mockups:
• for Desktop
The “Language” page (Desktop version) on the third step contains:
• Left part of a screen:
static picture;
• Right part of a screen, top down:
navigation tab, which shows on what exactly step a tutor is;
the CRUD description of the third step. The description of the third step consists of a text (“Please select the language in which you would like to study and cooperate.”);
dropdown with single select, lazy loading (show 6 languages in dropdown) and scroll down. The dropdown should have an input with autocomplete to find the language. Input should have “Your native language” placeholder text;
two clickable buttons: “Back” – a tutor can go back to the previous page, “Next” – a tutor can go to the next step for creating an account.
• for Tablet
• for Mobile
The static picture is placed below the description of the third step on the “Language” page (Mobile version).
When a Tutor clicks on the particular input, the placeholder text transfers to the transparent header.
When a Tutor enters invalid data, then he/she sees the “No options” dropdown item.
When a Tutor clicks on the close button, pop-up closes without saved changes and a Tutor goes to the home page.
When a Tutor clicks outside the pop-up field, nothing happens.
Note:
The “Language” navigation tab is in bold, because this is the third step of creating a tutor’s account and a Tutor can navigate through steps by the navigation tabs. The “Language” navigation tab is highlighted in the mobile version.
As a Tutor, I want to see the third step of the ‘Become a tutor’ pop-up, so that I can add information about my language
Preconditions:
Acceptance criteria:
When a Tutor goes to the next page during creating a tutor’s account, then he/she sees the “Language” page on the third step. The Mockups: • for Desktop
The “Language” page (Desktop version) on the third step contains: • Left part of a screen:
• for Mobile