Extend test execution time (#34)

* test: use waitUntil in some tests

* chore: remove import

Author: twoplustwoone

test/api-method-documentation.test.js

@@ -1,4 +1,4 @@
-import { fixture, assert, html, aTimeout, nextFrame } from '@open-wc/testing';
+import { fixture, assert, html, aTimeout, nextFrame, waitUntil } from '@open-wc/testing';
 import sinon from 'sinon';
 import { AmfLoader } from './amf-loader.js';
 import '../api-method-documentation.js';
@@ -816,8 +816,12 @@ describe('<api-method-documentation>', () => {
           assert.lengthOf(element.security, 2);
         });
 
-        it('should render Headers section for AsyncAPI headers', () => {
-          assert.exists(element.shadowRoot.querySelector('api-headers-document'));
+        it('should render Headers section for AsyncAPI headers', async () => {
+          await waitUntil(
+            () => element.shadowRoot.querySelector('api-headers-document'),
+            'api-headers-document renders',
+            { timeout: 1000 },
+          );
         });
       });
 

test/api-url.test.js

@@ -1,4 +1,4 @@
-import { fixture, assert, nextFrame, html } from '@open-wc/testing';
+import { fixture, assert, nextFrame, html, waitUntil } from '@open-wc/testing';
 import { AmfLoader } from './amf-loader.js';
 import '../api-url.js';
 
@@ -143,13 +143,15 @@ describe('<api-url>', function () {
 				await nextFrame();
 			});
 
-			it('should render channel', () => {
+			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);
 			});
 
-			it('should render server', () => {
+			it('should render server', async () => {
 				const server = 'Servermqtt://api.streetlights.smartylighting.com:{port}'
+				await waitUntil(() => element.shadowRoot.querySelector('.url-server-value'));
 				assert.equal(element.shadowRoot.querySelector('.url-server-value').textContent, server);
 			});