Created view to edit short URLs

test/common/MenuLayout.test.tsx

@@ -11,7 +11,7 @@ import { SemVer } from '../../src/utils/helpers/version';
 describe('<MenuLayout />', () => {
   const ServerError = jest.fn();
   const C = jest.fn();
-  const MenuLayout = createMenuLayout(C, C, C, C, C, C, C, ServerError, C);
+  const MenuLayout = createMenuLayout(C, C, C, C, C, C, C, ServerError, C, C);
   let wrapper: ShallowWrapper;
   const createWrapper = (selectedServer: SelectedServer) => {
     wrapper = shallow(
@@ -49,11 +49,11 @@ describe('<MenuLayout />', () => {
   });
 
   it.each([
-    [ '2.1.0' as SemVer, 6 ],
-    [ '2.2.0' as SemVer, 7 ],
-    [ '2.5.0' as SemVer, 7 ],
-    [ '2.6.0' as SemVer, 8 ],
-    [ '2.7.0' as SemVer, 8 ],
+    [ '2.1.0' as SemVer, 7 ],
+    [ '2.2.0' as SemVer, 8 ],
+    [ '2.5.0' as SemVer, 8 ],
+    [ '2.6.0' as SemVer, 9 ],
+    [ '2.7.0' as SemVer, 9 ],
   ])('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/short-urls/helpers/ShortUrlDetailLink.test.tsx

@@ -1,11 +1,11 @@
 import { shallow, ShallowWrapper } from 'enzyme';
 import { Link } from 'react-router-dom';
 import { Mock } from 'ts-mockery';
-import VisitStatsLink from '../../../src/short-urls/helpers/VisitStatsLink';
+import ShortUrlDetailLink, { LinkSuffix } from '../../../src/short-urls/helpers/ShortUrlDetailLink';
 import { NotFoundServer, ReachableServer } from '../../../src/servers/data';
 import { ShortUrl } from '../../../src/short-urls/data';
 
-describe('<VisitStatsLink />', () => {
+describe('<ShortUrlDetailLink />', () => {
   let wrapper: ShallowWrapper;
 
   afterEach(() => wrapper?.unmount());
@@ -19,7 +19,11 @@ describe('<VisitStatsLink />', () => {
     [ null, Mock.all<ShortUrl>() ],
     [ undefined, Mock.all<ShortUrl>() ],
   ])('only renders a plain span when either server or short URL are not set', (selectedServer, shortUrl) => {
-    wrapper = shallow(<VisitStatsLink selectedServer={selectedServer} shortUrl={shortUrl}>Something</VisitStatsLink>);
+    wrapper = shallow(
+      <ShortUrlDetailLink selectedServer={selectedServer} shortUrl={shortUrl} suffix="visits">
+        Something
+      </ShortUrlDetailLink>,
+    );
     const link = wrapper.find(Link);
 
     expect(link).toHaveLength(0);
@@ -30,15 +34,33 @@ describe('<VisitStatsLink />', () => {
     [
       Mock.of<ReachableServer>({ id: '1' }),
       Mock.of<ShortUrl>({ shortCode: 'abc123' }),
+      'visits' as LinkSuffix,
       '/server/1/short-code/abc123/visits',
     ],
     [
       Mock.of<ReachableServer>({ id: '3' }),
       Mock.of<ShortUrl>({ shortCode: 'def456', domain: 'example.com' }),
+      'visits' as LinkSuffix,
       '/server/3/short-code/def456/visits?domain=example.com',
     ],
-  ])('renders link with expected query when', (selectedServer, shortUrl, expectedLink) => {
-    wrapper = shallow(<VisitStatsLink selectedServer={selectedServer} shortUrl={shortUrl}>Something</VisitStatsLink>);
+    [
+      Mock.of<ReachableServer>({ id: '1' }),
+      Mock.of<ShortUrl>({ shortCode: 'abc123' }),
+      'edit' as LinkSuffix,
+      '/server/1/short-code/abc123/edit',
+    ],
+    [
+      Mock.of<ReachableServer>({ id: '3' }),
+      Mock.of<ShortUrl>({ shortCode: 'def456', domain: 'example.com' }),
+      'edit' as LinkSuffix,
+      '/server/3/short-code/def456/edit?domain=example.com',
+    ],
+  ])('renders link with expected query when', (selectedServer, shortUrl, suffix, expectedLink) => {
+    wrapper = shallow(
+      <ShortUrlDetailLink selectedServer={selectedServer} shortUrl={shortUrl} suffix={suffix}>
+        Something
+      </ShortUrlDetailLink>,
+    );
     const link = wrapper.find(Link);
     const to = link.prop('to');
 

test/short-urls/helpers/ShortUrlsRowMenu.test.tsx

@@ -51,7 +51,7 @@ describe('<ShortUrlsRowMenu />', () => {
     const wrapper = createWrapper();
     const items = wrapper.find(DropdownItem);
 
-    expect(items).toHaveLength(7);
+    expect(items).toHaveLength(8);
     expect(items.find('[divider]')).toHaveLength(1);
   });
 

test/short-urls/reducers/shortUrlDetail.test.ts

@@ -51,7 +51,7 @@ describe('shortUrlDetailReducer', () => {
     const buildGetState = (shortUrlsList?: ShortUrlsList) => () => Mock.of<ShlinkState>({ shortUrlsList });
 
     it('dispatches start and error when promise is rejected', async () => {
-      const ShlinkApiClient = buildApiClientMock(Promise.reject());
+      const ShlinkApiClient = buildApiClientMock(Promise.reject({}));
 
       await getShortUrlDetail(() => ShlinkApiClient)('abc123', '')(dispatchMock, buildGetState());