Updated to airbnb coding styles

test/servers/helpers/DuplicatedServersModal.test.tsx

@@ -20,11 +20,11 @@ describe('<DuplicatedServersModal />', () => {
   afterEach(() => wrapper?.unmount());
 
   it.each([
-    [[], 0 ],
-    [[ Mock.all<ServerData>() ], 2 ],
-    [[ Mock.all<ServerData>(), Mock.all<ServerData>() ], 2 ],
-    [[ Mock.all<ServerData>(), Mock.all<ServerData>(), Mock.all<ServerData>() ], 3 ],
-    [[ Mock.all<ServerData>(), Mock.all<ServerData>(), Mock.all<ServerData>(), Mock.all<ServerData>() ], 4 ],
+    [[], 0],
+    [[Mock.all<ServerData>()], 2],
+    [[Mock.all<ServerData>(), Mock.all<ServerData>()], 2],
+    [[Mock.all<ServerData>(), Mock.all<ServerData>(), Mock.all<ServerData>()], 3],
+    [[Mock.all<ServerData>(), Mock.all<ServerData>(), Mock.all<ServerData>(), Mock.all<ServerData>()], 4],
   ])('renders expected amount of items', (duplicatedServers, expectedItems) => {
     const wrapper = createWrapper(duplicatedServers);
     const li = wrapper.find('li');
@@ -34,7 +34,7 @@ describe('<DuplicatedServersModal />', () => {
 
   it.each([
     [
-      [ Mock.all<ServerData>() ],
+      [Mock.all<ServerData>()],
       {
         header: 'Duplicated server',
         firstParagraph: 'There is already a server with:',
@@ -43,7 +43,7 @@ describe('<DuplicatedServersModal />', () => {
       },
     ],
     [
-      [ Mock.all<ServerData>(), Mock.all<ServerData>() ],
+      [Mock.all<ServerData>(), Mock.all<ServerData>()],
       {
         header: 'Duplicated servers',
         firstParagraph: 'The next servers already exist:',
@@ -66,7 +66,7 @@ describe('<DuplicatedServersModal />', () => {
 
   it.each([
     [[]],
-    [[ Mock.of<ServerData>({ url: 'url', apiKey: 'apiKey' }) ]],
+    [[Mock.of<ServerData>({ url: 'url', apiKey: 'apiKey' })]],
   ])('displays provided server data', (duplicatedServers) => {
     const wrapper = createWrapper(duplicatedServers);
     const li = wrapper.find('li');

test/servers/helpers/ForServerVersion.test.tsx

@@ -26,9 +26,9 @@ describe('<ForServerVersion />', () => {
   });
 
   it.each([
-    [ '2.0.0' as SemVerPattern, undefined, '1.8.3' as SemVer ],
-    [ undefined, '1.8.0' as SemVerPattern, '1.8.3' as SemVer ],
-    [ '1.7.0' as SemVerPattern, '1.8.0' as SemVerPattern, '1.8.3' as SemVer ],
+    ['2.0.0' as SemVerPattern, undefined, '1.8.3' as SemVer],
+    [undefined, '1.8.0' as SemVerPattern, '1.8.3' as SemVer],
+    ['1.7.0' as SemVerPattern, '1.8.0' as SemVerPattern, '1.8.3' as SemVer],
   ])('does not render children when current version does not match requirements', (min, max, version) => {
     const wrapped = renderComponent(Mock.of<ReachableServer>({ version, printableVersion: version }), min, max);
 
@@ -36,11 +36,11 @@ describe('<ForServerVersion />', () => {
   });
 
   it.each([
-    [ '2.0.0' as SemVerPattern, undefined, '2.8.3' as SemVer ],
-    [ '2.0.0' as SemVerPattern, undefined, '2.0.0' as SemVer ],
-    [ undefined, '1.8.0' as SemVerPattern, '1.8.0' as SemVer ],
-    [ undefined, '1.8.0' as SemVerPattern, '1.7.1' as SemVer ],
-    [ '1.7.0' as SemVerPattern, '1.8.0' as SemVerPattern, '1.7.3' as SemVer ],
+    ['2.0.0' as SemVerPattern, undefined, '2.8.3' as SemVer],
+    ['2.0.0' as SemVerPattern, undefined, '2.0.0' as SemVer],
+    [undefined, '1.8.0' as SemVerPattern, '1.8.0' as SemVer],
+    [undefined, '1.8.0' as SemVerPattern, '1.7.1' as SemVer],
+    ['1.7.0' as SemVerPattern, '1.8.0' as SemVerPattern, '1.7.3' as SemVer],
   ])('renders children when current version matches requirements', (min, max, version) => {
     const wrapped = renderComponent(Mock.of<ReachableServer>({ version, printableVersion: version }), min, max);
 

test/servers/helpers/HighlightCard.test.tsx

@@ -16,8 +16,8 @@ describe('<HighlightCard />', () => {
   afterEach(() => wrapper?.unmount());
 
   it.each([
-    [ undefined ],
-    [ false ],
+    [undefined],
+    [false],
   ])('renders expected components', (link) => {
     const wrapper = createWrapper({ title: 'foo', link: link as undefined | false });
 
@@ -30,9 +30,9 @@ describe('<HighlightCard />', () => {
   });
 
   it.each([
-    [ 'foo' ],
-    [ 'bar' ],
-    [ 'baz' ],
+    ['foo'],
+    ['bar'],
+    ['baz'],
   ])('renders provided title', (title) => {
     const wrapper = createWrapper({ title });
     const cardTitle = wrapper.find(CardTitle);
@@ -41,9 +41,9 @@ describe('<HighlightCard />', () => {
   });
 
   it.each([
-    [ 'foo' ],
-    [ 'bar' ],
-    [ 'baz' ],
+    ['foo'],
+    ['bar'],
+    ['baz'],
   ])('renders provided children', (children) => {
     const wrapper = createWrapper({ title: 'foo', children });
     const cardText = wrapper.find(CardText);
@@ -52,9 +52,9 @@ describe('<HighlightCard />', () => {
   });
 
   it.each([
-    [ 'foo' ],
-    [ 'bar' ],
-    [ 'baz' ],
+    ['foo'],
+    ['bar'],
+    ['baz'],
   ])('adds extra props when a link is provided', (link) => {
     const wrapper = createWrapper({ title: 'foo', link });
 

test/servers/helpers/ImportServersBtn.test.tsx

@@ -41,9 +41,9 @@ describe('<ImportServersBtn />', () => {
   });
 
   it.each([
-    [ undefined, '' ],
-    [ 'foo', 'foo' ],
-    [ 'bar', 'bar' ],
+    [undefined, ''],
+    ['foo', 'foo'],
+    ['bar', 'bar'],
   ])('allows a class name to be provided', (providedClassName, expectedClassName) => {
     const wrapper = createWrapper({ className: providedClassName });
 
@@ -51,9 +51,9 @@ describe('<ImportServersBtn />', () => {
   });
 
   it.each([
-    [ undefined, true ],
-    [ 'foo', false ],
-    [ 'bar', false ],
+    [undefined, true],
+    ['foo', false],
+    ['bar', false],
   ])('has expected text', (children, expectToHaveDefaultText) => {
     const wrapper = createWrapper({ children });
 
@@ -78,14 +78,14 @@ describe('<ImportServersBtn />', () => {
     const wrapper = createWrapper();
     const file = wrapper.find('.import-servers-btn__csv-select');
 
-    await file.simulate('change', { target: { files: [ '' ] } }); // eslint-disable-line @typescript-eslint/await-thenable
+    await file.simulate('change', { target: { files: [''] } }); // eslint-disable-line @typescript-eslint/await-thenable
 
     expect(importServersFromFile).toHaveBeenCalledTimes(1);
   });
 
   it.each([
-    [ 'discard' ],
-    [ 'save' ],
+    ['discard'],
+    ['save'],
   ])('invokes callback in DuplicatedServersModal events', (event) => {
     const wrapper = createWrapper();
 

test/servers/helpers/ServerError.test.tsx

@@ -38,7 +38,7 @@ describe('<ServerError />', () => {
     const wrapperText = wrapper.html();
     const textPairs = Object.entries(textsToFind);
 
-    textPairs.forEach(([ text, shouldBeFound ]) => {
+    textPairs.forEach(([text, shouldBeFound]) => {
       if (shouldBeFound) {
         expect(wrapperText).toContain(text);
       } else {