The Recruiter section displays the recruiter’s photo and name, along with an option to contact them, providing a direct communication channel for candidates interested in the vacancy.
As a job seeker
I want to see the photo and name of the recruiter
So that I can contact them if I have questions about the vacancy.
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Recruiter Information Display |
|
|
02 |
Scenario: Contact Recruiter Option |
|
On the Rocken Jobs Publications page, the left column displays a list of vacancies (referred to as "publications"), while the right section shows the content of the currently selected vacancy. By default, the first vacancy in the list is opened and displayed in the right section. The list is accessed from the main page by selecting a category or performing a search. This pre-filters the vacancies according to the selected category or search query. The list shows the vacancy name, city, and salary (or workload if salary is not provided). When a user hovers over a list item, it is highlighted in grey. The currently selected vacancy is displayed with a blue background.
As a job seeker
I want to view a list of vacancies in one place
So that I can quickly navigate through different options and see the details of each vacancy.
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Default vacancy display |
|
|
02 |
Scenario: List item hover effect |
|
|
03 |
Scenario: Selected vacancy indication |
|
|
04 |
Scenario: Displaying vacancy details in the list |
|
|
05 |
Scenario: List filtered by category/search |
|
Content
On the Rocken Jobs Publications page, the application area is a section with a pink background that provides key details about the currently viewed vacancy. It displays information such as the vacancy title, city, employment type, workload, experience, company, and executive (if applicable). The area also includes two main actions: an Apply button, which opens the application flow in a new browser window, and a Recommend Someone button, which triggers a modal window allowing the user to submit contact information of someone they believe is a good fit for the vacancy. As the user scrolls down, the application area shrinks into a smaller fixed view at the top of the page, maintaining the visibility of the Apply and Recommend Someone buttons.
As a job seeker
I want to see the main details and actions for the vacancy clearly
So that I can quickly decide if I want to apply.
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Initial application area display |
|
|
02 |
Scenario: Apply button action |
|
|
03 |
(OOS) Scenario: Recommend Someone button action |
|
|
04 |
Scenario: Scrolling behavior for the application area |
|
|
05 |
Scenario: Fixed view action buttons |
|
|
06 |
(OOS) Scenario: Recommend Someone button in fixed view |
|
The Publications page on the Rocken Jobs website displays a list of vacancies and allows users to apply for open positions. The left column contains a list of publications (job postings), and the right section shows the detailed content of the selected vacancy, including the job description and application details. Users can apply to vacancies directly from this page. This page provides a seamless view of all active job openings and a clear application process for potential candidates.
Epic ticket:
The Rocken Jobs Publications page includes a top line of categories for vacancies, positioned below the header. This category line remains sticky as the user scrolls down the page, ensuring easy navigation. The categories are scrollable horizontally and can also be navigated using left and right arrow icons for quick access. This functionality helps users quickly filter vacancies by specific categories without losing their place on the page.
Reference: https://www.fiverr.com/categories/video-animation?source=category_tree
As a user
I want to have a visible category navigation line on the Publications page
So that I can easily find vacancies that match specific categories without losing the navigation options during scrolling.
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Category top line display |
|
|
02 |
Scenario: Sticky category line |
|
|
03 |
Scenario: Scrollable categories |
|
|
04 |
Scenario: Navigate using arrows |
|
|
05 |
Scenario: Filter vacancies by category |
|
Content
The Rocken Jobs Publications page includes a search bar for finding vacancies by their name. Users can enter the name of a vacancy and refine their search by selecting a specific city where the vacancies should be located. This feature allows users to quickly locate relevant vacancies that match their criteria.
As a user
I want to search for vacancies by their name and filter by city
So that I can find specific job opportunities in a particular location quickly.
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Search bar display |
|
|
02 |
Scenario: Enter vacancy name |
|
|
03 |
Scenario: Select city filter |
|
|
04 |
Scenario: Filter by city |
|
|
05 |
Scenario: Search functionality without page reload |
|
The Rocken Jobs Publications page displays a list of vacancies on the left side and the content of the first vacancy in the list on the right side by default. The vacancy content includes a breadcrumb navigation path at the top indicating the current location on the website, followed by a title header (h1) of the selected vacancy. The breadcrumb trail shows the hierarchy starting from Rocken, the region, and the name of the city. Users can use these breadcrumbs to navigate back to previous sections.
As a user
I want to see the breadcrumbs and the title of the vacancy
So that I know where I am on the website and can easily navigate between sections.
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Breadcrumb display |
|
|
02 |
Scenario: Title display |
|
|
03 |
Scenario: Breadcrumb navigation |
|
This story involves displaying the appropriate header that include only logo
As a candidate applying to a vacancy,
I want to see the correct header on the application page,
So that I see the special style for application page
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Display correct header |
|
This story outlines the Application Form process on the Rocken Jobs (RJ) website, consisting of three steps to facilitate the submission of applications by candidates. The form captures essential information such as whether the candidate is a new or returning user, collects contact details, and allows the upload of necessary documents. The flow includes navigation between steps, validation of input, and final submission to ensure a smooth application experience.
As a candidate applying for a vacancy,
I want to complete the application form in three steps,
So that I can provide my information and documents effectively and submit my application.
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Step 1 – User type selection |
|
|
02 |
Scenario: Step 2 – Contact information |
|
|
03 |
Scenario: Step 2 – Input validation |
|
|
04 |
Scenario: Step 3 – Document upload |
|
|
05 |
Scenario: Step 3 – Document progress bar |
|
|
06 |
Scenario: Step 3 – Privacy policy agreement |
|
|
07 |
Scenario: Step 3 – Privacy policy validation |
|
|
08 |
Scenario: Step 3 – Document validation |
The sidebar is located on the right side of the application page. It provides candidates with additional information and support during the application process. The sidebar includes a recruiter’s photo with a general message, short information about Rocken, a "How it works" section to explain the application process, and an "Any questions" section with a button that opens the Help Center for further assistance.
As a candidate,
I want to view additional information and support options in a sidebar during my application process,
So that I can have a better understanding of the application procedure and contact help if needed.
|
# |
Acceptance Criteria |
|
|---|---|---|
|
01 |
Scenario: Recruiter section |
   
|
|
02 |
Scenario: Rocken information section |
|
|
03 |
Scenario: How it works section |
|
|
04 |
Scenario: Any questions section |
|
