Nina Test done

src/Question1-Header.js

@@ -1,4 +1,5 @@
-/* DELETE THIS LINE AND WRITE THE ANSWER TO QUESTION 1 HERE */
+import React from "react";
+import 
 
 /*
  * ============= Question 1 =============
@@ -9,9 +10,11 @@
  */
 
 function Header() {
-  return (
-    <h1>Open the QuestionX files inside the src folder and complete them</h1>
-  );
+  const tittle = () => {
+    return (
+      <h1>Open the QuestionX files inside the src folder and complete them</h1>
+    );
+  };
 }
 
 export default Header;

src/Question2-LionsExhibit.js

@@ -3,13 +3,23 @@
  *
  * Create a new component named LionsExhibit.
  *
- * It should render an article element with a class "lions". Within the article,
- * render an h2 element with the text "Lions". Below the h2, render a p element
- * with the text "The mane is the most recognisable feature of the species"
+ * It should render an article element with a class "lions".
+ *  Within the article,
+ * render an h2 element with the text "Lions".
+ * Below the h2, render a p element
+ * with the text "The mane is the most
+ * recognisable feature of the species"
  */
 
 import React from "react";
 
-const LionsExhibit = () => null;
+const LionsExhibit = () => {
+  return (
+    <div className="Lion">
+      <h2>Lions</h2>
+      <p>The Mane is the most recognisable feature of the species</p>
+    </div>
+  );
+};
 
 export default LionsExhibit;

src/Question3-TigersExhibit.js

@@ -22,7 +22,7 @@ function TigersExhibit() {
   return (
     <div className="tigers">
       <h2>Tigers</h2>
-      <p>There are ... tigers in the world</p>
+      <p>There are this. tigers in the world</p>
       <ul>{/* DELETE THIS LINE AND WRITE THE ANSWER PART B HERE */}</ul>
     </div>
   );

src/__tests__/Question2-LionsExhibit.test.js

@@ -3,7 +3,7 @@ import { mount } from "enzyme";
 
 import LionsExhibit from "../Question2-LionsExhibit";
 
-describe.skip("Question 2 - LionsExhibit", () => {
+describe("Question 2 - LionsExhibit", () => {
   it("renders an article with the class 'lions'", () => {
     const component = mount(<LionsExhibit />);
     expect(component.find("article.lions")).toHaveLength(1);

src/__tests__/Question3-TigersExhibit.test.js

@@ -3,7 +3,7 @@ import { mount } from "enzyme";
 
 import TigersExhibit from "../Question3-TigersExhibit";
 
-describe.skip("Question 3 - TigersExhibit", () => {
+describe("Question 3 - TigersExhibit", () => {
   it("renders the population count", () => {
     const component = mount(
       <TigersExhibit

src/__tests__/Question4-MonkeysExhibit.test.js

@@ -3,7 +3,7 @@ import { mount } from "enzyme";
 
 import MonkeysExhibit from "../Question4-MonkeysExhibit";
 
-describe.skip("Question 4 - MonkeysExhibit", () => {
+describe("Question 4 - MonkeysExhibit", () => {
   it("continues to render", () => {
     const component = mount(
       <MonkeysExhibit

src/__tests__/Question5-AnimalSpotter.test.js

@@ -3,7 +3,7 @@ import { mount } from "enzyme";
 
 import AnimalSpotter from "../Question5-AnimalSpotter";
 
-describe.skip("Question 5 - AnimalSpotter", () => {
+describe("Question 5 - AnimalSpotter", () => {
   it("shows an initial count", () => {
     const component = mount(<AnimalSpotter />);
     expect(component.find(".animal-spotter p").text()).toBe(