feat(W-15520218): fix unit test

Author: leandrogilcarrano

src/ApiUrl.js

@@ -284,7 +284,7 @@ export class ApiUrl extends AmfHelperMixin(LitElement) {
 
   _getAsyncPathTemplate() {
     if (this.isNotHttp && !!this._method) {
-      return html`<div class="async-servers-path">${this.path}</div>`;
+      return html`<div class="async-servers-path url-channel-value">${this.path}</div>`;
     }
     return '';
   }
@@ -299,7 +299,7 @@ export class ApiUrl extends AmfHelperMixin(LitElement) {
   }
 
   _getAsyncServersNamesList(asyncServersNames) {
-      return asyncServersNames.map((name) => html`<span class="async-server-name">${name}</span>`)
+      return asyncServersNames.map((name) => html`<span class="async-server-name url-value">${name}</span>`)
   }
 
   /**

src/Styles.js

@@ -274,25 +274,20 @@ api-security-documentation:last-of-type {
   margin-left: 0;
 }
 
-.async-servers-names-area{
-  flex-wrap: wrap
-}
-
 .async-servers{
   margin-left: 11px;
 }
 
 .async-servers .async-servers-path{
-  color: var(--api-method-documentation-async-channel-name-color,#000);
   font-size: 20px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
   margin-top: -1px;
+  word-break: break-all;
 }
 
 .async-servers .async-server-names-title{
-  color: var(--api-method-documentation-async-server-names-title-color,#414141);
   font-size: 14px;
   font-style: normal;
   font-weight: 400;

test/api-url.test.js

@@ -148,15 +148,15 @@ describe('<api-url>', () => {
 			});
 
 			it('should render channel', async () => {
-				const channel = 'Channelsmartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured'
-				await waitUntil(() => element.shadowRoot.querySelector('.url-channel-value'));
-				assert.equal(element.shadowRoot.querySelector('.url-channel-value').textContent, channel);
+				const channel = 'smartylighting/streetlights/1/0/event/{streetlightId}/lighting/measured'
+				await waitUntil(() => element.shadowRoot.querySelector('.async-servers-path'));
+				assert.equal(element.shadowRoot.querySelector('.async-servers-path').textContent, channel);
 			});
 
 			it('should render server', async () => {
-				const expectedServer = 'Servermqtt://api.streetlights.smartylighting.com:{port}'
-				await waitUntil(() => element.shadowRoot.querySelector('.url-server-value'));
-				assert.equal(element.shadowRoot.querySelector('.url-server-value').textContent, expectedServer);
+				const expectedServer = 'production'
+				await waitUntil(() => element.shadowRoot.querySelector('.async-server-name'));
+				assert.equal(element.shadowRoot.querySelector('.async-server-name').textContent, expectedServer);
 			});
 
 			it('should only render url value when no operation selected', async () => {