Enhanced ReportExporter test

src/utils/SearchField.scss

@@ -28,6 +28,6 @@
 .search-field__close {
   @include vertical-align();
 
-  right: 15px;
+  right: 10px;
   cursor: pointer;
 }

src/utils/SearchField.tsx

@@ -47,13 +47,11 @@ const SearchField = ({ onChange, className, large = true, noBorder = false, init
       />
       <FontAwesomeIcon icon={searchIcon} className="search-field__icon" />
       <div
-        className="close search-field__close"
+        className="close search-field__close btn-close"
         hidden={searchTerm === ''}
         id="search-field__close"
         onClick={() => searchTermChanged('', 0)}
-      >
-        &times;
-      </div>
+      />
     </div>
   );
 };

test/common/services/ReportExporter.test.ts

@@ -3,6 +3,7 @@ import { CsvJson } from 'csvjson';
 import { ReportExporter } from '../../../src/common/services/ReportExporter';
 import { NormalizedVisit } from '../../../src/visits/types';
 import { windowMock } from '../../mocks/WindowMock';
+import { ExportableShortUrl } from '../../../src/short-urls/data';
 
 describe('ReportExporter', () => {
   const toCSV = jest.fn();
@@ -44,4 +45,29 @@ describe('ReportExporter', () => {
       expect(toCSV).not.toHaveBeenCalled();
     });
   });
+
+  describe('exportShortUrls', () => {
+    it('parses provided short URLs to CSV', () => {
+      const shortUrls: ExportableShortUrl[] = [
+        {
+          shortUrl: 'shortUrl',
+          visits: 10,
+          title: '',
+          createdAt: '',
+          longUrl: '',
+          tags: '',
+        },
+      ];
+
+      exporter.exportShortUrls(shortUrls);
+
+      expect(toCSV).toHaveBeenCalledWith(shortUrls, { headers: 'key', wrap: true });
+    });
+
+    it('skips execution when list of visits is empty', () => {
+      exporter.exportShortUrls([]);
+
+      expect(toCSV).not.toHaveBeenCalled();
+    });
+  });
 });