Priority: Medium

Pre-conditions:
User logged in.

Steps:

1. Open profile page https://iced-latte.uk/profile
2. Click on the "Upload" button
3. Select photo

ER: The selected photo is displayed
AR: Server Error: Unsupported Media Type

Before:
You can see old login and registration pages.

After:
You need to create new login and registration pages for desktop and mobile.

Steps:

1. Contact our UX/UI designer Kate. Ask her which pages are ready to implement.
2. Implement new login and registration pages for desktop and mobile.
3. Test new login and registration pages for desktop and mobile locally. Be sure that everything works correctly!
4. Create a PR with these changes.
5. Notify your frontend collegues to review your PR.

Description: On the main page, the "Add to Cart" button is displayed incorrectly due to misalignment.

Environment: Chrome, FF, Safari
Steps:

1. Open main page https://iced-latte.uk/
2. Scroll to the end (photo 1)

Environment: Mobile, safari
Steps:

1. Open main page https://iced-latte.uk/
2. Scroll to the "Сhai Latte" (photo 2)
3. Scroll to the end (photo 3)

Priority: Medium
Pre-condition:
User already register.

Steps:

1. Navigate to https://iced-latte.uk/profile
   2.Click button “Edit“
2. Enter in field 'Last name' name = Bryan Eastin or Bryan - Eastin.
3. Click button “Save Changes“.

ER: update in last name should save.

AR: got input validation error message ‘Invalid Last name format. Use extended Latin letters’ and update was not saved.

FR:

Free text
2-128 symbols
Two types of errors:"Last name is the mandatory attribute"
"Last name should have a length between 2 and 128 characters"

1. Add counter to the "favourites" icon.

2. Change color and gap between the icon and name of a button.

3. Shift counter on the cart to the right and up.

4. Change the header's container height to 48px.
5. Add shadow to the container and button

Steps:

1. Open main page https://iced-latte.uk/
2. Click on the "Favorites" button in the header

ER: The button color changes
AR: The button color does not change (photo 2)

Implement product filtering by rating and price on the main page of the website.

Before:

