Updated to airbnb coding styles

test/common/AppUpdateBanner.test.tsx

@@ -9,7 +9,7 @@ describe('<AppUpdateBanner />', () => {
   let wrapper: ShallowWrapper;
 
   beforeEach(() => {
-    wrapper = shallow(<AppUpdateBanner isOpen={true} toggle={toggle} forceUpdate={forceUpdate} />);
+    wrapper = shallow(<AppUpdateBanner isOpen toggle={toggle} forceUpdate={forceUpdate} />);
   });
 
   afterEach(jest.clearAllMocks);

test/common/Home.test.tsx

@@ -36,7 +36,7 @@ describe('<Home />', () => {
       },
       0,
     ],
-    [{}, 3 ],
+    [{}, 3],
   ])('shows link to create or set-up server only when no servers exist', (servers, expectedParagraphs) => {
     const wrapped = createComponent({ servers });
     const p = wrapped.find('p');

test/common/MainHeader.test.tsx

@@ -32,11 +32,11 @@ describe('<MainHeader />', () => {
   });
 
   it.each([
-    [ '/foo', false ],
-    [ '/bar', false ],
-    [ '/settings', true ],
-    [ '/settings/foo', true ],
-    [ '/settings/bar', true ],
+    ['/foo', false],
+    ['/bar', false],
+    ['/settings', true],
+    ['/settings/foo', true],
+    ['/settings/bar', true],
   ])('sets link to settings as active only when current path is settings', (currentPath, isActive) => {
     const wrapper = createWrapper(currentPath);
     const settingsLink = wrapper.find(NavLink);

test/common/MenuLayout.test.tsx

@@ -36,8 +36,8 @@ describe('<MenuLayout />', () => {
   afterEach(() => wrapper?.unmount());
 
   it.each([
-    [ null, NoMenuLayout ],
-    [ Mock.of<NotFoundServer>({ serverNotFound: true }), ServerError ],
+    [null, NoMenuLayout],
+    [Mock.of<NotFoundServer>({ serverNotFound: true }), ServerError],
   ])('returns error when server is not found', (selectedServer, ExpectedComp) => {
     const wrapper = createWrapper(selectedServer);
     const comp = wrapper.find(ExpectedComp);
@@ -53,12 +53,12 @@ describe('<MenuLayout />', () => {
   });
 
   it.each([
-    [ '2.5.0' as SemVer, 9 ],
-    [ '2.6.0' as SemVer, 10 ],
-    [ '2.7.0' as SemVer, 10 ],
-    [ '2.8.0' as SemVer, 11 ],
-    [ '2.10.0' as SemVer, 11 ],
-    [ '3.0.0' as SemVer, 12 ],
+    ['2.5.0' as SemVer, 9],
+    ['2.6.0' as SemVer, 10],
+    ['2.7.0' as SemVer, 10],
+    ['2.8.0' as SemVer, 11],
+    ['2.10.0' as SemVer, 11],
+    ['3.0.0' as SemVer, 12],
   ])('has expected amount of routes based on selected server\'s version', (version, expectedAmountOfRoutes) => {
     const selectedServer = Mock.of<ReachableServer>({ version });
     const wrapper = createWrapper(selectedServer).dive();

test/common/ShlinkVersions.test.tsx

@@ -14,11 +14,11 @@ describe('<ShlinkVersions />', () => {
   afterEach(() => wrapper?.unmount());
 
   it.each([
-    [ '1.2.3', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: 'foo' }), 'v1.2.3', 'foo' ],
-    [ 'foo', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: '1.2.3' }), 'latest', '1.2.3' ],
-    [ 'latest', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: 'latest' }), 'latest', 'latest' ],
-    [ '5.5.0', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: '0.2.8' }), 'v5.5.0', '0.2.8' ],
-    [ 'not-semver', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: 'some' }), 'latest', 'some' ],
+    ['1.2.3', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: 'foo' }), 'v1.2.3', 'foo'],
+    ['foo', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: '1.2.3' }), 'latest', '1.2.3'],
+    ['latest', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: 'latest' }), 'latest', 'latest'],
+    ['5.5.0', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: '0.2.8' }), 'v5.5.0', '0.2.8'],
+    ['not-semver', Mock.of<ReachableServer>({ version: '1.0.0', printableVersion: 'some' }), 'latest', 'some'],
   ])(
     'displays expected versions when selected server is reachable',
     (clientVersion, selectedServer, expectedClientVersion, expectedServerVersion) => {
@@ -35,9 +35,9 @@ describe('<ShlinkVersions />', () => {
   );
 
   it.each([
-    [ '1.2.3', null ],
-    [ '1.2.3', Mock.of<NotFoundServer>({ serverNotFound: true }) ],
-    [ '1.2.3', Mock.of<NonReachableServer>({ serverNotReachable: true }) ],
+    ['1.2.3', null],
+    ['1.2.3', Mock.of<NotFoundServer>({ serverNotFound: true })],
+    ['1.2.3', Mock.of<NonReachableServer>({ serverNotReachable: true })],
   ])('displays only client version when selected server is not reachable', (clientVersion, selectedServer) => {
     const wrapper = createWrapper({ clientVersion, selectedServer });
     const links = wrapper.find('VersionLink');

test/common/ShlinkVersionsContainer.test.tsx

@@ -16,8 +16,8 @@ describe('<ShlinkVersionsContainer />', () => {
   afterEach(() => wrapper?.unmount());
 
   it.each([
-    [{ sidebarPresent: false }, 'text-center' ],
-    [{ sidebarPresent: true }, 'text-center shlink-versions-container--with-sidebar' ],
+    [{ sidebarPresent: false }, 'text-center'],
+    [{ sidebarPresent: true }, 'text-center shlink-versions-container--with-sidebar'],
   ])('renders proper col classes based on sidebar status', (sidebar, expectedClasses) => {
     const wrapper = createWrapper(sidebar);
 

test/common/SimplePaginator.test.tsx

@@ -14,7 +14,7 @@ describe('<SimplePaginator />', () => {
 
   afterEach(() => wrapper?.unmount());
 
-  it.each([ -3, -2, 0, 1 ])('renders empty when the amount of pages is smaller than 2', (pagesCount) => {
+  it.each([-3, -2, 0, 1])('renders empty when the amount of pages is smaller than 2', (pagesCount) => {
     expect(createWrapper(pagesCount).text()).toEqual('');
   });
 

test/common/img/ShlinkLogo.test.tsx

@@ -13,9 +13,9 @@ describe('<ShlinkLogo />', () => {
   afterEach(() => wrapper?.unmount());
 
   it.each([
-    [ undefined, MAIN_COLOR ],
-    [ 'red', 'red' ],
-    [ 'white', 'white' ],
+    [undefined, MAIN_COLOR],
+    ['red', 'red'],
+    ['white', 'white'],
   ])('renders expected color', (color, expectedColor) => {
     const wrapper = createWrapper({ color });
 
@@ -23,9 +23,9 @@ describe('<ShlinkLogo />', () => {
   });
 
   it.each([
-    [ undefined, undefined ],
-    [ 'foo', 'foo' ],
-    [ 'bar', 'bar' ],
+    [undefined, undefined],
+    ['foo', 'foo'],
+    ['bar', 'bar'],
   ])('renders expected class', (className, expectedClassName) => {
     const wrapper = createWrapper({ className });
 

test/common/reducer/sidebar.test.ts

@@ -10,8 +10,8 @@ import reducer, {
 describe('sidebarReducer', () => {
   describe('reducer', () => {
     it.each([
-      [ SIDEBAR_PRESENT, { sidebarPresent: true }],
-      [ SIDEBAR_NOT_PRESENT, { sidebarPresent: false }],
+      [SIDEBAR_PRESENT, { sidebarPresent: true }],
+      [SIDEBAR_NOT_PRESENT, { sidebarPresent: false }],
     ])('returns expected on %s', (type, expected) => {
       expect(reducer(Mock.all<Sidebar>(), { type })).toEqual(expected);
     });