Merge pull request #220 from zimmerman-team/style/responsiveness

Style/responsiveness

cypress/e2e/1-dx/2-datasets.cy.ts

@@ -33,12 +33,16 @@ describe("Testing connecting data on DX", () => {
 
   it("Can filter results by source in the federated search", () => {
     cy.wait("@getDefaultData").then((interception) => {
+      cy.wait(2000);
+      cy.contains('[data-cy="source-category-button"]', "Kaggle").click();
+      cy.wait("@getDefaultData");
       cy.get('[data-cy="external-search-card-Kaggle"]').should(
         "have.length.greaterThan",
         1
       );
     });
     cy.wait(2000);
+    cy.contains('[data-cy="source-category-button"]', "Kaggle").click();
 
     cy.contains('[data-cy="source-category-button"]', "WHO").click();
     cy.wait("@getDefaultData");
@@ -49,18 +53,21 @@ describe("Testing connecting data on DX", () => {
 
   it("Can import data from External Search", () => {
     cy.wait("@getDefaultData").then((interception) => {
+      cy.wait(2000);
+      cy.contains('[data-cy="source-category-button"]', "Kaggle").click();
+      cy.wait("@getDefaultData");
       cy.get('[data-cy="external-search-card-Kaggle"]').should(
         "have.length.greaterThan",
         1
       );
     });
 
     cy.get('[data-cy="open-search-button"]').click();
-    cy.intercept(`${apiUrl}/external-sources/search?q=world%20population*`).as(
-      "getDefaultData2"
-    );
+    cy.intercept(
+      `${apiUrl}/external-sources/search?q=Exclusive%20breastfeeding*`
+    ).as("getDefaultData2");
     cy.wait(2000);
-    cy.get('[data-cy="filter-search-input"]').type("world population");
+    cy.get('[data-cy="filter-search-input"]').type("Exclusive breastfeeding");
 
     cy.wait("@getDefaultData2").then((interception) => {
       cy.get('[data-cy="external-search-card-Kaggle"]').should(

package.json

@@ -34,6 +34,7 @@
     "@types/react-router-hash-link": "^2.4.0",
     "auth0-js": "^9.23.3",
     "axios": "0.24.0",
+    "css-mediaquery": "^0.1.2",
     "d3-hierarchy": "^3.1.2",
     "detect-it": "^4.0.1",
     "dom-to-image": "^2.6.0",
@@ -67,6 +68,7 @@
     "react-hook-form": "^7.43.9",
     "react-indexed-db": "^1.0.12",
     "react-range": "1.4.7",
+    "react-responsive-carousel": "^3.2.23",
     "react-router-dom": "^5.2.0",
     "react-router-hash-link": "^2.4.3",
     "react-scripts": "^5.0.0",
@@ -89,6 +91,7 @@
   },
   "devDependencies": {
     "@testing-library/user-event": "14.5.2",
+    "@types/css-mediaquery": "^0.1.4",
     "@types/d3-hierarchy": "^3.1.6",
     "@types/jest": "^29.5.12",
     "@types/node": "^14.14.41",
@@ -116,6 +119,7 @@
     "depcheck": "depcheck",
     "start": "craco --max_old_space_size=4096 start",
     "build": "craco --max_old_space_size=4096 build",
+    "test-no-coverage": "react-scripts test --watchAll=true",
     "test": "react-scripts test --watchAll=false --coverage",
     "eject": "craco eject",
     "upgrade-all": "yarn-upgrade-all",