diff --git a/packages/img/src/img.spec.tsx b/packages/img/src/img.spec.tsx index 2c0fc47dc6..586066897c 100644 --- a/packages/img/src/img.spec.tsx +++ b/packages/img/src/img.spec.tsx @@ -24,7 +24,7 @@ describe(' component', () => { Cat, ); expect(actualOutput).toMatchInlineSnapshot( - `"Cat"`, + `"Cat"`, ); }); }); diff --git a/packages/img/src/img.tsx b/packages/img/src/img.tsx index 1bc08a7afe..b2b632fc44 100644 --- a/packages/img/src/img.tsx +++ b/packages/img/src/img.tsx @@ -7,6 +7,10 @@ export const Img = React.forwardRef( {alt} tags for every image, which are + // unnecessary noise in email HTML. Email clients ignore this attribute. + fetchPriority="low" height={height} ref={ref} src={src} diff --git a/packages/preview-server/src/utils/get-email-component.spec.ts b/packages/preview-server/src/utils/get-email-component.spec.ts index d1925f9fa1..be299e5805 100644 --- a/packages/preview-server/src/utils/get-email-component.spec.ts +++ b/packages/preview-server/src/utils/get-email-component.spec.ts @@ -28,10 +28,6 @@ describe('getEmailComponent()', () => { " - - - - @@ -81,6 +77,7 @@ describe('getEmailComponent()', () => { Vercel Logo { data-id="__react-email-column"> alanturing's profile picture { data-id="__react-email-column"> Arrow indicating invitation { data-id="__react-email-column"> Enigma team logo { " - - @@ -71,6 +69,7 @@ test('email export', { retry: 3 }, async () => { Vercel Logo { data-id="__react-email-column"> undefined's profile picture @@ -130,6 +130,7 @@ test('email export', { retry: 3 }, async () => { data-id="__react-email-column"> Arrow indicating invitation { data-id="__react-email-column"> undefined team logo diff --git a/packages/render/src/browser/render-web.spec.tsx b/packages/render/src/browser/render-web.spec.tsx index 88e38d2ffd..362d304286 100644 --- a/packages/render/src/browser/render-web.spec.tsx +++ b/packages/render/src/browser/render-web.spec.tsx @@ -54,7 +54,7 @@ describe('render on the browser environment', () => { const actualOutput = await render(