Add unit tests

Author: fcollonval

package.json

@@ -21,7 +21,7 @@
     "clean:slate": "jlpm clean:more && jlpm clean:labextension && rimraf node_modules",
     "contributors:generate": "jlpm run all-contributors generate",
     "lint": "eslint . --ext .ts,.tsx --fix",
-    "test": "jest --no-cache",
+    "test": "jest",
     "eslint-check": "eslint . --ext .ts,.tsx",
     "prepare": "jlpm run build",
     "watch": "tsc -w"

src/components/BranchMenu.tsx

@@ -9,7 +9,7 @@ import { Logger } from '../logger';
 import { hiddenButtonStyle } from '../style/ActionButtonStyle';
 import {
   activeListItemClass,
-  branchNameClass,
+  nameClass,
   filterClass,
   filterClearClass,
   filterInputClass,
@@ -257,7 +257,7 @@ export class BranchMenu extends React.Component<
         style={style}
       >
         <branchIcon.react className={listItemIconClass} tag="span" />
-        <span className={branchNameClass}>{branch.name}</span>
+        <span className={nameClass}>{branch.name}</span>
         {!branch.is_remote_branch && !isActive && (
           <ActionButton
             className={hiddenButtonStyle}
@@ -329,7 +329,11 @@ export class BranchMenu extends React.Component<
       buttons: [Dialog.cancelButton(), Dialog.warnButton({ label: 'Delete' })]
     });
     if (acknowledgement.button.accept) {
-      await this.props.model.deleteBranch(branchName);
+      try {
+        await this.props.model.deleteBranch(branchName);
+      } catch (error) {
+        console.error(`Failed to delete branch ${branchName}`, error);
+      }
     }
   };
 

src/components/TagMenu.tsx

@@ -6,7 +6,7 @@ import * as React from 'react';
 import { FixedSizeList, ListChildComponentProps } from 'react-window';
 import { Logger } from '../logger';
 import {
-  branchNameClass,
+  nameClass,
   filterClass,
   filterClearClass,
   filterInputClass,
@@ -242,7 +242,7 @@ export class TagMenu extends React.Component<ITagMenuProps, ITagMenuState> {
         style={style}
       >
         <tagIcon.react className={listItemIconClass} tag="span" />
-        <span className={branchNameClass}>{tag}</span>
+        <span className={nameClass}>{tag}</span>
       </ListItem>
     );
   };

src/style/BranchMenu.ts

@@ -1,7 +1,7 @@
 import { style } from 'typestyle';
 import { showButtonOnHover } from './ActionButtonStyle';
 
-export const branchNameClass = style({
+export const nameClass = style({
   flex: '1 1 auto',
   textOverflow: 'ellipsis',
   overflow: 'hidden',