[TC][Other][News Page] Verify the compliance of the page design according to the mockup

[iskoryk]

Priority: Medium

Preconditions

1. Go to the site.
2. There are created news items in the system.
3. Scroll down to 'News block'.
4. Click on any area of the news card to redirect to an entire article

Steps

1. Verify that page contains:

• [x] 1.1. Breadcrumbs
• [x] 1.2. News title
• [x] 1.3. News text
• [x] 1.4. News image
• [x] 1.5. On desktop/tablet 'Попередня новина' link (if opened news is not the first published news)
• [x] 1.6. On desktop/tablet 'Наступна новина' link (if opened news is not the last published news)
• [x] 1.7. On mobile 'Попередня новина' button(if opened news is not the first published news)
• [x] 1.8. On mobile 'Наступна новина' button (if opened news is not the last published news)
• [x] 1.7. 'Також читайте' block
• [x] 1.8. 'Перейти' button in the 'Також читайте' block

2. Verify the compliance of page design elements with the developed mockup.

• [x] 2.1. Verify that on desktop image is positioned according to the mockup.
• [x] 2.2. Verify that on tablet/mobile image is positioned according to the mockup.
• [x] 2.3. Verify that on desktop/tablet 'Попередня новина' link and 'Наступна новина' link is positioned according to the mockup.
• [x] 2.4. Verify that on mobile 'Попередня новина' button and 'Наступна новина' button is positioned according to the mockup.
• [x] 2.5. Verify that the "Також читайте" block is displayed according to the mockup on different devices.

Expected result The design of the page corresponds to the mockup:

• desktop
• tablet
• mobile

User story: #1895

Related bug: #765