#6 rettet opp i test

project-3/package.json

@@ -49,7 +49,6 @@
     ]
   },
   "devDependencies": {
-    "cypress": "^8.7.0",
-    "jest": "^27.3.1"
+    "cypress": "^8.7.0"
   }
 }

project-3/src/components/searchbar/__snapshots__/searchbar.test.tsx.snap

@@ -14,10 +14,10 @@ exports[`FocusInput matches snapshot 1`] = `
   >
     <button
       class="btn btn-outline-secondary"
-      id="search_button"
+      id="buttonclick"
       type="button"
     >
-       Search
+      Search
     </button>
   </div>
 </div>

project-3/src/components/searchbar/searchbar.test.tsx

@@ -14,7 +14,7 @@ import { searchbarStore } from "./SearchbarStore";
             expect(container.firstChild).toMatchSnapshot();
           });
 
-          describe('Component: Searchvar', () => {
+          describe('Component: Searchbar', () => {
             const items =["Norway", "India", "Germany"];
 
             describe("<searchbar />", () => {

project-3/src/components/searchbar/searchbar.tsx

@@ -66,7 +66,7 @@ export class Searchbar extends React.Component<IProps, IState> {
                 <input type="text" className="form-control" placeholder="Enter Country" onInput={(e)=>{this.setState({search_text: e.currentTarget.value})}}/>
                 <div className="input-group-append">
                     <button onClick={() => this.onSearch()}
-                        className="btn btn-outline-secondary" type="button" id="buttonclick"><Search/>Search</button>
+                        className="btn btn-outline-secondary" type="button" id="buttonclick">Search</button>
                 </div>
                 {this.state.active }
             </div>