fix: Add test to count slides after start. (#288)

Author: gary-van-woerkens

__tests__/landing-page.js

@@ -0,0 +1,14 @@
+import { render } from "@testing-library/react"
+import React from "react"
+
+import Index from "../src/pages/index"
+
+test("renders deploy link", async () => {
+  const { getByText } = render(<Index />)
+  const title = getByText(/Stand up/)
+  expect(title).toBeInTheDocument()
+  const brand = getByText(/LA FABRIQUE NUMERIQUE/)
+  expect(brand).toBeInTheDocument()
+  const button = getByText("Commencer")
+  expect(button).toBeInTheDocument()
+})

__tests__/start-standup.js

@@ -0,0 +1,16 @@
+import { queryAllByAttribute } from "@testing-library/dom"
+import { fireEvent, render } from "@testing-library/react"
+import React from "react"
+
+import Index from "../src/pages/index"
+
+test("renders deploy link", async () => {
+  const component = render(<Index />)
+  const { getByText } = component
+  const button = getByText("Commencer")
+  const getById = queryAllByAttribute.bind(null, "id")
+
+  fireEvent.click(button)
+  const items = await getById(component.container, /slide-[0-9]/)
+  expect(items.length).toBeGreaterThanOrEqual(2)
+})

__tests__/test-one.js

@@ -13,9 +13,9 @@ module.exports = {
   setupFilesAfterEnv: ["<rootDir>/config/jest/setup.js"],
   testPathIgnorePatterns: ["/node_modules/", "/.next/"],
   transform: {
+    "\\.yml$": "yaml-jest",
     "^.+\\.(js|jsx|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
     "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-    "^.+\\.yml$": "<rootDir>/config/jest/jsYamlLoader.js",
   },
   transformIgnorePatterns: [
     "/node_modules/",

jest.config.js

@@ -33,6 +33,7 @@
   },
   "devDependencies": {
     "@socialgouv/eslint-config-react": "^1.32.0",
+    "@testing-library/dom": "^7.24.2",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.0.4",
     "babel-jest": "^26.3.0",
@@ -43,6 +44,7 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.4.2",
     "prettier": "^2.1.2",
-    "react-test-renderer": "^16.13.1"
+    "react-test-renderer": "^16.13.1",
+    "yaml-jest": "^1.0.5"
   }
 }

package.json

@@ -5,7 +5,7 @@ import extraSlides from "../slides.yml"
 
 const SlidesContext = React.createContext()
 
-export const SlidesProvider = ({ teams, posts, children }) => {
+export const SlidesProvider = ({ teams = [], posts = [], children }) => {
   const getTeam = (slug) => teams.find((team) => slug === team.slug)
   const getMissingTeams = () => teams.filter((team) => !hasPost(team))
   const hasPost = (team) => posts.find((post) => post.team_slug === team.slug)

src/utils/slides.js

@@ -5266,7 +5266,7 @@ js-yaml-loader@^1.2.2:
     loader-utils "^1.2.3"
     un-eval "^1.2.0"
 
-js-yaml@^3.13.1:
+js-yaml@^3.13.1, js-yaml@^3.7.0:
   version "3.14.0"
   resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.0.tgz#a7a34170f26a21bb162424d8adacb4113a69e482"
   integrity sha512-/4IbIeHcD9VMHFqDR/gQ7EdZdLimOvW2DdcxFjdyyZ9NsbS+ccrXqVWDtab/lRl5AlUqmpBx8EhPaWR+OtY17A==
@@ -8552,6 +8552,13 @@ yallist@^4.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==
 
+yaml-jest@^1.0.5:
+  version "1.0.5"
+  resolved "https://registry.yarnpkg.com/yaml-jest/-/yaml-jest-1.0.5.tgz#288e541bae1b551d113d4864d6cb8f316e1bd331"
+  integrity sha1-KI5UG64bVR0RPUhk1suPMW4b0zE=
+  dependencies:
+    js-yaml "^3.7.0"
+
 yargs-parser@^18.1.2:
   version "18.1.3"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-18.1.3.tgz#be68c4975c6b2abf469236b0c870362fab09a7b0"