Add disable-mutants comments

README.md

@@ -268,3 +268,7 @@
 ### React.memo + useCallback optimization
 
 [Pull request](https://github.com/nickovchinnikov/minesweeper/pull/47/files)
+
+### Stryker disable mutants
+
+[Pull request](https://github.com/nickovchinnikov/minesweeper/pull/49/files)

src/components/Grid/Cell.tsx

@@ -73,6 +73,7 @@ export const Cell: FC<CellProps> = memo(({ children, coords, ...rest }) => {
   return <ComponentsMap {...props}>{children}</ComponentsMap>;
 }, areEqual);
 
+// Stryker disable next-line StringLiteral
 Cell.displayName = 'Cell';
 
 interface ComponentsMapProps {

src/components/Grid/Grid.tsx

@@ -24,6 +24,7 @@ export const Grid: FC<GridProps> = ({ children, ...rest }) => (
   <Wrapper size={children.length} role="grid">
     {children.map((row, y) =>
       row.map((cell, x) => (
+        // Stryker disable next-line StringLiteral
         <Cell key={`${y}_${x}_${cell}`} coords={[y, x]} {...rest}>
           {cell}
         </Cell>

src/components/Scoreboard/Counter.tsx

@@ -12,6 +12,7 @@ export const Counter: FC<CounterProps> = memo(({ children }) => (
   <Frame>{children}</Frame>
 ));
 
+// Stryker disable next-line StringLiteral
 Counter.displayName = 'Counter';
 
 const Frame = styled.div`

src/components/Scoreboard/Level.tsx

@@ -26,6 +26,7 @@ export const Level: FC<LevelProps> = memo(({ children, value, onChange }) => (
   </Select>
 ));
 
+// Stryker disable next-line StringLiteral
 Level.displayName = 'Level';
 
 const Select = styled.select`

src/components/Scoreboard/Reset.tsx

@@ -25,6 +25,7 @@ export const Reset: FC<ResetProps> = memo(({ onReset }) => {
   );
 });
 
+// Stryker disable next-line StringLiteral
 Reset.displayName = 'Reset';
 
 const Button = styled.button`

src/components/Top/Top.tsx

@@ -15,6 +15,7 @@ export const Top: FC<TopComponentType> = memo(
   )
 );
 
+// Stryker disable next-line StringLiteral
 Top.displayName = 'Top';
 
 const Header = styled.header`

src/components/hooks/useMouseDown.ts

@@ -1,4 +1,4 @@
-import { useState, useDebugValue } from 'react';
+import { useState, useCallback } from 'react';
 
 export type SetMouseDownStatus = () => void;
 export type SetMouseUpStatus = () => void;
@@ -10,13 +10,16 @@ export const useMouseDown = (): [
 ] => {
   const [mouseDown, setMouseDown] = useState(false);
 
-  useDebugValue(
-    `mouseDown: ${mouseDown}`,
-    (str) => `${str} ${new Date().toISOString()}`
+  const onMouseDown = useCallback(
+    () => setMouseDown(true),
+    // Stryker disable next-line ArrayDeclaration
+    []
+  );
+  const onMouseUp = useCallback(
+    () => setMouseDown(false),
+    // Stryker disable next-line ArrayDeclaration
+    []
   );
-
-  const onMouseDown = () => setMouseDown(true);
-  const onMouseUp = () => setMouseDown(false);
 
   return [mouseDown, onMouseDown, onMouseUp];
 };

src/core/Field.ts

@@ -59,8 +59,10 @@ export const fieldGenerator = (size: number, probability: number): Field => {
 
   const result: Field = generateFieldWithDefaultState(size);
 
+  // Stryker disable next-line EqualityOperator
   for (let y = 0; y < size; y++) {
     for (let x = 0; x < size; x++) {
+      // Stryker disable next-line EqualityOperator
       if (restCellsWithBombs / unprocessedCells > Math.random()) {
         result[y][x] = CellState.bomb;
         incrementNeibours([y, x], result);

src/modules/GameWithHooks/GameWithHooks.tsx

@@ -29,6 +29,7 @@ export const GameWithHooks: FC = () => {
   const onChangeLevelHandler = useCallback(
     ({ target: { value: level } }: React.ChangeEvent<HTMLSelectElement>) =>
       onChangeLevel(level as LevelNames),
+    // Stryker disable next-line ArrayDeclaration
     []
   );
 

src/modules/GameWithHooks/useGame.ts

@@ -118,9 +118,14 @@ export const useGame = (): ReturnType => {
   const onChangeLevel = useCallback((level: LevelNames) => {
     const newSettings = setLevel(level);
     resetHandler(newSettings);
+    // Stryker disable next-line ArrayDeclaration
   }, []);
 
-  const onReset = useCallback(() => resetHandler([size, bombs]), [size, bombs]);
+  const onReset = useCallback(
+    () => resetHandler([size, bombs]),
+    // Stryker disable next-line ArrayDeclaration
+    [size, bombs]
+  );
 
   return {
     level,