Manual testing scenarios for display of ramp subscriptions

### Proposal
This is the issue to list down the manual testing scenarios before going live with display of ramp subscriptions using the new design.  
Scenarios need to be added in the description.

**EntApps test cases:** https://docs.google.com/spreadsheets/d/1xmdJ6ToiCyFNtqjrNPvwcGR7gCvkskjLnZXwAzEMT40/edit#gid=1700034675

### Templates for manual testing
**Note:** _Some of these scenarios are very granular and may not need a separate screenshot / recording. They have been listed so that we can intentionally check these points once all the issues are tackled. Please skip the screenshot column if that scenarios doesn't warrant a separate screenshot as it might be covered in an earlier screenshot._

#### SaaS
|Sr. No | Scenario | Status | Screenshot / Recording |
|-------| ------ | ------ |-------------|
| 1 |Card with new design is shown for ramp subscription| :white_check_mark:  | ![image](/uploads/006c0a0f9e7ba127490fd9a9c2b44a46/image.png) |
| 2 |Main product name is shown when no group is attached| :white_check_mark:  | ![image](/uploads/588293c557095ec667a8892296f9d787/image.png)|
| 3 |Group name is shown when group is linked| :white_check_mark:  | ![image](/uploads/cdafc105a503ae1770d2b3bed59e258a/image.png)|
| 4 |Subscription number is shown correctly in the badge next to title| :white_check_mark:  | ![image](/uploads/4388eee6f1a9f34312d8459d80a58050/image.png)|
| 5 |Gitlab group is shown as not assigned when group is not assinged| :white_check_mark:  | ![image](/uploads/eccc9b43eb8016871cd2fbd70879c326/image.png)|
| 6 |Gitlab group name is shown correctly when group is assigned| :white_check_mark:  | ![image](/uploads/51b53957aec37859c72bd38661ebc5cc/image.png)|
| 7 |Date text shows correctly with scenarios for expires / renews / expired (check scenarios in design)| :white_check_mark: | ![image](/uploads/c02ccd9dc51bc60483b9115988c5e178/image.png)  ![image](/uploads/e218fece362615143f2709928ec4f0be/image.png) ![image](/uploads/116b86fe6015195e693da67eb9c9b3b5/image.png) ![image](/uploads/5021c33350eba44ab70c451abab0648a/image.png)|
| 8 |Tooltip is shown correctly with scenarios for expires / renews / expired (check scenarios in design)| :white_check_mark:  | ![image](/uploads/5cf547a03d98ba7d3a832335d3f7fe46/image.png) ![image](/uploads/413e2ce9323fd6068d2886b621dbf878/image.png) ![image](/uploads/041cb92f7f75c561c271318ce20d475d/image.png) ![image](/uploads/c58041ca208f6b0cc7d572cee065ccdc/image.png)|
| 9 |Link subscription to group button is shown when group is not attached| :white_check_mark:  |![image](/uploads/f260d881aecaa0e0ef1d94b63f13a1bf/image.png) |
| 10 |Link subscription to group button is not shown when group is attached| :white_check_mark:  | ![image](/uploads/8c14918e9dce5f3689b8bd5aa2c4da06/image.png)|
| 11 |Link subscription to group button links the group correctly| :white_check_mark:  | ![image](/uploads/4988199951a748714674338ee61097ff/image.png) |
| 12  |Actions menu is shown with change subscription option| :white_check_mark:  | ![image](/uploads/17fe1029600ddd18ee2e8e1513f8a879/image.png) |
| 13 |Clicking on change subscription in actions menu opens the modal correctly| :white_check_mark:  | ![image](/uploads/5c0dcecb019f6975fb7e6e0c86373f9f/image.png)|
| 14  |The change subscription modal can be closed successfully| :white_check_mark:  | N/A |
| 15  |Main product details section is shown correctly with main product title| :white_check_mark:  | ![image](/uploads/747923bd92a12093fbe8c80b16c885c1/image.png)|
| 16  |No of seats in main product details are shown from active ramp| :white_check_mark:  | ![image](/uploads/d4c705807d3294d06bf9694e21deb2d5/image.png)|
| 17 |No of seats in main product details section are shown from first ramp when subscription starts in the future| :white_check_mark: | ![image](/uploads/461dee19fd088b6cdeb24413cc3e96ca/image.png)|
| 18 |No of seats in main product details section are shown from last ramp when subscription has expired| :white_check_mark:  |  ![image](/uploads/cf6a76afd0b1d74e991ae91521f66348/image.png)|
| 19  |Main product ramp details are shown correctly in table| :white_check_mark:  | ![image](/uploads/95621412672ed32e4266b0ae3e1977f6/image.png) |
| 20  |Storage product details section is shown correctly with storage product title| :white_check_mark:  | ![image](/uploads/88bdc44601d4a396eef07496aaf71b1f/image.png)|
| 21 |Amount of storage in storage product details section is shown from active ramp| :white_check_mark:  | ![image](/uploads/0a4e5dabc97938bd779fa451ed93444a/image.png)|
| 22  |Amount of storage in storage product details section is shown from first ramp when subscription starts in the future| :white_check_mark:  |![image](/uploads/5bb46c3e58aa50a5ecf093f137b277e0/image.png) |
| 23 |Amount of storage in storage product details section is shown from last ramp when subscription has expired| :white_check_mark:  |![image](/uploads/dd222876511d762181d168beea36d086/image.png) |
| 24 |Storage product ramp details are shown correctly in table| :white_check_mark:  | ![image](/uploads/f540fd49fefa0126500813ea3b3706d3/image.png)|
| 25 |CI mins product details section is shown correctly with CI mins product title| :white_check_mark: | ![image](/uploads/dff46122202ff117d5da4548859a4123/image.png)|
| 26 |Number of CI mins in CI mins product details section is shown as total of all rate plan charges| :white_check_mark:  | ![image](/uploads/54a7222ecedad41e77a361e74b36e32a/image.png)|
| 27 |CI minute product rate plan charges are shown correctly in table| :white_check_mark:  | ![image](/uploads/2981e1aeef9cecdc8d938b0e69eb949a/image.png) | 


