01

Scenario: Step 1 – User type selection
Given: the user is on the application form page
When: the user is presented with the question "Have you already used Rocken?" and sees the buttons "I’m a new customer" and "I already have a profile"
Then: clicking "I’m a new customer" reveals Step 2, while clicking "I already have a profile" opens the Rocken talent login page.

02

Scenario: Step 2 – Contact information
Given: the user has selected "I’m a new customer"
When: Step 2 loads
Then: the user sees fields for title (styled checkboxes: Ms, Mr, Mx), First name, Second name, Email, Phone, and a "Next" button. The user must complete this step to proceed and can return to Step 1 by clicking on the pink marker.

03

Scenario: Step 2 – Input validation
Given: the user is in Step 2
When: the user enters invalid data or leaves required fields empty
Then: appropriate error messages are displayed for each invalid or empty field, and the user cannot proceed to Step 3 until all fields are valid.

04

Scenario: Step 3 – Document upload
Given: the user has completed Step 2
When: Step 3 loads
Then: the user sees an area to upload or drag and drop their resume and certificates. The accepted file formats include doc, docx, pdf, jpeg, jpg, and png, with a maximum size of 7 MB.
AND see one field for add a link to portfolio or some account

05

Scenario: Step 3 – Document progress bar
Given: the user is in Step 3
When: the user uploads files for their resume and certificates
Then: a progress bar is displayed during the upload process for each file to indicate that the files are being processed.

06

Scenario: Step 3 – Privacy policy agreement
Given: the user is in Step 3
When: the user is presented with the option to agree to the privacy policy
Then: the user must click the checkbox to agree before they can proceed. The user can return to either of the previous steps using the pink markers, and the "Apply" button submits the form, displaying a thank you page.

07

Scenario: Step 3 – Privacy policy validation
Given: the user is in Step 3
When: the user attempts to click the "Apply" button without checking the privacy policy checkbox
Then: an error message is displayed indicating that the privacy policy must be agreed to in order to proceed.

08

Scenario: Step 3 – Document validation
Given: the user is in Step 3
When: the user attempts to upload a file that exceeds the size limit or is in an invalid format
Then: an error message is displayed, and the user cannot proceed until they upload a valid file.

01

Scenario: Recruiter section
Given: the user is viewing the sidebar
When: the sidebar loads
Then: it displays a photo of the recruiter and a common message addressed to the candidate, that is changed during moving the steps in the form.

02

Scenario: Rocken information section
Given: the user is viewing the sidebar
When: the sidebar loads
Then: it displays a short paragraph with information about Rocken and its services.

03

Scenario: How it works section
Given: the user is viewing the sidebar
When: the sidebar loads
Then: it shows a section titled "How it works" with a brief explanation of the recruitment process, outlining steps from starting the application to successfully getting a job.

04

Scenario: Any questions section
Given: the user is viewing the sidebar
When: the sidebar loads
Then: it displays an "Any questions?" section with a button labeled "Ask a question" that opens the Help Center when clicked.

01

Scenario: Clickable chips above footer
Given: the user is viewing the main page
When: the user scrolls to the bottom of the page
Then: clickable chips with the most popular categories should be displayed above the footer, each chip linking to a vacancy list pre-filtered by the selected category.

02

Scenario: About Rocken links
Given: the user is viewing the footer section
When: the footer is fully loaded
Then: the "About Rocken" section should include the following clickable links: "About us", "Blog", "Impressum", and "Datenshutz / AGB".

03

Scenario: Career with Rocken links
Given: the user is viewing the footer section
When: the footer is fully loaded
Then: the "Career with Rocken" section should include the following clickable links: "Create profile", "Salary calculator", and "Rocken talent".

04

Scenario: Rocken for Employers links
Given: the user is viewing the footer section
When: the footer is fully loaded
Then: the "Rocken for Employers" section should include the "Contact customer service", "Companies" and "Sitemap" links

05

Scenario: Switch to dark theme button
Given: the user is viewing the footer section
When: the footer is fully loaded
Then: the footer should display a "Switch to dark theme" button that toggles the site theme.

06

Scenario: Language switcher
Given: the user is viewing the footer section
When: the footer is displayed
Then: it should include a "Language switcher" option to change the site language.

07

Scenario: Help center link
Given: the user is viewing the footer section
When: the footer is fully loaded
Then: the footer should include a "Help Center" link that redirects users to the help section.

08

Scenario: Copyright and Address Information
Given: the user is viewing the footer section
When: the footer is fully loaded
Then: the footer should display the following text: "© ROCKEN 2024. All rights reserved," along with the ROCKEN AG address: "Werdstrasse 21, 8004, Zürich, Schweiz."

09

Scenario: Copyright and Address Information
Given: the user is viewing the footer section
When: the footer is fully loaded
Then: the footer should display the following text: "© ROCKEN 2024. All rights reserved," along with the ROCKEN AG address: "Werdstrasse 21, 8004, Zürich, Schweiz."

01

Scenario: Section layout and title
Given: the user is viewing the main page
When: the page loads
Then: the "How Can We Help You" section should be displayed with the title "How Can We Help You?" and accompanying description text.

02

Scenario: Search field functionality
Given: the user is viewing the "How Can We Help You" section
When: the user enters a query into the search field and clicks the search button
Then: the user should be redirected to the Help Center results page displaying relevant articles based on the query.

03

Scenario: Predefined sections display
Given: the user is viewing the "How Can We Help You" section
When: the section is fully loaded
Then: several predefined sections with answers to common questions should be displayed, each section clearly labeled and accessible for further information.

