Story 2.3.1.1. RT. Vacancy preview page

Content

General info

The Vacancy Preview page displays detailed information about a job vacancy. This includes company profile, job role, responsibilities, qualifications, and benefits. Users can apply for or decline the job directly from the page. The page should be responsive and display correctly across all devices, including tablets.

User story

As a job seeker,
I want to view a well-organized vacancy preview page,
So that I can easily understand the details of the job and apply or decline as needed.

Visual design:

Desktop: https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=48364-161345&t=FImmxT2zWcdnM72s-4

Tablet: https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=61563-53139&t=FImmxT2zWcdnM72s-4

Mobile: https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=62272-105196&t=B9JkGoW4WCj7XG7G-4

 

 

Acceptance criteria

 

01

Scenario: Display Vacancy Title and Company Profile
Given I am on the Vacancy Preview page,
When I view the page,
Then I should see the job title and company profile, including the company’s logo, name, and link to the company profile.

image-20250206-080127.png

02

Scenario: Display Company’s Location and Employment Type
Given I am on the Vacancy Preview page,
When I view the job details,
Then I should see the location and employment type (e.g., full-time, hybrid, etc.) listed next to the company name.

03

Scenario: Display Vacancy Summary Section
Given I am viewing the Vacancy Preview page,
When I scroll down,
Then I should see a section titled "Wichtigste Informationen" (Key Information) with details such as professional experience, salary range, and other key job details.

image-20250206-080225.png

04

Scenario: Display Role and Responsibilities Section
Given I am on the Vacancy Preview page,
When I scroll further,
Then I should see a section titled "Verantwortung" (Responsibilities) with a list of responsibilities related to the job position.

image-20250206-080248.png

05

Scenario: Display Qualifications Section
Given I am on the Vacancy Preview page,
When I scroll further,
Then I should see a section titled "Qualifikationen" (Qualifications) with the required educational background, skills, and qualifications.

image-20250206-080303.png

06

Scenario: Display Benefits Section
Given I am on the Vacancy Preview page,
When I scroll further,
Then I should see a section titled "Benefits" listing all the benefits the job offers (e.g., flexible working hours, health insurance, etc.).

image-20250206-080319.png

07

Scenario: Apply or Decline Buttons
Given I am on the Vacancy Preview page,
When I view the page,
Then I should see two action buttons: "Apply" and "Decline". Clicking "Apply" should take me to the application form, while clicking "Decline" should close the preview or lead to a confirmation.

Story 2.3.1.2. RT. Vacancy preview action buttons

image-20250206-080349.png

08

Scenario: Show "Save to Favorites" Button
Given I am on the Vacancy Preview page,
When I view the page,
Then I should see a "Save to Favorites" button that allows me to save the job to my favorites for later.

image-20250206-080519.png

09

Scenario: Show "Recommend Someone" Button
Given I am on the Vacancy Preview page,
When I view the page,
Then I should see a "Recommend Someone" button that allows me to recommend the job to others (copy link to the page

).

image-20250206-080522.png

10

Scenario: Responsive Layout for Tablets
Given I am viewing the Vacancy Preview page on a tablet,
When I view the content,
Then the layout should adjust to the tablet’s screen size without breaking the design or content structure, ensuring that all sections are still visible and easy to navigate.

unauthorized-user-view.png

11

Scenario: Correct Font and Button Size on Tablets
Given I am viewing the Vacancy Preview page on a tablet,
When I interact with the page,
Then the font size, buttons, and other interactive elements should be appropriately sized for tablet use, ensuring ease of reading and clicking.

12

Scenario: Responsive Layout for Mobile devices
Given I am viewing the Vacancy Preview page on a mobile,
When I view the content,
Then the layout should adjust to the mobile’s screen size without breaking the design or content structure, ensuring that all sections are still visible and easy to navigate.

https://www.figma.com/design/I5CXH7H3ICD0vfA1kPbcVf/Rocken-Design?node-id=62272-105196&t=B9JkGoW4WCj7XG7G-4

Comments

Leave a Reply