#### SM
|Sr. No | Scenario | Status | Screenshot / Recording |
|-------| ------ | ------ |-------------|
| 1 |Card with new design is shown for ramp subscription| :white_check_mark:   | ![image](/uploads/c14c1f79b519280169b36bf062416c1d/image.png)   |
| 2 |Main product name is shown|  :white_check_mark:  | ![image](/uploads/c14c1f79b519280169b36bf062416c1d/image.png)  |
| 3 |Subscription number is shown correctly in the badge next to title| :white_check_mark:   | ![image](/uploads/c14c1f79b519280169b36bf062416c1d/image.png)  |
| 4 |Gitlab group name section is not shown| :white_check_mark:   | ![image](/uploads/c14c1f79b519280169b36bf062416c1d/image.png)  |
| 5 |Date text shows correctly with scenarios for expires / renews / expired (check scenarios in design)|   :white_check_mark: | ![image](/uploads/c14c1f79b519280169b36bf062416c1d/image.png) ![image](/uploads/baa100abdb185ed454a49bb50f471983/image.png) ![image](/uploads/b5b6f3c28b1c1a133680d1d94aed5ed2/image.png) ![image](/uploads/d45aecc5630d4e38dfb51fb36ed83031/image.png) |
| 6 |Tooltip is shown correctly with scenarios for expires / renews / expired (check scenarios in design)|:white_check_mark:  | ![image](/uploads/b2b98b83f56afaed3a39065359707d0c/image.png) ![image](/uploads/bac7b6f48544f373447eb037970f1fb9/image.png) ![image](/uploads/3a0c4d75a0ef837f2084ca6ff8761417/image.png) ![image](/uploads/fe414a03a2d2336291e5a163841b6ef1/image.png)|
| 7 |Link subscription to group button is not shown| :white_check_mark:   | ![image](/uploads/c14c1f79b519280169b36bf062416c1d/image.png)  |
| 8 |Actions menu is shown with change subscription option| :white_check_mark:   | ![image](/uploads/716607c5fa632b6f3c74849e922bccc9/image.png)  |
| 9 |Clicking on change subscription in actions menu opens the modal correctly|  :white_check_mark:  | ![image](/uploads/f3b94b8316ed2282c414ada40548e222/image.png)  |
| 10 |The change subscription modal can be closed successfully| :white_check_mark:    | N/A  |
| 11 |Activation code section is shown correctly with links redirecting to correct links for cloud licenses| :white_check_mark:   | ![image](/uploads/f49617b1d70010d7b2f100e90597d555/image.png)  |
| 12 |Activation code can be copied correctly | :white_check_mark:   | ![image](/uploads/42a425c02096c596670dcbe7a5a876b5/image.png)  |
| 14 |Main product details section is shown correctly with main product title| :white_check_mark:   | ![image](/uploads/0f3ca98ed0cb1a45db497525b546b9c3/image.png)  |
| 15 |No of seats in main product details are shown from active ramp|  :white_check_mark:  | ![image](/uploads/0fa15be371db72dbd9833a2a14c5301c/image.png)  |
| 16 |No of seats in main product details section are shown from first ramp when subscription starts in the future| :white_check_mark:   | ![image](/uploads/7f19f18c452720f8c66bec74c54cbdea/image.png)  |
| 17 |No of seats in main product details section are shown from last ramp when subscription has expired|  :white_check_mark:  | ![image](/uploads/ab6f20f16d5ed55eddba747f0d8f7272/image.png)  |
| 18 |Main product ramp details are shown correctly in table|  :white_check_mark:  | ![image](/uploads/3341b634d54ff31ec228cc934faf9955/image.png)  |
| 19 |Storage product details section is shown correctly with storage product title|  :white_check_mark:  | ![image](/uploads/d7e32cb4ae8d2b7e0a4ffdd4a6a980ce/image.png)  |
| 20 |Amount of storage in storage product details section is shown from active ramp|  :white_check_mark:  |   ![image](/uploads/0f148d8970fe61b03b77d1dd56bfee88/image.png)|
| 21 |Amount of storage in storage product details section is shown from first ramp when subscription starts in the future| :white_check_mark:    | ![image](/uploads/84288ba234966939c9675f3e4caee858/image.png)  |
| 22 |Amount of storage in storage product details section is shown from last ramp when subscription has expired|  :white_check_mark:  | ![image](/uploads/54b194178966715e74c48bb1eee67098/image.png)  |
| 23 |Storage product ramp details are shown correctly in table| :white_check_mark:   | ![image](/uploads/20e8d85a7bd5d3ff083f76da08d563bf/image.png)  |
| 24 |CI mins product details section is shown correctly with CI mins product title| :white_check_mark:   |   ![image](/uploads/70d41a36d2aa2c7210817db18da103e8/image.png)|
| 25 |Number of CI mins in CI mins product details section is shown as total of all rate plan charges| :white_check_mark:    | ![image](/uploads/696b499bdeb6ad235f965742f92472a0/image.png)  |
| 26 |CI minute product rate plan charges are shown correctly in table| :white_check_mark:   | ![image](/uploads/5173b0a73ae1fca41ca96f2b2338343b/image.png)  |
| 27 |Activation code can be applied correctly to cloud licenses| :white_check_mark:   |![image](/uploads/fa8cd730cf5cc2b92de75177342bdf4e/image.png)  ![image](/uploads/46f5bca0476dba6bd589b620385f5114/image.png)  |
| 28 |Download license section is shown correctly for legacy licenses| :white_check_mark:   | ![image](/uploads/cebab23d9f95f085bd9a7e983d10b111/image.png) |
| 29 |Legacy license can be downloaded correctly| :white_check_mark:    | N/A |
| 30 |Legacy license can be copied correctly| :white_check_mark:  | ![image](/uploads/ac20c9e5b70a897d04ddea53f52a9efb/image.png) |
| 31 |Legacy license can be applied correctly|   |![image](/uploads/f71925a400fa731b090a20705ebb7540/image.png)  ![image](/uploads/ae1346edc11681ec25c9621b94de1767/image.png)  |

