status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity
consul/ui/packages/consul-ui/tests/acceptance/dc/services/show.feature

116 lines
3.0 KiB
Gherkin
Raw Normal View History

Ensure all tags for a service are listed on the service detail page
2018-06-18 14:38:52 +00:00
@setupApplicationTest
Feature: dc / services / show: Show Service
UI: External Source markers (#4640) 1. Addition of external source icons for services marked as such. 2. New %with-tooltip css component (wip) 3. New 'no healthcheck' icon as external sources might not have healthchecks, also minus icon on node cards in the service detail view 4. If a service doesn't have healthchecks, we use the [Services] tabs as the default instead of the [Health Checks] tab in the Service detail page. 5. `css-var` helper. The idea here is that it will eventually be replaced with pure css custom properties instead of having to use JS. It would be nice to be able to build the css variables into the JS at build time (you'd probably still want to specify in config which variables you wanted available in JS), but that's possible future work. Lastly there is probably a tiny bit more testing edits here than usual, I noticed that there was an area where the dynamic mocking wasn't happening, it was just using the mocks from consul-api-double, the mocks I was 'dynamically' setting happened to be the same as the ones in consul-api-double. I've fixed this here also but it wasn't effecting anything until actually made certain values dynamic.
2018-09-12 19:23:39 +00:00
Scenario: Given a service with an external source, the logo is displayed
Given 1 datacenter model with the value "dc1"
And 1 node models
And 1 service model from yaml
---
- Service:
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
Kind: ~
UI: External Source markers (#4640) 1. Addition of external source icons for services marked as such. 2. New %with-tooltip css component (wip) 3. New 'no healthcheck' icon as external sources might not have healthchecks, also minus icon on node cards in the service detail view 4. If a service doesn't have healthchecks, we use the [Services] tabs as the default instead of the [Health Checks] tab in the Service detail page. 5. `css-var` helper. The idea here is that it will eventually be replaced with pure css custom properties instead of having to use JS. It would be nice to be able to build the css variables into the JS at build time (you'd probably still want to specify in config which variables you wanted available in JS), but that's possible future work. Lastly there is probably a tiny bit more testing edits here than usual, I noticed that there was an area where the dynamic mocking wasn't happening, it was just using the mocks from consul-api-double, the mocks I was 'dynamically' setting happened to be the same as the ones in consul-api-double. I've fixed this here also but it wasn't effecting anything until actually made certain values dynamic.
2018-09-12 19:23:39 +00:00
Tags: ['Tag1', 'Tag2']
Meta:
external-source: consul
---
When I visit the service page for yaml
---
dc: dc1
service: service-0
---
Then I see externalSource like "consul"
ui: Implements the ember-page-title addon to the UI (#7118) * Installs ember-page-title 5.x * Adds a page title to all template files that need one * Adds an assertion step to test the page titles
2020-01-28 14:25:52 +00:00
And the title should be "service-0 - Consul"
ui: If a service has no external-source, don't show the icon (#4996)
2018-11-26 17:34:00 +00:00
Scenario: Given a service with an 'unsupported' external source, there is no logo
Given 1 datacenter model with the value "dc1"
And 1 node models
And 1 service model from yaml
---
- Service:
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
Kind: ~
ui: If a service has no external-source, don't show the icon (#4996)
2018-11-26 17:34:00 +00:00
Tags: ['Tag1', 'Tag2']
Meta:
external-source: 'not-supported'
---
When I visit the service page for yaml
---
dc: dc1
service: service-0
---
Then I don't see externalSource
Add port the service is running on for each node in the service view
2018-06-20 12:08:59 +00:00
Scenario: Given various services with various tags, all tags are displayed
Ensure all tags for a service are listed on the service detail page
2018-06-18 14:38:52 +00:00
Given 1 datacenter model with the value "dc1"
And 3 node models
And 1 service model from yaml
---
- Service:
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
Kind: ~
Ensure all tags for a service are listed on the service detail page
2018-06-18 14:38:52 +00:00
Tags: ['Tag1', 'Tag2']
- Service:
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
Kind: ~
Ensure all tags for a service are listed on the service detail page
2018-06-18 14:38:52 +00:00
Tags: ['Tag3', 'Tag1']
- Service:
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
Kind: ~
Ensure all tags for a service are listed on the service detail page
2018-06-18 14:38:52 +00:00
Tags: ['Tag2', 'Tag3']
---
When I visit the service page for yaml
---
dc: dc1
service: service-0
---
ui: Add tab navigation to the browser history/URLs (#7592) * ui: Add tab navigation to the browser history/URLs This commit changes all our tabbed UI interfaces in the catalog to use actual URL changes rather than only updating the content in the page using CSS. Originally we had decided not to add tab clicks into the browser history for a variety of reasons. As the UI has progressed these tabs are a fairly common pattern we are using and as the UI grows and stabilizes around certain UX patterns we've decided to make these tabs 'URL changing'. Pros: - Deeplinking - Potentially smaller Route files with a more concentrated scope of the contents of a tab rather than the entire page. - Tab clicks now go into your history meaning backwards and forwards buttons take you through the tabs not just the pages. - The majority of our partials are now fully fledged templates (Octane :tada:) Cons: - Tab clicks now go into your history meaning backwards and forwards buttons take you through the tabs not just the pages. (Could be good and bad from a UX perspective) - Many more Route and Controller files (yet as mentioned above each of these have a more reduced scope) - Moving around the contents of these tabs, or changing the visual names of them means updates to the URL structure, which then should potentially entail redirects, therefore what things that seem like straightforwards design reorganizations are now a little more impactful. It was getting to the point that the Pros outweight the Cons Apart from moving some files around we made a few more tiny tweaks to get this all working: - Our freetext-filter component now performs the initial search rather than this happening in the Controller (remove of the search method in the Controllers and the new didInsertElement hook in the component) - All of the <TabNav>'s were changed to use its alternative href approach. - <TabPanel>s usage was mostly removed. This is th thing I dislike the most. I think this needs removing, but I'd also like to remove the HTML it creates. You'll see that every new page is wrappe din the HTML for the old <TabPanel>, this is to continue to use the same HTML structure and id's as before to avoid making further changes to any CSS that might use this and being able to target things during testing. We could have also removed these here, but it would have meant a much larger changeset and can just as easily be done at a later date. - We made a new `tabgroup` page-object component, which is almost identical to the previous `radiogroup` one and injected that instead where needed during testing. * Make sure we pick up indexed routes when nspaces are enabled * Move session invalidation to the child (session) route * Revert back to not using didInsertElement for updating the searching This adds a way for the searchable to remember the last search result instead, which changes less and stick to the previous method of searching.
2020-04-08 09:56:36 +00:00
And I click tags on the tabs
Make sure the updated tag view doesn't break the tests
2018-06-20 14:26:22 +00:00
Then I see the text "Tag1" in "[data-test-tags] span:nth-child(1)"
Then I see the text "Tag2" in "[data-test-tags] span:nth-child(2)"
Then I see the text "Tag3" in "[data-test-tags] span:nth-child(3)"
UI: Service Instances (#5326) This gives more prominence to 'Service Instances' as opposed to 'Services'. It also begins to surface Connect related 'nouns' such as 'Proxies' and 'Upstreams' and begins to interconnect them giving more visibility to operators. Various smaller changes: 1. Move healthcheck-status component to healthcheck-output 2. Create a new healthcheck-status component for showing the number of checks plus its icon 3. Create a new healthcheck-info component to group multiple statuses plus a different view if there are no checks 4. Componentize tag-list
2019-02-21 13:10:53 +00:00
Scenario: Given various services the various nodes on their instances are displayed
Add port the service is running on for each node in the service view
2018-06-20 12:08:59 +00:00
Given 1 datacenter model with the value "dc1"
And 3 node models
And 1 service model from yaml
---
- Checks:
ui: Sort lists with health by unhealthy/healthy by default (#9234) * ui: Update lists with Health to sort by unhealthy/healthy by default * Fix up tests for new sorting * Make specific services page-navigation test
2020-11-19 16:05:46 +00:00
- Status: critical
Add port the service is running on for each node in the service view
2018-06-20 12:08:59 +00:00
Service:
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
Kind: ~
Acceptance tests to search/look for service id's
2018-07-12 12:35:33 +00:00
ID: passing-service-8080
Add port the service is running on for each node in the service view
2018-06-20 12:08:59 +00:00
Port: 8080
Address: 1.1.1.1
Make the tests break by switching to a Service.IP
2018-07-18 12:35:57 +00:00
Node:
Address: 1.2.2.2
ui: Sort lists with health by unhealthy/healthy by default (#9234) * ui: Update lists with Health to sort by unhealthy/healthy by default * Fix up tests for new sorting * Make specific services page-navigation test
2020-11-19 16:05:46 +00:00
- Checks:
- Status: warning
Service:
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
Kind: ~
Acceptance tests to search/look for service id's
2018-07-12 12:35:33 +00:00
ID: service-8000
Add port the service is running on for each node in the service view
2018-06-20 12:08:59 +00:00
Port: 8000
Address: 2.2.2.2
Make the tests break by switching to a Service.IP
2018-07-18 12:35:57 +00:00
Node:
Address: 2.3.3.3
ui: Sort lists with health by unhealthy/healthy by default (#9234) * ui: Update lists with Health to sort by unhealthy/healthy by default * Fix up tests for new sorting * Make specific services page-navigation test
2020-11-19 16:05:46 +00:00
- Checks:
- Status: passing
Service:
ui: Redesign - Gateway Instances List page (#7796) * Hide Nav in Instances page for Gateway services * Fix up tests to have mocked Services with no Kind attribute * Upgrade consul-api-double to 2.14.4
2020-05-06 18:13:36 +00:00
Kind: ~
Acceptance tests to search/look for service id's
2018-07-12 12:35:33 +00:00
ID: service-8888
Add port the service is running on for each node in the service view
2018-06-20 12:08:59 +00:00
Port: 8888
Address: 3.3.3.3
Make the tests break by switching to a Service.IP
2018-07-18 12:35:57 +00:00
Node:
Address: 3.4.4.4
Add port the service is running on for each node in the service view
2018-06-20 12:08:59 +00:00
---
When I visit the service page for yaml
---
dc: dc1
service: service-0
---
ui: Service Mesh - Topology tab and basic layout (#8788) * Create Topology Tab with foundational layout and styling * Create Toplogy Metrics component with dynamic SVG * Add ember-render-modifiers addon * Implement Topology Metrics comp and fix up styling * Create topology endpoint with tests * Move arrow drawing to index.js file * Add topology to show controller * Fix up conditional wrapper, tabs positioning, links, and styling * Group upstreams by dc and fix up styling * Create service/health-percentage helper * Add health check percentages to upstreams and downstreams * Basic Layout * Upgrade @hashicorp/consul-api-double to v5.2.3 * Renamed endpoint to be service-topology * Refactor styling * Update to only show Topology tab when Connect is enabled * Fix bug and changes from review notes * Remove unused functions that are replaced with SVG markers * Refactor to resuse svg-curve helper * Use the render-template helper for the metrics link * Add topology default null to services show route * Removed unused ID * Fix up tests broken by redirect to /topology
2020-10-05 17:07:35 +00:00
And I click instances on the tabs
UI: Service Instances (#5326) This gives more prominence to 'Service Instances' as opposed to 'Services'. It also begins to surface Connect related 'nouns' such as 'Proxies' and 'Upstreams' and begins to interconnect them giving more visibility to operators. Various smaller changes: 1. Move healthcheck-status component to healthcheck-output 2. Create a new healthcheck-status component for showing the number of checks plus its icon 3. Create a new healthcheck-info component to group multiple statuses plus a different view if there are no checks 4. Componentize tag-list
2019-02-21 13:10:53 +00:00
Then I see address on the instances like yaml
Add port the service is running on for each node in the service view
2018-06-20 12:08:59 +00:00
---
- "1.1.1.1:8080"
- "2.2.2.2:8000"
- "3.3.3.3:8888"
---
ui: Adds {{Datacenter}} keyword for URL template interpolation (#5768) 1. Includes Datacenter variable for intperolation 2. Amends text on the Settings page to reflect new keyword 3. Adds further acceptance testing around the new dashboard buttons
2019-05-02 13:35:42 +00:00
Scenario: Given a dashboard template has been set
Given 1 datacenter model with the value "dc1"
When I visit the service page for yaml
---
dc: dc1
service: service-0
---
ui: Remove downstream dc filter (#9040) * Remove datacenter filter and update props passed down * Merging changes fixed * Fixup tests for metrics link
2020-10-27 14:25:23 +00:00
And I see href on the metricsAnchor like "https://example.com?service-0-with-id&dc1"