Updated ShortUrlForm to ensure it does not render empty cards

test/short-urls/ShortUrlForm.test.tsx

@@ -3,32 +3,37 @@ import moment from 'moment';
 import { identity } from 'ramda';
 import { Mock } from 'ts-mockery';
 import { Input } from 'reactstrap';
-import { ShortUrlForm as createShortUrlForm } from '../../src/short-urls/ShortUrlForm';
+import { ShortUrlForm as createShortUrlForm, Mode } from '../../src/short-urls/ShortUrlForm';
 import DateInput from '../../src/utils/DateInput';
 import { ShortUrlData } from '../../src/short-urls/data';
+import { ReachableServer, SelectedServer } from '../../src/servers/data';
+import { SimpleCard } from '../../src/utils/SimpleCard';
 
 describe('<ShortUrlForm />', () => {
   let wrapper: ShallowWrapper;
   const TagsSelector = () => null;
   const createShortUrl = jest.fn();
-
-  beforeEach(() => {
-    const ShortUrlForm = createShortUrlForm(TagsSelector, () => null, () => null);
+  const createWrapper = (selectedServer: SelectedServer = null, mode: Mode = 'create') => {
+    const ShortUrlForm = createShortUrlForm(TagsSelector, () => null);
 
     wrapper = shallow(
       <ShortUrlForm
-        selectedServer={null}
-        mode="create"
+        selectedServer={selectedServer}
+        mode={mode}
         saving={false}
         initialState={Mock.of<ShortUrlData>({ validateUrl: true, findIfExists: false })}
         onSave={createShortUrl}
       />,
     );
-  });
+
+    return wrapper;
+  };
+
   afterEach(() => wrapper.unmount());
   afterEach(jest.clearAllMocks);
 
   it('saves short URL with data set in form controls', () => {
+    const wrapper = createWrapper();
     const validSince = moment('2017-01-01');
     const validUntil = moment('2017-01-06');
 
@@ -56,4 +61,25 @@ describe('<ShortUrlForm />', () => {
       validateUrl: true,
     });
   });
+
+  it.each([
+    [ null, 'create' as Mode, 4 ],
+    [ null, 'create-basic' as Mode, 0 ],
+    [ Mock.of<ReachableServer>({ version: '2.6.0' }), 'create' as Mode, 4 ],
+    [ Mock.of<ReachableServer>({ version: '2.5.0' }), 'create' as Mode, 4 ],
+    [ Mock.of<ReachableServer>({ version: '2.4.0' }), 'create' as Mode, 4 ],
+    [ Mock.of<ReachableServer>({ version: '2.3.0' }), 'create' as Mode, 4 ],
+    [ Mock.of<ReachableServer>({ version: '2.6.0' }), 'edit' as Mode, 4 ],
+    [ Mock.of<ReachableServer>({ version: '2.5.0' }), 'edit' as Mode, 3 ],
+    [ Mock.of<ReachableServer>({ version: '2.4.0' }), 'edit' as Mode, 3 ],
+    [ Mock.of<ReachableServer>({ version: '2.3.0' }), 'edit' as Mode, 2 ],
+  ])(
+    'renders expected amount of cards based on server capabilities and mode',
+    (selectedServer, mode, expectedAmountOfCards) => {
+      const wrapper = createWrapper(selectedServer, mode);
+      const cards = wrapper.find(SimpleCard);
+
+      expect(cards).toHaveLength(expectedAmountOfCards);
+    },
+  );
 });