fix: update headline component Jest test to not use async forEach

Author: sghoweri

packages/components/bolt-headline/__tests__/headline.js

@@ -1,11 +1,15 @@
-import { render } from '@bolt/twig-renderer';
+import { render, stopServer, html } from '../../../testing/testing-helpers';
 
 const { readYamlFileSync } = require('@bolt/build-tools/utils/yaml');
 const { join } = require('path');
 const schema = readYamlFileSync(join(__dirname, '../headline.schema.yml'));
 const { tag, size, align, transform } = schema.properties;
 
 describe('<bolt-headline> Component', () => {
+  afterAll(async () => {
+    await stopServer();
+  }, 100);
+
   test('basic usage headline', async () => {
     const results = await render('@bolt-components-headline/headline.twig', {
       text: 'this is a headline',
@@ -21,6 +25,7 @@ describe('<bolt-headline> Component', () => {
     expect(results.ok).toBe(true);
     expect(results.html).toMatchSnapshot();
   });
+
   test('basic usage eyebrow', async () => {
     const results = await render('@bolt-components-headline/eyebrow.twig', {
       text: 'this is an eyebrow',
@@ -54,7 +59,7 @@ describe('<bolt-headline> Component', () => {
     expect(results.html).toMatchSnapshot();
   });
 
-  tag.enum.forEach(async displayChoice => {
+  tag.enum.forEach(displayChoice => {
     test(`tag display: ${displayChoice}`, async () => {
       const results = await render('@bolt-components-headline/headline.twig', {
         tag: displayChoice,
@@ -65,7 +70,7 @@ describe('<bolt-headline> Component', () => {
     });
   });
 
-  align.enum.forEach(async alignmentChoice => {
+  align.enum.forEach(alignmentChoice => {
     test(`text alignment: ${alignmentChoice}`, async () => {
       const results = await render('@bolt-components-headline/headline.twig', {
         align: alignmentChoice,
@@ -76,10 +81,10 @@ describe('<bolt-headline> Component', () => {
     });
   });
 
-  size.enum.forEach(async sizeChoice => {
+  size.enum.forEach(sizeChoice => {
     const fontWeight = ['bold', 'regular', 'semibold'];
 
-    fontWeight.forEach(async weightChoice => {
+    fontWeight.forEach(weightChoice => {
       test(`Sizes at all varient font weights: ${sizeChoice}, ${weightChoice}`, async () => {
         const results = await render(
           '@bolt-components-headline/headline.twig',
@@ -95,10 +100,10 @@ describe('<bolt-headline> Component', () => {
     });
   });
 
-  size.enum.forEach(async sizeChoice => {
+  size.enum.forEach(sizeChoice => {
     const fontStyle = ['normal', 'italic'];
 
-    fontStyle.forEach(async fontChoice => {
+    fontStyle.forEach(fontChoice => {
       test(`Sizes at all varient font styles: ${sizeChoice}, ${fontChoice}`, async () => {
         const results = await render(
           '@bolt-components-headline/headline.twig',
@@ -114,7 +119,7 @@ describe('<bolt-headline> Component', () => {
     });
   });
 
-  transform.enum.forEach(async caseChoice => {
+  transform.enum.forEach(caseChoice => {
     test(`text casing: ${caseChoice}`, async () => {
       const results = await render('@bolt-components-headline/headline.twig', {
         transform: caseChoice,