04

Scenario: Responsive behavior
Given: the user is viewing the "How Can We Help You" section on different screen sizes (desktop, tablet, mobile)
When: the screen size changes
Then: the search field and predefined sections should adjust layout and visibility, maintaining usability and readability on all devices.

01

Scenario: Section layout and title
Given: the user is viewing the main page
When: the page loads
Then: the "Quotes from Customers" section should be displayed with three separate quotes

02

Scenario: Tony’s quote display
Given: the user is viewing the "Quotes from Customers" section
When: the section is fully loaded
Then: Tony’s photo should be displayed alongside his quote and name.

03

Scenario: Company quotes display
Given: the user is viewing the "Quotes from Customers" section
When: the section is fully loaded
Then: two additional quotes from partner companies should be displayed with their respective company logos and names.

04

Scenario: Responsive behavior
Given: the user is viewing the "Quotes from Customers" section on different screen sizes (desktop, tablet, mobile)
When: the screen size changes
Then: the quotes should adjust and stack appropriately, maintaining visibility and readability on all devices.

01

Scenario: Section layout and title
Given: the user is viewing the main page
When: the page loads
Then: the "Verified Vacancies" section should be displayed with the title "We have verified vacancies in almost every domain."

02

Scenario: Industry slider
Given: the user is viewing the "Verified Vacancies" section
When: the industry slider is displayed
Then: the slider should include boxes with industry names and the number of vacancies in each.

03

Scenario: Slider navigation
Given: the user is viewing the "Verified Vacancies" section
When: the user clicks on the left or right navigation buttons
Then: the industry slider should move left or right, displaying additional industry options.

04

Scenario: Industry click
Given: the user is viewing the "Verified Vacancies" slider
When: the user clicks on the number of vacancies displayed for a specific industry
Then: the user should be redirected to the vacancy list page with a pre-filter applied based on the selected industry.

05

Scenario: Start Searching section display
Given: the user is viewing the "Verified Vacancies" section
When: the section is fully loaded
Then: the "Start Searching" section should be displayed below the industry slider with three columns: "Popular Job Categories," "Locations," and "Popular Searches," each showing relevant categories and industries with the number of vacancies inside.

06

Scenario: View All link
Given: the user is viewing the "Start Searching" section
When: the user clicks on the "View All" link at the bottom
Then: the user should be redirected to the full vacancy list page without any pre-filters applied.

01

Scenario: Section layout and content
Given: the user is viewing the main page
When: the page loads
Then: the "Create Profile" section should display the title "Get a perfectly crafted profile" along with the following points:

1. Our professional consultants and recruiters will help you create the best resume on the market.

2. We take on the entire process of communication with the company.

3. At your disposal is a vast number of current and verified job vacancies.

02

Scenario: Create Profile button
Given: the user sees the "Create Profile" button
When: the button is clicked
Then: the user should be redirected to the application process page in a new browser window.

03

Scenario: Image display
Given: the user is viewing the "Create Profile" section
When: the section is loaded
Then: the image of a laptop with a successfully created profile should be displayed next to the text content.

04

Scenario: Button hover effect
Given: the user hovers over the "Create Profile" button
When: the mouse hovers over the button
Then: the button should display a hover effect indicating it is clickable (e.g., change color or show an animation).

01

Scenario: Section layout and content
Given: the user is viewing the main page
When: the page loads
Then: the "How it Works" section should display the title "How it Works?", a short description, and a list of animated steps with image demonstrations for each stage of the job application process.

02

Scenario: Step 1 – Find the perfect vacancy
Given: the user is reading Step 1
When: the step is displayed
Then: it should include the description: "Explore our vast range of job opportunities tailored to your field and interests. Review the job description, location, and salary to ensure it aligns with your goals."

03

Scenario: Step 2 – Submit application
Given: the user is reading Step 2
When: the step is displayed
Then: it should include the description: "Once you’re ready, fill out a short application form with your details and submit it. It’s simple, fast, and puts you one step closer to your dream role."

04

Scenario: Step 3 – Professional profile
Given: the user is reading Step 3
When: the step is displayed
Then: it should include the description: "Rocken consultant will review your application and create a professional profile or give you recommendations and best practices to improve your chances to get your dream job."

05

Scenario: Step 4 – Get rocked
Given: the user is reading Step 4
When: the step is displayed
Then: it should include the description: "If everything goes well, you’ll receive a job offer from the company. Rocken will assist you in negotiating terms and securing the best deal for your new role."

06

Scenario: Animated step transitions
Given: the user scrolls through the "How it Works" section
When: the user reaches each step
Then: the corresponding step should animate in, displaying both text and images in a visually engaging manner.

01

Scenario: Category box display
Given: the user is viewing the main page
When: the page loads
Then: the slider should display clickable category boxes, each representing a different job category.

02

Scenario: Navigating through categories
Given: the user is viewing the category slider
When: the user clicks the left or right navigation buttons
Then: the slider should scroll accordingly, displaying additional categories based on the button clicked.

03

Scenario: Clicking a category
Given: the user clicks on a category box in the slider
When: the user interacts with the category
Then: the user should be redirected to a page with a list of vacancies prefiltered by the selected category

04

Scenario: Slider transformation on scroll
Given: the user scrolls down on the main page
When: the user scrolls past the slider
Then: the slider should transform into a smaller, fixed view at the top of the screen, maintaining visibility as the user continues to scroll.