chore(web): prettier (#2821)

Co-authored-by: Thomas Way <thomas@6f.io>
2023-07-01 00:50:47 -04:00
parent 7c2f7d6c51
commit f55b3add80
242 changed files with 12794 additions and 13426 deletions
@@ -1,141 +1,136 @@
-import { jest, describe, it } from '@jest/globals';
-import { render, RenderResult, waitFor, fireEvent } from '@testing-library/svelte';
 import { createObjectURLMock } from '$lib/__mocks__/jsdom-url.mock';
 import { api, ThumbnailFormat } from '@api';
+import { describe, it, jest } from '@jest/globals';
 import { albumFactory } from '@test-data';
-import AlbumCard from '../album-card.svelte';
 import '@testing-library/jest-dom';
+import { fireEvent, render, RenderResult, waitFor } from '@testing-library/svelte';
+import AlbumCard from '../album-card.svelte';

 jest.mock('@api');

 const apiMock: jest.MockedObject<typeof api> = api as jest.MockedObject<typeof api>;

 describe('AlbumCard component', () => {
-	let sut: RenderResult<AlbumCard>;
+  let sut: RenderResult<AlbumCard>;

-	it.each([
-		{
-			album: albumFactory.build({ albumThumbnailAssetId: null, shared: false, assetCount: 0 }),
-			count: 0,
-			shared: false
-		},
-		{
-			album: albumFactory.build({ albumThumbnailAssetId: null, shared: true, assetCount: 0 }),
-			count: 0,
-			shared: true
-		},
-		{
-			album: albumFactory.build({ albumThumbnailAssetId: null, shared: false, assetCount: 5 }),
-			count: 5,
-			shared: false
-		},
-		{
-			album: albumFactory.build({ albumThumbnailAssetId: null, shared: true, assetCount: 2 }),
-			count: 2,
-			shared: true
-		}
-	])(
-		'shows album data without thumbnail with count $count - shared: $shared',
-		async ({ album, count, shared }) => {
-			sut = render(AlbumCard, { album, user: album.owner });
+  it.each([
+    {
+      album: albumFactory.build({ albumThumbnailAssetId: null, shared: false, assetCount: 0 }),
+      count: 0,
+      shared: false,
+    },
+    {
+      album: albumFactory.build({ albumThumbnailAssetId: null, shared: true, assetCount: 0 }),
+      count: 0,
+      shared: true,
+    },
+    {
+      album: albumFactory.build({ albumThumbnailAssetId: null, shared: false, assetCount: 5 }),
+      count: 5,
+      shared: false,
+    },
+    {
+      album: albumFactory.build({ albumThumbnailAssetId: null, shared: true, assetCount: 2 }),
+      count: 2,
+      shared: true,
+    },
+  ])('shows album data without thumbnail with count $count - shared: $shared', async ({ album, count, shared }) => {
+    sut = render(AlbumCard, { album, user: album.owner });

-			const albumImgElement = sut.getByTestId('album-image');
-			const albumNameElement = sut.getByTestId('album-name');
-			const albumDetailsElement = sut.getByTestId('album-details');
-			const detailsText = `${count} items` + (shared ? ' . Shared' : '');
+    const albumImgElement = sut.getByTestId('album-image');
+    const albumNameElement = sut.getByTestId('album-name');
+    const albumDetailsElement = sut.getByTestId('album-details');
+    const detailsText = `${count} items` + (shared ? ' . Shared' : '');

-			expect(albumImgElement).toHaveAttribute('src');
-			expect(albumImgElement).toHaveAttribute('alt', album.id);
+    expect(albumImgElement).toHaveAttribute('src');
+    expect(albumImgElement).toHaveAttribute('alt', album.id);

-			await waitFor(() => expect(albumImgElement).toHaveAttribute('src'));
+    await waitFor(() => expect(albumImgElement).toHaveAttribute('src'));

-			expect(albumImgElement).toHaveAttribute('alt', album.id);
-			expect(apiMock.assetApi.getAssetThumbnail).not.toHaveBeenCalled();
+    expect(albumImgElement).toHaveAttribute('alt', album.id);
+    expect(apiMock.assetApi.getAssetThumbnail).not.toHaveBeenCalled();

-			expect(albumNameElement).toHaveTextContent(album.albumName);
-			expect(albumDetailsElement).toHaveTextContent(new RegExp(detailsText));
-		}
-	);
+    expect(albumNameElement).toHaveTextContent(album.albumName);
+    expect(albumDetailsElement).toHaveTextContent(new RegExp(detailsText));
+  });

-	it('shows album data and and loads the thumbnail image when available', async () => {
-		const thumbnailFile = new File([new Blob()], 'fileThumbnail');
-		const thumbnailUrl = 'blob:thumbnailUrlOne';
-		apiMock.assetApi.getAssetThumbnail.mockResolvedValue({
-			data: thumbnailFile,
-			config: {},
-			headers: {},
-			status: 200,
-			statusText: ''
-		});
-		createObjectURLMock.mockReturnValueOnce(thumbnailUrl);
+  it('shows album data and and loads the thumbnail image when available', async () => {
+    const thumbnailFile = new File([new Blob()], 'fileThumbnail');
+    const thumbnailUrl = 'blob:thumbnailUrlOne';
+    apiMock.assetApi.getAssetThumbnail.mockResolvedValue({
+      data: thumbnailFile,
+      config: {},
+      headers: {},
+      status: 200,
+      statusText: '',
+    });
+    createObjectURLMock.mockReturnValueOnce(thumbnailUrl);

-		const album = albumFactory.build({
-			albumThumbnailAssetId: 'thumbnailIdOne',
-			shared: false,
-			albumName: 'some album name'
-		});
-		sut = render(AlbumCard, { album, user: album.owner });
+    const album = albumFactory.build({
+      albumThumbnailAssetId: 'thumbnailIdOne',
+      shared: false,
+      albumName: 'some album name',
+    });
+    sut = render(AlbumCard, { album, user: album.owner });

-		const albumImgElement = sut.getByTestId('album-image');
-		const albumNameElement = sut.getByTestId('album-name');
-		const albumDetailsElement = sut.getByTestId('album-details');
-		expect(albumImgElement).toHaveAttribute('alt', album.id);
+    const albumImgElement = sut.getByTestId('album-image');
+    const albumNameElement = sut.getByTestId('album-name');
+    const albumDetailsElement = sut.getByTestId('album-details');
+    expect(albumImgElement).toHaveAttribute('alt', album.id);

-		await waitFor(() => expect(albumImgElement).toHaveAttribute('src', thumbnailUrl));
+    await waitFor(() => expect(albumImgElement).toHaveAttribute('src', thumbnailUrl));

-		expect(albumImgElement).toHaveAttribute('alt', album.id);
-		expect(apiMock.assetApi.getAssetThumbnail).toHaveBeenCalledTimes(1);
-		expect(apiMock.assetApi.getAssetThumbnail).toHaveBeenCalledWith(
-			{
-				id: 'thumbnailIdOne',
-				format: ThumbnailFormat.Jpeg
-			},
-			{ responseType: 'blob' }
-		);
-		expect(createObjectURLMock).toHaveBeenCalledWith(thumbnailFile);
+    expect(albumImgElement).toHaveAttribute('alt', album.id);
+    expect(apiMock.assetApi.getAssetThumbnail).toHaveBeenCalledTimes(1);
+    expect(apiMock.assetApi.getAssetThumbnail).toHaveBeenCalledWith(
+      {
+        id: 'thumbnailIdOne',
+        format: ThumbnailFormat.Jpeg,
+      },
+      { responseType: 'blob' },
+    );
+    expect(createObjectURLMock).toHaveBeenCalledWith(thumbnailFile);

-		expect(albumNameElement).toHaveTextContent('some album name');
-		expect(albumDetailsElement).toHaveTextContent('0 items');
-	});
+    expect(albumNameElement).toHaveTextContent('some album name');
+    expect(albumDetailsElement).toHaveTextContent('0 items');
+  });

-	describe('with rendered component - no thumbnail', () => {
-		const album = Object.freeze(albumFactory.build({ albumThumbnailAssetId: null }));
+  describe('with rendered component - no thumbnail', () => {
+    const album = Object.freeze(albumFactory.build({ albumThumbnailAssetId: null }));

-		beforeEach(async () => {
-			sut = render(AlbumCard, { album, user: album.owner });
+    beforeEach(async () => {
+      sut = render(AlbumCard, { album, user: album.owner });

-			const albumImgElement = sut.getByTestId('album-image');
-			await waitFor(() => expect(albumImgElement).toHaveAttribute('src'));
-		});
+      const albumImgElement = sut.getByTestId('album-image');
+      await waitFor(() => expect(albumImgElement).toHaveAttribute('src'));
+    });

-		it('dispatches custom "click" event with the album in context', async () => {
-			const onClickHandler = jest.fn();
-			sut.component.$on('click', onClickHandler);
-			const albumCardElement = sut.getByTestId('album-card');
+    it('dispatches custom "click" event with the album in context', async () => {
+      const onClickHandler = jest.fn();
+      sut.component.$on('click', onClickHandler);
+      const albumCardElement = sut.getByTestId('album-card');

-			await fireEvent.click(albumCardElement);
-			expect(onClickHandler).toHaveBeenCalledTimes(1);
-			expect(onClickHandler).toHaveBeenCalledWith(expect.objectContaining({ detail: album }));
-		});
+      await fireEvent.click(albumCardElement);
+      expect(onClickHandler).toHaveBeenCalledTimes(1);
+      expect(onClickHandler).toHaveBeenCalledWith(expect.objectContaining({ detail: album }));
+    });

-		it('dispatches custom "click" event on context menu click with mouse coordinates', async () => {
-			const onClickHandler = jest.fn();
-			sut.component.$on('showalbumcontextmenu', onClickHandler);
+    it('dispatches custom "click" event on context menu click with mouse coordinates', async () => {
+      const onClickHandler = jest.fn();
+      sut.component.$on('showalbumcontextmenu', onClickHandler);

-			const contextMenuBtnParent = sut.getByTestId('context-button-parent');
+      const contextMenuBtnParent = sut.getByTestId('context-button-parent');

-			await fireEvent(
-				contextMenuBtnParent,
-				new MouseEvent('click', {
-					clientX: 123,
-					clientY: 456
-				})
-			);
+      await fireEvent(
+        contextMenuBtnParent,
+        new MouseEvent('click', {
+          clientX: 123,
+          clientY: 456,
+        }),
+      );

-			expect(onClickHandler).toHaveBeenCalledTimes(1);
-			expect(onClickHandler).toHaveBeenCalledWith(
-				expect.objectContaining({ detail: { x: 123, y: 456 } })
-			);
-		});
-	});
+      expect(onClickHandler).toHaveBeenCalledTimes(1);
+      expect(onClickHandler).toHaveBeenCalledWith(expect.objectContaining({ detail: { x: 123, y: 456 } }));
+    });
+  });
 });