chore: missing test cases

marabesi · Dec 17, 2022 · 97c6139 · 97c6139
1 parent 71abea6
commit 97c6139
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 2 deletions.
diff --git a/src/__test__/Settings.test.tsx b/src/__test__/Settings.test.tsx
@@ -3,7 +3,7 @@ import App from '../App';
 import userEvent from '@testing-library/user-event';
 
 describe('Settings', () => {
-  test.each([
+  it.each([
     ['foldGutter'],
     ['syntaxHighlighting'],
     ['history'],
@@ -18,6 +18,34 @@ describe('Settings', () => {
     expect(getByText(option)).toBeInTheDocument();
   });
 
+  it.each([
+    ['foldGutter'],
+    ['syntaxHighlighting'],
+    ['highlightActiveLine'],
+  ])('should mark option %s as true by default', (option: string) => {
+    const { getByTestId, getByLabelText } = render(<App/>);
+
+    fireEvent.click(getByTestId('settings'));
+
+    expect(getByLabelText(option)).toBeChecked();
+  });
+
+  it.each([
+    ['history'],
+    ['autocompletion'],
+    ['closeBrackets'],
+  ])('check option %s that is unchecked by default', async (option) => {
+    const { getByTestId, getByLabelText, getByText } = render(<App/>);
+
+    fireEvent.click(getByTestId('settings'));
+
+    expect(getByLabelText(option)).not.toBeChecked();
+
+    fireEvent.click(getByText(option));
+
+    expect(getByLabelText(option)).toBeChecked();
+  });
+
   describe('editors font size', () => {
     it('should use 12 as font size by default', () => {
       const { getByTestId, getByDisplayValue } = render(<App/>);

diff --git a/src/components/ui/editor/default-options.ts b/src/components/ui/editor/default-options.ts
@@ -3,8 +3,8 @@ import { EditorOptions, Option, Properties } from '../../../types/components/Edi
 export const defaultOp: Option[] = [
   { title: 'foldGutter', active: true },
   { title: 'syntaxHighlighting', active : true },
-  { title: 'history', active: false },
   { title: 'highlightActiveLine', active: true },
+  { title: 'history', active: false },
   { title: 'autocompletion', active: false } ,
   { title: 'closeBrackets', active: false },
 ];