#### Other scenarios
|Sr. No | Scenario | Status | Screenshot / Recording |
|-------| ------ | ------ |-------------|
| 1 | It shows additional seats correctly in ramps when subscription is amended to add seats|:white_check_mark:    |![image](/uploads/2a5c32fda17b3bb38645e0027a13ae2d/image.png) ![image](/uploads/d97a8df6e7ac663893218c3c078236dc/image.png)   | 
| 2 | It shows additional storage correctly in ramps when subscription is amended to add storage|:white_check_mark:    |![image](/uploads/2a5c32fda17b3bb38645e0027a13ae2d/image.png) ![image](/uploads/d97a8df6e7ac663893218c3c078236dc/image.png)   | 
| 3 | It shows additional CI mins correctly in ramps when subscription is amended to add CI mins| :white_check_mark:   | ![image](/uploads/2a5c32fda17b3bb38645e0027a13ae2d/image.png) ![image](/uploads/d97a8df6e7ac663893218c3c078236dc/image.png)  | 
| 4 | If subscription has a true-up product, it shows up on the subscription card and information about it is clear| :white_check_mark:   | ![image](/uploads/8cd86c21bb7cf9ee0b5196408ae54dc7/image.png)  | 
| 5 | If subscription has professional services or other one-time addon product, it shows up on the subscription card and information about it is clear| :x: | [Not covered in initial launch](https://gitlab.com/gitlab-org/customers-gitlab-com/-/issues/5665#note_1264797787)  | 
| 6 | It shows subscription card with ramp details correctly for storage only ramp subscriptions |  :white_check_mark:    | ![image](/uploads/932341ec9cf8bd48eb34df9cfff65246/image.png)  | 
| 7 | It shows subscription card with ramp details correctly for CI minutes only ramp subscriptions| :white_check_mark:     | ![image](/uploads/bfc95bc61c1d91cddc0131b9e1c67e36/image.png)  | 

<!-- Consult with `@gitlab-com/business-technology/enterprise-apps/zuora-architects` on the ~"Enterprise Applications" team if Zuora business logic is involved. -->

### Result

### Next steps (if any)

Share videos in [s_fulfillment_demo](https://gitlab.slack.com/archives/C01AMAB58R5)

### Demo
https://www.youtube.com/watch?v=XbfA0oL4Sjc

### How will we measure success?

Story points: 2.0