feat(imageuploader): write test

src/components/ImageCard/ImageUploader.jsx

@@ -17,7 +17,7 @@ const { iotPrefix } = settings;
 const i18nDefaults = {
   dropContainerLabelText: 'Drag and drop file here or click to select file',
   dropContainerDescText:
-    'Max file size is 1MB. Supported file types are: JPEG, PNG, GIF, WEBP, TIFF, JPEG2000',
+    'Max file size is 1MB. Supported file types are: APNG, AVIF, GIF, JPEG, PNG, WebP',
   uploadByURLCancel: 'Cancel',
   uploadByURLButton: 'OK',
   browseImages: 'Browse images',
@@ -44,7 +44,7 @@ const propTypes = {
 };
 
 const defaultProps = {
-  accept: ['JPEG', 'PNG', 'GIF', 'WEBP', 'TIFF', 'JPEG2000'],
+  accept: ['APNG', 'AVIF', 'GIF', 'JPEG', 'PNG', 'WebP'],
   onBrowseClick: () => {},
   onUpload: () => {},
   i18n: i18nDefaults,

src/components/ImageCard/ImageUploader.test.jsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+
+import ImageUploader from './ImageUploader';
+
+describe('ImageUploader', () => {
+  it('will switch to URL upload screen', () => {
+    render(<ImageUploader />);
+
+    const insertFromURLBtn = screen.getByText(/Insert from URL/);
+    userEvent.click(insertFromURLBtn);
+    expect(screen.getAllByText(/OK/)).toHaveLength(1);
+  });
+
+  it('will upload and use an image from URL', async () => {
+    render(<ImageUploader />);
+
+    const insertFromURLBtn = screen.getByText(/Insert from URL/);
+    userEvent.click(insertFromURLBtn);
+    await userEvent.type(
+      screen.getAllByTitle('Type or insert URL'),
+      'http://placekitten.com/200/300'
+    );
+    userEvent.click(insertFromURLBtn);
+    expect(screen.querySelectorAll('.iot--image-card-img')).toHaveLength(1);
+  });
+});