1. You can see that on the main page (product's catalog) there are filters labels which are just static and not working as buttons.

After:
These Filters labels must work as the buttons. Check our docs. There are our requirements.

Pre-condition:
User is not logged in

Step:

1. Open Login Page: https://iced-latte.uk/auth/login
2. Go to Registration Page: https://iced-latte.uk/auth/registration

ER: Button of dropdown list "Sort by" is not displayed on the Login & Registration Pages

FR: Button of dropdown list "Sort by" is displayed on the Login & Registration Pages

Priority: Medium

Pre-Conditions:

1. User logged in
2. Product added to the favorites list

Steps:

1. Go to Favorites list

ER: Product information in favorites should match the information on the product page

AR: If the user is logged in, the photo in the favorites does not match the photo in the product card

Priority: Low

Pre-conditions:
User is not registered

Steps:

1. Navigate to the registration page. https://iced-latte.uk/auth/registration
2. Fill out the registration form
3. Click the "Register" button.

ER: The user is presented with a message that accurately reflects the current step in the registration process.

AR: The user observe “Confirm Password,” which is misleading and does not align with the expected sequence of registration steps. This text suggests a different action than what should logically follow the initial registration submission, potentially causing confusion.

Pre-conditions:

1. At least one product is added to cart
2. Go to shopping cart page

Steps:

1. Click "Plus" button
2. Click "Minus" button

ER:
Total per line price change after increase/decrease items and equal amount * unit price

AR:
Total per line price does not change after increase/decrease items and equal unit price

FR:

Given: I am on a shopping cart with an added product
When: I am decreasing/increasing quantity
Then: Quantity of product changes, summary price change(in line and total in cart)

1. Implement seller filtering in the sidebar on the main page.
2. Add functionality to filter by brand and seller, showing only 5 items by default (if available), with additional options visible upon clicking "Show more" and retractable by "Show less."

Priority: Higth

Pre-conditions:

Steps:
1.Navigate to home page https://iced-latte.uk/ .
2.Chose randomly any product and add to the cart.
3.Navigate to cart and decrease/ increase the product.

ER: Subtotal should change accordingly in moment increasing/decreasing.

AR: Subtotal change only after refresh page.

Pre-conditions:

1. User is logged-in
2. Favourites list is empty

Steps:

1. Go to favourites page: https://iced-latte.uk/favourites

ER:
Button "Log in" is not presented on the page

AR:
Button "Log in" is presented on the page

Pre-conditions:

1. Product has at least 1 review
2. Go to product page

Steps:

1. Select a filter by rating that is not present among the reviews

ER:
Empty review list and statistics with ratings doesn't disappear

AR:
Empty review list but statistics with ratings disappears

Pre-conditions:

1. User is logged in
2. The edit profile page is open: https://iced-latte.uk/profile (click "Edit" button)

Step:

1. Enter invalid email on the "Email" field (invalid domain: all numeric top-level domain name, e.g. [email protected])
2. Click "Save Changes" button

ER: error message is displayed

AR: system approve invalid email. Invalid email is displayed in user profile

Before:
Now all the values you see in the product card on the website are hardcoded.

After:
In the product card we need to show the rating and the number of reviews that come from the backend REST API as json as follows:

1. If backend returns product with the average rating of the product as 4,8 and 13 as the number of reviews then on the product card is should look like that 🌟4,8 (13).
   

2. If backend returns product with the average rating of the product as null or 0 and the number of reviews as null or 0 then on the product card is should look like that No rating.
   

If a guest user (not registered) is trying to reset the password by pressing the “forgot password“ link in gets error message that says “ JWT token is blacklisted“ instead of “"User with email {} doesn't exist"“
in addition there is a front end bug when during the actions described above the user is return to the main page almost instantly.

Before:
Product card has these details:

1. Product photo.
2. Product name.
3. Product price.
4. Product rating.
5. Product reviews count.
6. Add to cart button.
   

After:
Product card has these details:

1. Product photo.
2. Product name.
3. Product price.
4. Product rating.
5. Product reviews count.
6. Product brand name.
7. Product seller name.
   

Pre-conditions:

1. User is logged in
2. The edit profile page is open: https://iced-latte.uk/profile (click "Edit" button)

Step:

1. Enter invalid email on the "Email" field (invalid local-part)
2. Click "Save Changes" button

ER: error message is displayed

AR: system approve invalid email. Invalid email is displayed in user profile

Pre-conditions:
Shopping cart is not empty

Step:

1. Go to Cart Page: https://iced-latte.uk/cart
2. Look at the page code (buttons "Plus" and "Minus")

ER: Buttons "Plus" and "Minus" are wrapped in tags <button>

AR: Buttons "Plus" and "Minus" aren't wrapped in tags <button>

Note: Selenium Webdriver don't work with buttons that don't have tags <button>

Describe the bug
Two buttons "Add a review" on the Product Page.

Precondition:
Do not clean the cache and cookies!!!! The user registered and logged in.

Environment:
Google Chrome - Version 124.0.6367.203 (Official Build) (arm64)
HW - Apple M1 Pro

To Reproduce

1. Select a random product on https://iced-latte.uk/
2. Click on the product image - you should see the product page
3. Observe the result

Expected result:
The button "Add a review" should be 1.

Actual result:
Two buttons "Add a review" on the Product Page.

Comment:
You may not be able to reproduce this bug in your environment.
After I clean the browser's cache and cookies I can not reproduce this bug.

Priority: Medium

Pre-conditions:

Accordingly to requirements:
button discard change should be on a page  if any changes were done.

Steps:

1. Navigate to https://iced-latte.uk/profile
2. Make any change on personal account and click button Save Changes

ER: should be button Discard Changes.

AR: button Discard Changes is not on a page

1. https://iced-latte.uk/profile

When the user changes the email in the profile, it is not saved. This may be because it needs to be confirmed (BA: required).

Screencast:
https://github.com/Sunagatov/Iced-Latte-Frontend/assets/140279745/95386eda-3f0c-47d9-b65a-53fc88afb4d5

Pre-conditions:

1. Go to product page with not empty rating

Steps:

1. View the product rating

ER:
А comma as a decimal separator in the product rating

AR:
А dot as a decimal separator in the product rating

Layout:

Actually:

To Reproduce
Steps to reproduce the behavior:

1. Set a rating on the rating scale
2. Rewrite reviews with 301 or more characters
3. Click on 'Add a review' button

Expected behavior
After clicking the button "see more", the full review text expands

Actual Result
The button "see more" is inactive

Before:

1. When sorting with parameters: 'sort_attribute=averageRating&sort_direction=desc' we get a list of products that first contains products with averageRating equal to null.
2. When sorting with parameters: 'sort_attribute=averageRating&sort_direction=asc' we get a list of products that last contains products with averageRating equal to null.

After:

1. Descending order: Products with averageRating equal to null should be the latest.
2. Ascending order: Products with averageRating equal to null should come first.

Before:
Product card has these details:

1. Product photo.
2. Product name.
3. Price for all products in this item.

After:
Product card has these details:

1. Product photo.
2. Product name.
3. Price for all products in this item.
4. Product price for the 1 product item.
5. Product brand name.
6. Product seller name.

Pre-conditions:

1. User is not logged-in
2. Go to main page: https://iced-latte.uk/

Steps:

1. Go to any product page
2. Click header login link
3. Fill email and password fields, click "Login" button
4. Click header main page link
5. Click on any product card

ER:
The corresponding product page opens

AR:
Product card is non-clickable

Pre-conditions:

1. Product has no reviews
2. Go to product page

ER:
We see the text 'no rating'

AR:
We see an incorrect rating and number of reviews

Pre-conditions:
Some products added to Favorites

Steps:

1. Сompare weights on Main Page, Product Page and on Favorites Page

ER: weights is equal

AR: weights is not equal

Statec og button

Need to remove hover effect from add to cart button in state when at least 1 item was previously added to cart.

Before:
When you scroll the main page down, there is no web page sections pinned.

After:

1. Red square should be pinned when you scroll the main page down.
2. Blue square should have separate new scroll.

When registering with a non-unique email, the error format is as follows.

I don't think the user should see brackets and ErrorMessage.

Before:
Product Rating and Product Review Count on the product cart are not clickable.

After:
Product Rating and Product Review Count on the product cart are buttons now which enables to redirect to Reviews Section of Product web page.

Before:
Now List of brands and list of sellers are just hardcoded on the frontend side.

After:
You need to load list of brands and list of sellers from the backend from the appropriate REST API. Check Swagger Docs to find the API.

Describe the bug
If user write a review and do not refresh the page, the sorting does not work

To Reproduce
Steps to reproduce:

1. Leave a review for a product that already has reviews.
2. Click on any sorting option.

Expected behavior
Reviews are sorted according to the selected sorting criterion

Actual Result
The sorting function is not working

Priority: Medium

Pre-conditions:

1. User logged in.
2. Product add to cart

Steps:

1. Click on the product item

ER: Opening product page
FR: Item non-clickable

Description. When the user changes the password in https://iced-latte.uk/profile code is sent to user's email by mistake.

Priority: Medium

Pre-conditions:
User logged in.

Steps:

1. Click "Profile" button
2. Click "Change password" button
3. Enter old password
4. Enter new password
5. Click "Change password" button
6. Click "Return to main page" button

ER: Password change confirmation email
“Dear !
Your password has been successfully changed.”

AR: Received a Confirmation code via email.

Pre-conditions:

1. User is logged-in
2. Go to product page that reviewed and rated by user

Steps:

1. Click "Delete my review" button

ER:
Rating and reviews counter on the product card refreshed after delete review

AR:
Rating and reviews counter on the product card don't refresh after delete review

1. Implement a reset of all filters via a "Reset" button.
2. Set up the display of badges for selected filters according to what is chosen in the sidebar.

Pre-conditions:

1. Register user with long first name (e.g. 128 symbols)
2. Go to product page

Steps:

1. Add a review
2. View the name of review author and the ratings filter block

ER:
The first name doesn't overlap the rating filter block

AR:
The first name overlaps the rating filter block

Priority: Medium

Pre-condition:
user already register and authenticated.

Steps:

1. Navigate to https://iced-latte.uk/profile.
2. Click the "Edit" button.
3. Refer to the first provided screenshot, enter the data into the respective fields as shown.
4. Click the "Save Changes" button.
5. Refer to the second provided screenshot, adjust the data in the fields as indicated to replicate the second attempt to save changes.
6. Click the "Save Changes" button again.

ER: The application should discard changes that do not meet the specified requirements after each attempt, displaying an appropriate and clear error message that guides the user on how to correct their input.

AR: Application discard changes that do not meet requirements. Error message provided is unclear and does not offer useful information or guidance to the user, as demonstrated in the screenshots.

Describe the bug
When the page is refreshed, the "Delete My Review" button disappears.

To Reproduce
Steps to reproduce the behavior:

1. Leave a review for the product
2. Refresh the page

Expected Result
The option to delete your review is available.

Actual Result
After refreshing the page, the delete button disappears.

Priority: Medium

Pre-conditions:

User logged in.

Steps:

1. Click “Profile” button

2. Click “Edit” button

3. Enter 1 symbol value in the First Name field

4. Click “Save Changes” button

ER: Error message

AR: 1 symbol value saved in the profile

FR:

2-128 symbols
Two types of errors:
"First name can only contain Latin letters, spaces, and hyphens"
"First name is the mandatory attribute"

Pre-conditions:

1. Go to product page with not empty rating

Steps:

1. View the product rating on the ratings filter block

ER:
А comma as a decimal separator in the product rating

AR:
А dot as a decimal separator in the product rating

Bug description
Layout is broken in some cases:

1. When there are only one row of products in list. To reproduce you can set filter by price from 5.9 to 6.1. The part of product card where price and "+" are placed is moving on the bottom of page:
   
2. When there are no products in list sidebar is moving in the center of page, but it should be on its place in the left part of website. To reproduce you can set filter by price from 6 to 6.1.
   

https://www.figma.com/design/8BD1H4T6LjsTP7EVBeEJ24/Coffee-shop?node-id=3996-11079&t=RolawadikXlnshst-0