ingenuity-incubator-4zp6's People
ingenuity-incubator-4zp6's Issues
Can't Add Item To Cart
Severity
Severe
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
- Run the application
- Choose Canada
- Click on the "Cookies" Item
- Add the item to cart
Expected:
The "Cookies" item should be added to the cart.
Actual:
Redirected to cart page, but no items exist in Cart
Screenshot:
Product
Cart After Re-Direct
Console Error
Can't Create Item
Severity
Medium
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
- Run the application
- Choose Canada
- Sign in as a "buyer and seller" type account
- Click create item
- Fill in form
- Hit Submit
Expected:
The new Item should be created
Actual:
Nothing happens. If this is an error and the account type shouldn't be able to create an item, then a user should not be able to access this page.
Screenshot:
My product that I tried to create is not in "My Items"
Site crashes when trying to click Transactions
Severity
Severe
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
1.) Go Canada version of site
2.) Click cookies
3.) Click "Buy item"
4.) Click "Transactions" under wallet section to the left
Expected:
My past transactions would show
Actual:
The site crashes and there is a React error.
Unresolved Dependencies
Unable to resolve dependencies from package.json.
Steps to reproduce (from terminal): 'git clone https://github.com/MacAquafina/reframery-frontend.git'; 'cd reframery-frontend'; 'npm install'
Log:
npm WARN ERESOLVE overriding peer dependency
npm WARN Found: [email protected]
npm WARN node_modules/react
npm WARN react@"^17.0.1" from the root project
npm WARN 8 more (@testing-library/react, react-dom, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer react@"0.13.x || 0.14.x || ^15.0.0-0 || ^16.0.0-0" from [email protected]
npm WARN node_modules/enzyme-adapter-utils
npm WARN enzyme-adapter-utils@"^1.14.0" from @wojtekmaj/[email protected]
npm WARN node_modules/@wojtekmaj/enzyme-adapter-react-17
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^17.0.1" from the root project
npm ERR! peer react@"*" from @testing-library/[email protected]
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^11.1.0" from the root project
npm ERR! 7 more (react-dom, @wojtekmaj/enzyme-adapter-react-17, ...)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^0.14 || ^15.0.0 || ^16.0.0-alpha" from [email protected]
npm ERR! node_modules/enzyme-adapter-utils/node_modules/airbnb-prop-types
npm ERR! airbnb-prop-types@"^2.16.0" from [email protected]
npm ERR! node_modules/enzyme-adapter-utils
npm ERR! enzyme-adapter-utils@"^1.14.0" from @wojtekmaj/[email protected]
npm ERR! node_modules/@wojtekmaj/enzyme-adapter-react-17
npm ERR! dev @wojtekmaj/enzyme-adapter-react-17@"^0.4.1" from the root project
npm ERR!
[UI] Small screen resizing issues on Home Page for any country
Severity
Low
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
Run the application
Choose a country ex. Canada (navigating to the Canada/products route)
Right-click and select inspect
Re-size the window or enter mobile mode (width should be <1180px)
Expected:
All items should resize and remain in a clean and usable format.
Actual:
The top bar including the search bar, title, and navigation links (ex. Home, About, Contact, Signin, Register, Cart) will awkwardly resize, overlapping items / spilling off of the pink background.
Screenshot:
Navigation button's spilling past the pink background:
Searchbar spilling past the pink background:
Notes:
It's important to ensure that these elements have minimum width values in their styling in order to accommodate devices of all screen sizes.
Bad Link from Cart Page
Create Item File Upload Does Not Upload Image
Severity
Medium
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
- Run the application
- Sign in to a "buyer and seller" type account
- Click "Create Item"
- Hit image upload button
- Select an image
Expected:
The image to be uploaded to the form
Actual:
Nothing happens. No errors or otherwise presented or present in developer console
Screenshot:
Page
File Select
Result
/admin is not hidden to non-administrative users
Severity
Medium
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
- Run the application
- Choose Canada
- Sign in to any "buyer or seller" account
- Navigate to /admin
Expected:
The page should not load and re-direct to a different page
Actual:
The admin page loads. Even if the actions are protected at API/Backend level, I shouldn't be able to see any administrative content.
Screenshot:
[Code Error] The browser console displays multiple warnings / code errors.
Severity
Low
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
Run the application
- Load the homepage.
- Select a country.
Expected:
There should be no warnings or errors related to the code in the browser console.
Actual:
A few errors and code warnings occur when various pages are loaded.
Screenshot:
[Typo] Misspelling of entrepreneurship on main page
There is a typo on the main page of the front-end.
In the Why Reframery
panel, entrepreneurship
is misspelled as entrepreneuship
.
HCI bug: Make footer smaller
Severity
Low
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
Go to the homepage and observe the footer
Expected:
Footer should be small and not grab too much attention as it should be more users looked for additional more niche information
Actual:
Typically a footer should be much smaller on a page. It is usually just additional information/links that not all users want to see as a main point of the page.
[Functionality] Can make an order with 0 items
Severity
Medium / High
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
Run the application
- Choose a country ex. Canada (navigating to the Canada/products route)
- Click on Cart() in the top right corner.
- Click the Check Out button.
- Fill in the shipping and billing information.
- Click Final Confirmation.
- Click Proceed to Payment
- The transaction is complete without any items being purchased.
Expected:
Users should not be able to make a purchase of 0 items.
Actual:
Users are able to successfully purchase 0 items, spending $2 on the transaction fee.
Screenshot:
Notes:
This bug shows a few important issues with the purchasing process.
- The Check Out button should not be clickable if the user has no items in the cart.
- The entire purchase process offers little feedback to the user. The bar underneath the headers is meant to show the order progress to the user and is filled on the payment confirmed screen. This bar however is unclear. How many steps are there? What step am I on? How can I go to the previous step (is it only through the browser back button?)?
Overall the process needs to be incredibly clear for users to trust the system. An edge case, like making a purchase with no items needs to be considered and handled appropriately.
Team Formation and Project Topic Finalize
We need to finalize our team formation and choose our project topic ASAP (in case other groups take the desired topic before us)
- team formation
- topic discussion and vote
- contact the 4zp6 professor
- contact the project coordinator
HCI bug: cart icon is too large
Severity
Low
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
1.) Go to homepage
2.) Login as a client user with the following credentials
email: [email protected]
password: AAaa11
3.) Look to the left of the page right above the "My cart" label
Expected:
The cart icon should be smaller and next to the "My Cart" label or it should be clickable
Actual:
The cart icon is large, not clickable, and not next to the "My Cart" label, so it seems somewhat random
[Functionality] Can make purchase before signing in
Severity
High
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
Run the application
- Choose a country ex. Canada (navigating to the Canada/products route)
- Select any product (ex. Cookies)
- Click Buy Item
Expected:
The user should be prompted to log in or input billing/shipping information.
Actual:
The purchase is instantly completed with predefined billing/shipping information.
Screenshot:
Purchase complete page after clicking Buy Item:
Notes:
Note that this issue reveals another bug within the system:
When attempting to make a purchase through the cart page, the shipping/billing information is not stored and instead is always changed to a set of default values on the Payment Confirmation page.
No items in cart after adding an item to the cart
Food Delivery is misspelt
Severity
Low
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
1.) Go to homepage
2.) Login as a client user with the following credentials
email: [email protected]
password: AAaa11
3.) Go to the "services" section
Expected:
Food delivery would be spelt like, "Food Delivery"
Actual:
Food delivery is spelt like, "Food deliver"
Search does not find displayed items
Severity
Severe
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
- Run the application
- Choose Canada
- Type in "cookies" in the search bar
- Hit search
Expected:
Application should find the item listed called "Cookies". I can see the item exists in the product page, but the search page says no results
Actual:
No results found
Screenshot:
Product Exists
Search Results
Any user can update user account balance when they aren't supposed to be able to
Severity
Severe
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
- Run the application
- Choose Canada
- Sign in as any "buyer or seller" type account.
- Navigate to "/admin/update-users-balance"
- Enter whatever number you want in the balance
- Hit update
Expected:
The balance should not update.
Actual:
The balance updates.
Screenshot:
Notes
The admin functionality should be completely hidden for non users. The backend doesn't seem to authenticate different types of users as I can update a user balance even from an "admin" level account. Also, I can update my own balance just by navigating to the correct URL.
Going to "my profile" after buying a product causes the site to crash
Severity
Severe
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
1.) Go Canada version of site
2.) Click cookies
3.) Click "Buy item"
4.) Click "my profile" under account section to the left
Expected:
My profile would show some some information about my account
Actual:
The site crashes and there is a React error.
HCI bug: Remove gap between homepage photo and page border
Severity
Low
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
Go to the homepage and observe the photo
Expected:
The homepage photo should take up the entire width of the container it is in as to not have unnecessary whitespace.
Actual:
There does not need to be unused whitespace between the photo and the border of the webpage. I would suggest making the photo the width of its container.
Radio buttons on feedback section do not allow more than one to be clicked
Severity
Low-medium
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
- Click cookies product
- Click buy item
- Try to click radio buttons on different lines of the feedback section to the right of the page
Expected:
Each question has its own set of radio buttons that allow an individual response
Actual:
Every time you click the radio button of one question the radio button from the previous question gets reset
[Functionality] Can not upload user profile image
Severity
Low
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
Run the application
- Choose a country ex. Canada (navigating to the Canada/products route)
- Click on Sign In
- Log in using any account (I used manager01).
- Click on Account Setting in the sidebar.
- Click upload image and select a file on your computer.
- Select OK in the prompt that appears.
Expected:
The users profile picture should be updated with the provided image.
Actual:
No change occurs.
Screenshot:
Before uploading a profile image:
After uploading a profile image:
Notes:
This bug shows a few important issues with the account settings process:
- The Upload Image button looks more like a text input box than a button. The highlighting effect on hover to indicate that it is a button often doesn't work too.
- The "Account Setting" tab should be called "Account Settings"
- The user has no idea what kind of file to upload. What file types are accepted for profile photos? What size photo?
Site crashes when trying to click wallet balance
Severity
Severe
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
1.) Go Canada version of site
2.) Click cookies
3.) Click "Buy item"
4.) Click "Balance" under wallet section to the left
Expected:
The balance would show me my wallet's balance
Actual:
The site crashes and there is a React error.
HCI bug: spelling
"Sign in" is two words and the Cart button has parenthesis and I do not believe it should.
Severity
Low
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
- Go to the homepage
- Observe menu bar
Expected:
Sign in is spelt like Sign in and the Cart menu button does not have parenthesis
Actual:
Sign in is spelt Signin and Cart is spelt Cart()
Can't see images on the product page
Has ESlint installed, but not following it
Severity
Low
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
1.) Download git repo
2.) run npm install
3.) run npm start
Expected:
If using ESLint then all the linting errors are either removed or you customize your ESLint to ignore those types of errors. This way it does not appear as warnings in the console
Actual:
Lots of warnings about ESLint errors appear in the console
SRS
next due : SRS
-
arrange a meeting with Dr. Honig(Week 5)
-
the first meeting minute
-
group meeting to discuss the detail of SRS(before Oct. 5)
-
arrange a meeting with another group when need
Spelling: should be purchases not purchase
Severity
Low
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
1.) Go Canada version of site
2.) Click cookies
3.) Click "Buy item"
4.) Look to the left of the page under the "History" section
Expected:
The "purchase" section is labelled as "purchases" since it implies one or mow
Actual:
The "purchase" section is labelled as "purchase"
Admin users cannot click on Contact Page
Severity
Low
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
- Edit Battery.json to have "TotalFoods" = 1
- Start the application client and server
- Navigate to the game page
- Complete the first level
- Start the 2nd level
Rational
The accepted values in the test document are between 1 and 7 inclusive. I selected 1 which according to the outline should work.
Expected:
The game is able to complete with the valid value
Actual:
Application freezes and chrome recommends to stop the application
Screenshot:
Can't see products after moving between pages
HCI bug: Loading sign
Severity
Low
Environment
macOS Catalina 10.15.2
Chrome
Steps to reproduce:
Log in and observe the loading page
Expected:
The loading symbol is larger and in the centre of the page as to grab the user's attention
Actual:
Loading signs are used to assure the user that the site is doing something, but this loading sign is small and to the corner, so a user could miss it and just exit out because they think the site crashed.
Quick Access Buttons Have No Effect
[Functionality] Bad Home button link
Severity
High
Environment
Windows 10 Desktop
Chrome
Steps to reproduce:
Run the application
- Choose a country ex. Canada (navigating to the Canada/products route)
- Navigate to any page that isn't the countries home page ex. Click Cart() in the top right corner.
- Click Home button in the top left corner.
Expected:
The home button should return the user to the original home page seen after selecting a country, displaying all products that were previously there.
Actual:
The user is redirected to an undefined homepage (the route is 'undefined/products') and no products exist on the page anymore.
Screenshot:
Original Homepage (after selecting Canada)
Homepage after clicking Home from the Cart page:
Notes:
Note that this seems to be a routing issue. The original homepage route is 'canada/products' while the second home page route is 'undefined/products'.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.