---
# System prepended metadata

title: WRI QA

---

# WRI ODP QA
# SPRINT 6
## Tickets:
#### Micheal
* ODP 158:Search and facets backend
#### Stephen
* ODP 160: 

#### Luccas
* ODP 5:
* ODP 46:
#### Demenech
* ODP 159:[Implementation] Native CKAN Authentication
* ODP 2:
#### Ismail:
* ODP 165:
* ODP 164:


 
### Tickets: [ODP 46 - Dataset Collections: Teams and Topics](https://gfw.atlassian.net/browse/ODP-46)
#### Acceptance criteria

#### Testing Enviroment

#### Documentaion Link

#### Testing points

##### Desktop

##### Mobile

#### Issues Found
1. This just happened:
![image](https://hackmd.io/_uploads/Hk_QmmbNT.png)


#### Review documentation

#### Re-test
#### Review comments on Documentaion
#### Definition of Ready

### Ticket:[ODP 158:Search and facets backend](https://gfw.atlassian.net/browse/ODP-158)
#### Acceptance criteria

#### Testing Enviroment

#### Documentaion Link

#### Testing points
##### Desktop

##### Mobile

#### Issues Found

#### Review documentation
#### Re-test
#### Review comments on Documentaion
#### Definition of Ready

### Ticket: [ODP 5:Creation of new entries](https://gfw.atlassian.net/browse/ODP-5)
#### Acceptance criteria

#### Testing Enviroment

#### Documentaion Link

#### Testing points
##### Desktop

##### Mobile

#### Issues Found
1. even when I choose private or internal use - it's flagging that I need a URL to technical notes?
![image](https://hackmd.io/_uploads/B13_Vz-Ep.png)


#### Review documentation
#### Re-test
#### Review comments on Documentaion
#### Definition of Ready
Ticket is ready to go to UAT

### Ticket:ODP 159:[Implementation] Native CKAN Authentication(https://gfw.atlassian.net/browse/ODP-159)
#### Acceptance criteria

#### Testing Enviroment

#### Documentaion Link

#### Testing points
##### Desktop

#### Mobile

#### Issues Found

#### Review documentation
#### Re-test
#### Review comments on Documentaion
#### Definition of Ready
Ticket is ready to go to UAT

### Ticket:[ODP-160 Basic implementation of a dashboard](https://gfw.atlassian.net/browse/ODP-160)
#### Acceptance criteria
#### Testing Enviroment

#### Documentaion Link

#### Testing points
##### Desktop
1. REQUEST FOR APPROVAL: icon and tooltips missing:
![image](https://hackmd.io/_uploads/S1sEJGZET.png)
2. I pressed the review button but did not choose accept or reject then pressed back in browser - now the options to reject apprive have just dissapeared
![image](https://hackmd.io/_uploads/rJvJZfbEa.png)
3. DATASETS: When I click view dataset - nothing happens
![image](https://hackmd.io/_uploads/H1t5zMZEp.png)



#### Mobile
#### Issues Found
#### Review documentation
#### Re-test
#### Review comments on Documentaion
#### Definition of Ready
Ticket is ready to go to UAT

# SPRINT 5
## Tickets:
#### Micheal
* ODP 153:Update ckanext-auth for WRI compatibility
* ODP 161:Backend to frontend ckanext-auth token
#### Stephen
* ODP 148:Dataset Resource Page (default) Resources tab[mockup implementation]
* ODP 150: Authenticated User Flow [mockup implementation]
* ODP 151:Create Entities: User Dashboard [mockup implementation]
#### Luccas
* ODP 155 - Homepage [mock-up implementation]
#### Demenech
* ODP 149 - Visualisation Flow [mock-up implementation]

 
### Tickets:

#### Acceptance criteria
#### Testing Enviroment
#### Documentaion Link
#### Testing points
##### Desktop
#### Mobile
#### Issues Found
#### Review documentation
#### Re-test
#### Review comments on Documentaion
#### Definition of Ready
Ticket is ready to go to UAT

### Tickets: 
#### [ODP 148 - Dataset Resource Page (default) Resources tab[mockup implementation]](https://gfw.atlassian.net/browse/ODP-148)
#### [ODP-149 Visualisation Flow [mock-up implementation]](https://gfw.atlassian.net/browse/ODP-149)
#### Acceptance criteria
* ODP 148 Aligns with [Mockup 3](igma.com/file/zHYzDNe72PIscZGFClaYMW/Mockups%3A-%5B3%5D-Dataset-metadata-page-(excl.-visualizations)?type=design&node-id=33-1494&mode=design&t=VivJzLjAZVejejj1-0)
* ODP 149 Aligns with [Mockyp 4](https://www.figma.com/file/jiKf8jX5IKx7uH9NAWXP3X/Mockups%3A-%5B4%5D-Visualizations?type=design&node-id=0-1&mode=design&t=15IGEDusRKesoZ0p-0)
#### Testing Enviroment
* https://wri.dev.frontend.datopian.com/datasets/123
#### Testing points
##### Desktop
- [x] Go back
- [x] Data files tab
    - [x] collapsable elements
    - [x] Buttons
    ![](https://hackmd.io/_uploads/r1grr4uMp.png)
- [x] About tab
    - [x] Read more
- [x] Methodology tab
    - [x] Read more
- [x] Related datasets tab
- [x] Contact Tab
- [x] API
- [x] Members
- [x] Issues
- [x] Map view can zoom in and out
- [x] Tabular view as expected
#### Mobile
- [x] Implement RWD for the page
#### Desktop Issues Found
**1. So the 4 elements "circled" differ from the mockup:**
![](https://hackmd.io/_uploads/H1OH5Vuzp.png)
    1. Different arrow
    2. Didnt see this anywhere so have no reference but I havent een tgis green before?
    3. different arrows than in the mock-up
    4. Purple arrow instead of black 
**2. `Go back button` doesnt work - this is easy navigation - should it not be wired up?**
**3. Modals: Still not sure about the porple elements considering our colour scheme:**
![image.png](https://hackmd.io/_uploads/SJrCY0lmT.png)
**4.Members - Missing ad colloaboratoer element**
![image.png](https://hackmd.io/_uploads/BJeQp0ema.png)

#### Mobile Issues Found
1. Padding is uneven
![image.png](https://hackmd.io/_uploads/Skox1yZQ6.png)


# QA PASSED SPRINT 5
### Ticket: [ODP-151 https://gfw.atlassian.net/browse/ODP-151](https://)
#### Acceptance criteria
Aligns with [mockup 6](https://www.figma.com/file/zPIaqqtRrLPFt8PggdlDfi/Mockups%3A-%5B6%5D-Create-entities?type=design&node-id=0-1&mode=design&t=ZYqjeWDElenRf3T9-0) 
#### Testing Enviroment

#### Testing points
##### Desktop
#### Mobile
#### Issues Found

### Ticket: [ODP -155 Homepage](https://gfw.atlassian.net/browse/ODP-155)
#### Acceptance criteria
- [x] see the layout and design for the Homepage as defined in [Mock up 8](https://www.figma.com/file/pvwSUMhulYwanv28EniHPR/Mockups%3A-%5B8%5D-Home-page?type=design&node-id=0-1&mode=design&t=SfgMAQc092snC7K6-0)
#### Testing Enviroment
https://wri.dev.frontend.datopian.com/
#### Documentaion Link (N/A)
#### Testing points
##### Desktop
- [x] Same as Design
- [x] Topics Scrollable
- [x] Highlights Scollable
#### Mobile
- [x] Includes RWD for the page
#### Issues Found
1. No padding spacing for Topics
Homepage
![image.png](https://hackmd.io/_uploads/Skkoglb7T.png)
Mock-up
![image.png](https://hackmd.io/_uploads/BkNCeeWXT.png)
2. Something wonky with Subscribe:
Homepage
![image.png](https://hackmd.io/_uploads/ByGQWg-7a.png)
Mock-up
![image.png](https://hackmd.io/_uploads/SJTEWlbma.png)

#### Review documentation (N/A)

### Ticket: [ODP-153]()
#### Acceptance criteria
success
#### Documentaion Link
#### Testing points
##### Desktop
There's no UI way to test at the moment. If you want, you can open a tab in chrome, hit "ctrl + i", and paste this, then hit enter:const url = 'https://wri.dev.ckan.datopian.com/api/3/action/user_login';
```
const data = {
  id: 'ckan_admin',
  password: 'wFD9sPnrkionavifownunr945'
};

fetch(url, {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
.then(response => response.json())
.then(data => console.log('Success:', data))
.catch((error) => console.error('Error:', error));
```
Then you'll see "Success". Click the little arrow after it, then click the arrow next to "result". If it's working, it will have the user info, otherwise, it will say "error":
![image.png](https://hackmd.io/_uploads/B1RwdDZm6.png)
#### Definition of Ready
Ticket is ready to go to UAT



### Ticket:[ODP-145 [CI/CD] Frontend Deployment](https://gfw.atlassian.net/browse/ODP-145)
#### Acceptance criteria:
- [x] The frontend app should be available for all the env
- [x] The CI/CD pipeline should build and deploy frontend
#### Testing Enviroment:
- [x] https://wri.dev.frontend.datopian.com 
- [x] https://wri.staging.frontend.datopian.com 
- [x] https://wri.prod.frontend.datopian.com 
#### Documentaion Link
#### Testing points
##### Desktop
- [x] https://wri.dev.frontend.datopian.com 
- [x] https://wri.staging.frontend.datopian.com 
- [x] https://wri.prod.frontend.datopian.com
#### Mobile
- [x] https://wri.dev.frontend.datopian.com 
- [x] https://wri.staging.frontend.datopian.com 
- [x] https://wri.prod.frontend.datopian.com
#### Issues Found
1. Teams page images took really long to load
2. About page 404
#### Review documentation

# [Template]
### Ticket
#### Acceptance criteria
#### Testing Enviroment
#### Documentaion Link
#### Testing points
##### Desktop
#### Mobile
#### Issues Found
#### Review documentation

#### Re-test
#### Review comments on Documentaion
#### Definition of Ready
Ticket is ready to go to UAT

# SPRINT 4
## [UI/UX] Design Impementation
### Ticket: [ODP 134 - Explore Data Page design implementation](https://gfw.atlassian.net/browse/ODP-134)~ @steveoni 
#### Acceptance criteria
Aligns with [Search/Browes Flow](https://www.figma.com/file/S5XMb00cmvKwgwYabilLUk/Mockups%3A-%5B1%5D-Search%2FBrowse-flow?type=design&node-id=0%3A1&mode=design&t=H7tNPnNKPmVQfK3v-1)
#### Testing Enviroment
[/search](https://wri.dev.frontend.datopian.com/search)

#### Testing points
##### Desktop
- [x] Implement Header
* Know it's not wierd but can't browse from Search to teams, is this supposed to be dead?
* Can sucessfully move between Explore data and Advance Data tabs (selected tab is darker Green #2B7340 )
- [x] Implement Highlights ~ They seem to scroll when you click but with lorem Imsum content - difficult to verify
- [x] Implement recently added
- [x] Implement recently updated
- [x] Implement Footer
#### Issues Found:
1. Search Bar Placement
Implementation cut off: ![](https://hackmd.io/_uploads/HkUu-CJGT.png)
Mockup: ![](https://hackmd.io/_uploads/BybsZCyzT.png)
2. Tooltips missing (whole page)
![](https://hackmd.io/_uploads/BJkh7Ckfp.png)
3. Eath Icon should have grey background(whole page)
![](https://hackmd.io/_uploads/Sycs4CkMa.png)
4. There seems to be subtle grey shading under the green lines in the recently added and recently updated sections that is not present in your implementation
5. Footer border seems much smaller in implementation a.k.a there is a much larger white border around the elements in the Mockup.
Implementation:
![](https://hackmd.io/_uploads/S1z35Hgfp.png)
vs mockup
![](https://hackmd.io/_uploads/rkNGiHlMp.png)
6 Side indents also seem uneven (less space on the right)

Question: Is clicking `advanced search` in the footer supposed to jump back to search bar?
Or go to `Advance data` like in the header?

##### Mobile
- [x] Implement Header
- [x] Implement Highlights
- [x] Implement recently added
- [x] Implement recently updated
- [x] Implement Footer
- [x] Implement RWD for the page
#### Re-test
#### Definition of Ready

### Ticket:  [ODP 135 - Advanced Search page](https://gfw.atlassian.net/browse/ODP-13)
#### Acceptance criteria
Aligns with [Search/Browes Flow](https://www.figma.com/file/S5XMb00cmvKwgwYabilLUk/Mockups%3A-%5B1%5D-Search%2FBrowse-flow?type=design&node-id=0%3A1&mode=design&t=H7tNPnNKPmVQfK3v-1)
#### Testing Enviroment
[/search](https://wri.dev.frontend.datopian.com/search)

#### Testing points:
##### Desktop
- [x] Implement Header
- [x] Implement Collapsable side bar
- [x] Sidebar dropdowns
- [x] Sidebar map
- [x] Filters on sidebar
- [x] Filters on top
- [x] Top: Results
- [x] Top: Show
- [x] Top: Sort by relevance
- [x] Filetype - no response needed
- [x] Icons
- [x] Implement Footer

#### Mobile
- [x] Implement Header
- [x] Implement Collapsable side bar
- [x] Sidebar dropdowns
- [x] Sidebar map
- [x] Filters on sidebar
- [x] Filters on top
- [x] Top: Results
- [x] Top: Show
- [x] Top: Sort by relevance
- [x] Filetype
- [x] Icons
- [x] Implement Footer
- [x] Implement RWD for the page
#### Issues Found:
1. Search bar position in header sidebar cuts into search bar
![](https://hackmd.io/_uploads/SyE6OSgG6.png)
vs.
![](https://hackmd.io/_uploads/HkoxKSlfa.png)
2. The number in yellow is supposed to show how many filters in the dropdown has been selected - if none is selected it should not be there - see mockup:
![](https://hackmd.io/_uploads/rynI2Sxf6.png)
3. Top Filters resukts should show number of filters secleted - I know this is design impementation but that seems simple enough?
![](https://hackmd.io/_uploads/Bkil6SgGT.png)
4. Wrong Icons:
Implementation vs mockup
![](https://hackmd.io/_uploads/Skxd1Ieza.png)
![](https://hackmd.io/_uploads/SkFjkLxzp.png)
5. All icons need tooltips on hover
6. Footer border seems much smaller in implementation a.k.a there is a much larger white border around the elements in the Mockup.
Implementation:
![](https://hackmd.io/_uploads/S1z35Hgfp.png)
vs mockup
![](https://hackmd.io/_uploads/rkNGiHlMp.png)
7. Side indents also seem uneven (less space on the right)
8. **MOBILE: Think hmanurger menue should havesome indication that it's for filtering. or perhaps a heading when you upne it?**

#### Re-test
#### Definition of Ready
Ticket is ready to go to UAT


### Ticket:  [ODP 136 - Discover Topics page design implementation](https://gfw.atlassian.net/browse/ODP-136)
#### Acceptance criteria
Aligns with [Search / Browse](https://www.figma.com/file/S5XMb00cmvKwgwYabilLUk/Mockups%3A-%5B1%5D-Search%2FBrowse-flow?type=design&node-id=0%3A1&mode=design&t=H7tNPnNKPmVQfK3v-1)
#### Testing Enviroment
 https://wri.dev.frontend.datopian.com/topics

#### Testing points:
##### Desktop
- [x] Implement Header
- [x] Topic Count
- [x] Topic Image
- [x] Topic info
- [x] Implement Footer


#### Mobile
- [x] Implement Header
- [x] Topic Count
- [x] Topic Image
- [x] Topic info
- [x] Implement Footer
- [x] Implement RWD for the page

#### Desktop Issues Found
1. In the header on the search topic page topxs is highlighted and not ![](https://hackmd.io/_uploads/SJsL93Xz6.png)
#### Mobile Issues Found
1. Login and Burger menu overlap
![](https://hackmd.io/_uploads/SJy6EaQG6.png)
2. Images not showing corectly
![](https://hackmd.io/_uploads/rk7lSTmMa.png)
3. Headings not showing correctly (also visiable in image above (samsung S8+))
Also in tablet mode (iPad Mini)
![](https://hackmd.io/_uploads/ry4qr6Qfp.png)
#### Re-test
#### Definition of Ready
Ticket is ready to go to UAT





### Ticket:[ODP-147 Teams metadata page ](https://gfw.atlassian.net/browse/ODP-146)
#### Acceptance criteria
Aligns with [ Mockups: [2] Metadata pages ]( https://www.figma.com/file/1t3vkHHZcghLi9zGnNyYlj/Mockups%3A-%5B2%5D-Metadata-pages?type=design&node-id=0%3A1&mode=design&t=ejHvi0mo9dyEhJYH-1)
#### Testing Enviroment
[/teams/team1](https://wri.dev.frontend.datopian.com/teams/team1)
#### Testing points:
##### Desktop:
- [x] Implement Header
- [x] Breadcrumbs
- [x] Team Hero
- [x] Datasets
- [x] Activity Stream
- [x] Icons
- [x] Pagination
- [x] Implement Footer

#### Mobile
- [x] Implement Header
- [x] Breadcrumbs
- [x] Team Hero
- [x] Datasets
- [x] Activity Stream
- [x] Icons
- [x] Pagination
- [x] Implement Footer
- [x] Implement RWD for the page

![](https://hackmd.io/_uploads/rJipIaXzT.png)

#### Issues Found
1. In the header tabs Teams should be underlined not search
![](https://hackmd.io/_uploads/BJ3Chhmz6.png)
2. This should say team:
![](https://hackmd.io/_uploads/H1m762mGT.png)
3. Wrong Icons:
Implementation vs mockup
![](https://hackmd.io/_uploads/Skxd1Ieza.png)
![](https://hackmd.io/_uploads/SkFjkLxzp.png)
4. The activty streeam seams for a locgin user and there is no indication of this on current implemetations please see Mochop element below:
![](https://hackmd.io/_uploads/S1v_AhmMp.png)
5. Mobile view: the alighedment is not centered:
![](https://hackmd.io/_uploads/SkgFvp7f6.png)
6. Mobile view: Activity stream icons seem unsure friendly small:
![](https://hackmd.io/_uploads/ryp1d6mG6.png)
![](https://hackmd.io/_uploads/rynW_6Xza.png)


7. NOTE: Image ratio seems a little off on mobile tablet view


#### Re-test
#### Definition of Ready
Ticket is ready to go to UAT

### Ticket[ODP 146-Topic metadata page](https://gfw.atlassian.net/browse/ODP-146)
#### Acceptance criteria
Aligns with [ Mockups: [2] Metadata pages ]( https://www.figma.com/file/1t3vkHHZcghLi9zGnNyYlj/Mockups%3A-%5B2%5D-Metadata-pages?type=design&node-id=0%3A1&mode=design&t=ejHvi0mo9dyEhJYH-1)
#### Testing Enviroment
[/topics/x](https://wri.dev.frontend.datopian.com/topics/x)
#### Testing points
##### Desktop
- [x] Implement Header
- [x] Breadcrumbs
- [x] Topic Hero
- [x] Subtopics
- [x] Scrollig of toics
- [x] Datasets
- [x] Icons
- [x] Pagination
- [x] Implement Footer

#### Mobile
- [ ] Implement Header
- [ ] Breadcrumbs
- [ ] Topic Hero
- [ ] Subtopics
- [ ] Scrolling of sub-topics
- [ ] Datasets
- [ ] Icons
- [ ] Pagination
- [ ] Implement Footer
- [ ] Implement RWD for the page
#### Issues Found
1. In mockup the Topic page shows a logged in user ![](https://hackmd.io/_uploads/SymHgpXfp.png)
2. Subtopics is missing a count next to the heading that says subtopics
![](https://hackmd.io/_uploads/SyM9x6Qzp.png)
3. Wrong Icons:
Implementation vs mockup
![](https://hackmd.io/_uploads/Skxd1Ieza.png)
![](https://hackmd.io/_uploads/SkFjkLxzp.png)
Same issues on Mobile as in [ODP 136 - Discover Topics page


#### Re-test
#### Definition of Ready
Ticket is ready to go to UAT


### Ticket: [ODP 137-Discover Teams page ](https://gfw.atlassian.net/browse/ODP-137)
#### Acceptance criteria:
Aligns with https://www.figma.com/file/S5XMb00cmvKwgwYabilLUk/Mockups%3A-%5B1%5D-Search%2FBrowse-flow?type=design&node-id=0-1&mode=design&t=p2m63lgsQnnNUisX-0
#### Testing Enviroment
https://wri.dev.frontend.datopian.com/teams
#### Testing points
##### Desktop
- [x] Implement Header
- [x] Team Count
- [x] Team Images
- [x] Team info with associated number of datasets
- [x] Implement Footer

#### Mobile
- [x] Implement Header
- [x] Team Count
- [x] Team Images
- [x] Team info with associated number of datasets
- [x] Implement Footer
- [x] Implement RWD for the page
#### Issues Found
#### Re-test
#### Definition of Ready
Ticket is ready to go to UAT

# Details on QA
**Process as captured 18 Octobr 2023**
* Peer Review by Dev→ Monika reviews → QA when it’s been deployed on client instance  → Susan
* Agreed – we can do Dev Peer-review + Monika’s review  on Vercel

**Amended 19 October 2023**
* Peer Review by Dev → QA when it’s been deployed on client instance (Susan) → Monika

**Agreed in 23 October QA alighnment Meeting**
* QA process and documentation works
* Susan to be more clear in Delivery expatations with QA
* Tooltip implementation to be moved to actual implementation phase
* Focus on RWD
## Testing Specification:
* Laptop:13.5” 3:2 ratio 2256x1504 resolution of 1920x1080 pixels
* Mobile:
    * iPad Mini
    * iPhone 12 Pro
    * Galaxi S8+

