ita-social-projects / ita-social-projects/StreetCode
[Main page] Verify that the page corresponds to mockup
- Dominant language
- C#
- Stars
- 27
- Forks
- 14
- PR merge metrics
- No merged PRs in 30d
Description
**Description:** This test case verifies that all elements across the main page correspond to the mockup regardless of the resolution.
**Priority:** High
**Type:** UI
**Status**: Pass
**Preconditions:**
1. [Main page](http://185.230.138.173/) is opened
2. Resolution is 1920px in width
| # | Steps | Test Data | Expected Result | Status |
| --- | ---- | --- | ---- | ---- |
| 1 | Check that elements from
test data corresponds to mockup | [Slider with banners](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12772&mode=design&t=q5pSBI0O4lSkyo47-4)
[Steetcodes block](https://i.ibb.co/K7hhjQc/image.png)
[News block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12640&mode=design&t=q5pSBI0O4lSkyo47-4)
[Partners block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12699&mode=design&t=q5pSBI0O4lSkyo47-4)
[Instagram news block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-13158&mode=design&t=q5pSBI0O4lSkyo47-4)
[Donate block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-13002&mode=design&t=q5pSBI0O4lSkyo47-4)| Same as mockup | Pass
|2|1. Change resolution to 1600px
([video how to do it](https://drive.google.com/file/d/1qdSoWID99AaqZJfXbhMkCOO9NLpRECfz/view))
2. Check that elements from
test data corresponds to mockup|[Slider with banners](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12772&mode=design&t=q5pSBI0O4lSkyo47-4)
[Steetcodes block](https://i.ibb.co/K7hhjQc/image.png)
[News block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12640&mode=design&t=q5pSBI0O4lSkyo47-4)
[Partners block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12699&mode=design&t=q5pSBI0O4lSkyo47-4)
[Instagram news block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-13158&mode=design&t=q5pSBI0O4lSkyo47-4)
[Donate block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-13002&mode=design&t=q5pSBI0O4lSkyo47-4)|Same as mockup| Pass
|3|1. Change resolution to 1025px
2. Check that elements from
test data corresponds to mockup| [Slider with banners](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12772&mode=design&t=q5pSBI0O4lSkyo47-4)
[Steetcodes block](https://i.ibb.co/K7hhjQc/image.png)
[News block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12640&mode=design&t=q5pSBI0O4lSkyo47-4)
[Partners block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-12699&mode=design&t=q5pSBI0O4lSkyo47-4)
[Instagram news block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-13158&mode=design&t=q5pSBI0O4lSkyo47-4)
[Donate block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=7979-13002&mode=design&t=q5pSBI0O4lSkyo47-4)| Same as mockup | Pass
|4|1. Activate mobile mode
([video on how to do that](https://drive.google.com/file/d/1DvZxN4q0f1MbNBDNT4v6yzE1OnzWcdFh/view?usp=sharing))
2. Change resolution to 768px
3. Check that elements from
test data corresponds to mockup|[Slider with banners](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-16991&mode=design&t=q5pSBI0O4lSkyo47-4)
[Steetcodes block](https://i.ibb.co/G9smRP4/image.png)
[News block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-16274&mode=design&t=q5pSBI0O4lSkyo47-4)
[Partners block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15786&mode=design&t=q5pSBI0O4lSkyo47-4)
[Instagram news block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15757&mode=design&t=q5pSBI0O4lSkyo47-4)
[Donate block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15751&mode=design&t=q5pSBI0O4lSkyo47-4)|Same as mockup| Pass
|5|1. Change resolution to 360px
(mobile mode activated)
2. Check that elements from
test data corresponds to mockup|[Slider with banners](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15691&mode=design&t=q5pSBI0O4lSkyo47-4)
[Steetcodes block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15442&mode=design&t=q5pSBI0O4lSkyo47-4)
[News block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15419&mode=design&t=q5pSBI0O4lSkyo47-4)
[Partners block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15389&mode=design&t=q5pSBI0O4lSkyo47-4)
[Instagram news block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15358&mode=design&t=q5pSBI0O4lSkyo47-4)
[Donate block](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=8139-15286&mode=design&t=q5pSBI0O4lSkyo47-4)|Same as mockup| Pass
|7|1. Change resolution to 1920
(mobile mode is activated)
2. Slowly reduce the resolution to 360px
and observe any anomalies during the process|Slider with banners
Steetcodes block
News block
Partners block
Instagram news block
Donate block|Same as mockup| Pass
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.