From 4a45c25ee93fd3005218489e443717b111d89206 Mon Sep 17 00:00:00 2001
From: olivier <odelcroi@gmail.com>
Date: Mon, 18 Jul 2022 17:27:22 +0200
Subject: [PATCH 01/12] upgrade jest, configure component unit testing

---
 package.json       |  13 +-
 test/setupTests.js |   5 +
 yarn.lock          | 540 ++++++++++++++++++++++++++++++++++++++++++---
 3 files changed, 528 insertions(+), 30 deletions(-)
 create mode 100644 test/setupTests.js

diff --git a/package.json b/package.json
index 4f008e3eba..765b68cb34 100644
--- a/package.json
+++ b/package.json
@@ -101,6 +101,7 @@
     "@types/ua-parser-js": "^0.7.36",
     "@typescript-eslint/eslint-plugin": "^5.6.0",
     "@typescript-eslint/parser": "^5.6.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "allchange": "^1.0.6",
     "autoprefixer": "^9.8.6",
     "babel-jest": "^26.6.3",
@@ -110,6 +111,8 @@
     "cpx": "^1.5.0",
     "css-loader": "^3.6.0",
     "dotenv": "^10.0.0",
+    "enzyme": "^3.11.0",
+    "enzyme-to-json": "^3.6.2",
     "eslint": "8.9.0",
     "eslint-config-google": "^0.14.0",
     "eslint-plugin-import": "^2.25.4",
@@ -167,15 +170,16 @@
     "@types/react": "17.0.14"
   },
   "jest": {
-    "testEnvironment": "jest-environment-jsdom-sixteen",
+    "testEnvironment": "jest-environment-jsdom",
     "testMatch": [
-      "<rootDir>/test/**/*-test.[tj]s?(x)"
+      "<rootDir>/test/unit-tests/**/*-test.[tj]s?(x)"
     ],
     "setupFilesAfterEnv": [
+      "<rootDir>/test/setupTests.js",
       "<rootDir>/node_modules/matrix-react-sdk/test/setupTests.js"
     ],
     "moduleNameMapper": {
-      "\\.(css|scss)$": "<rootDir>/__mocks__/cssMock.js",
+      "\\.(css|scss|pcss)$": "<rootDir>/__mocks__/cssMock.js",
       "\\.(gif|png|ttf|woff2)$": "<rootDir>/node_modules/matrix-react-sdk/__mocks__/imageMock.js",
       "\\.svg$": "<rootDir>/node_modules/matrix-react-sdk/__mocks__/svg.js",
       "\\$webapp/i18n/languages.json": "<rootDir>/node_modules/matrix-react-sdk/__mocks__/languages.json",
@@ -194,8 +198,7 @@
       "RecorderWorklet": "<rootDir>/node_modules/matrix-react-sdk/__mocks__/empty.js"
     },
     "transformIgnorePatterns": [
-      "/node_modules/(?!matrix-js-sdk).+$",
-      "/node_modules/(?!matrix-react-sdk).+$"
+      "\/node_modules\/(?!matrix-js-sdk|matrix-react-sdk).+$"
     ],
     "coverageReporters": [
       "text-summary",
diff --git a/test/setupTests.js b/test/setupTests.js
new file mode 100644
index 0000000000..e4bd838d37
--- /dev/null
+++ b/test/setupTests.js
@@ -0,0 +1,5 @@
+
+//is duplicated from matrix-react-sdk/test/setupTests.js in order to work
+import Adapter from "@wojtekmaj/enzyme-adapter-react-17";
+import { configure } from "enzyme";
+configure({ adapter: new Adapter() });
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 4a269ba72c..6c8537e690 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -41,12 +41,24 @@
   dependencies:
     "@babel/highlight" "^7.16.7"
 
+"@babel/code-frame@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.18.6.tgz#3b25d38c89600baa2dcc219edfa88a74eb2c427a"
+  integrity sha512-TDCmlK5eOvH+eH7cdAFlNXeVJqWIQ7gW9tY1GJIpUtFb6CmjVyq2VM3u71bOyR8CRihcCgMUYoDNyLXao3+70Q==
+  dependencies:
+    "@babel/highlight" "^7.18.6"
+
 "@babel/compat-data@^7.13.11", "@babel/compat-data@^7.17.10":
   version "7.17.10"
   resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.17.10.tgz#711dc726a492dfc8be8220028b1b92482362baab"
   integrity sha512-GZt/TCsG70Ms19gfZO1tM4CVnXsPgEPBCpJu+Qz3L0LUDsY5nZqFZglIoPC1kIYOtNBZlrnFT+klg12vFGZXrw==
 
-"@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.17.9", "@babel/core@^7.7.5":
+"@babel/compat-data@^7.18.8":
+  version "7.18.8"
+  resolved "https://registry.yarnpkg.com/@babel/compat-data/-/compat-data-7.18.8.tgz#2483f565faca607b8535590e84e7de323f27764d"
+  integrity sha512-HSmX4WZPPK3FUxYp7g2T6EyO8j96HlZJlxmKPSh6KAcqwyDrfx7hKjXpAW/0FhFfTJsR0Yt4lAjLI2coMptIHQ==
+
+"@babel/core@^7.1.0", "@babel/core@^7.12.10", "@babel/core@^7.12.3", "@babel/core@^7.17.9":
   version "7.17.12"
   resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.17.12.tgz#b4eb2d7ebc3449b062381644c93050db545b70ee"
   integrity sha512-44ODe6O1IVz9s2oJE3rZ4trNNKTX9O7KpQpfAP4t8QII/zwrVRHL7i2pxhqtcY7tqMLrrKfMlBKnm1QlrRFs5w==
@@ -67,6 +79,27 @@
     json5 "^2.2.1"
     semver "^6.3.0"
 
+"@babel/core@^7.7.5":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/core/-/core-7.18.9.tgz#805461f967c77ff46c74ca0460ccf4fe933ddd59"
+  integrity sha512-1LIb1eL8APMy91/IMW+31ckrfBM4yCoLaVzoDhZUKSM4cu1L1nIidyxkCgzPAgrC5WEz36IPEr/eSeSF9pIn+g==
+  dependencies:
+    "@ampproject/remapping" "^2.1.0"
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.18.9"
+    "@babel/helper-compilation-targets" "^7.18.9"
+    "@babel/helper-module-transforms" "^7.18.9"
+    "@babel/helpers" "^7.18.9"
+    "@babel/parser" "^7.18.9"
+    "@babel/template" "^7.18.6"
+    "@babel/traverse" "^7.18.9"
+    "@babel/types" "^7.18.9"
+    convert-source-map "^1.7.0"
+    debug "^4.1.0"
+    gensync "^1.0.0-beta.2"
+    json5 "^2.2.1"
+    semver "^6.3.0"
+
 "@babel/eslint-parser@^7.12.10":
   version "7.17.0"
   resolved "https://registry.yarnpkg.com/@babel/eslint-parser/-/eslint-parser-7.17.0.tgz#eabb24ad9f0afa80e5849f8240d0e5facc2d90d6"
@@ -92,6 +125,15 @@
     "@jridgewell/gen-mapping" "^0.3.0"
     jsesc "^2.5.1"
 
+"@babel/generator@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/generator/-/generator-7.18.9.tgz#68337e9ea8044d6ddc690fb29acae39359cca0a5"
+  integrity sha512-wt5Naw6lJrL1/SGkipMiFxJjtyczUWTP38deiP1PO60HsBjDeKk08CGC3S8iVuvf0FmTdgKwU1KIXzSKL1G0Ug==
+  dependencies:
+    "@babel/types" "^7.18.9"
+    "@jridgewell/gen-mapping" "^0.3.2"
+    jsesc "^2.5.1"
+
 "@babel/helper-annotate-as-pure@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.16.7.tgz#bb2339a7534a9c128e3102024c60760a3a7f3862"
@@ -117,6 +159,16 @@
     browserslist "^4.20.2"
     semver "^6.3.0"
 
+"@babel/helper-compilation-targets@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-compilation-targets/-/helper-compilation-targets-7.18.9.tgz#69e64f57b524cde3e5ff6cc5a9f4a387ee5563bf"
+  integrity sha512-tzLCyVmqUiFlcFoAPLA/gL9TeYrF61VLNtb+hvkuVaB5SUjW7jcfrglBIX1vUIoT7CLP3bBlIMeyEsIl2eFQNg==
+  dependencies:
+    "@babel/compat-data" "^7.18.8"
+    "@babel/helper-validator-option" "^7.18.6"
+    browserslist "^4.20.2"
+    semver "^6.3.0"
+
 "@babel/helper-create-class-features-plugin@^7.17.12":
   version "7.17.12"
   resolved "https://registry.yarnpkg.com/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.17.12.tgz#d4f8393fc4838cbff6b7c199af5229aee16d07cf"
@@ -159,6 +211,11 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-environment-visitor@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-environment-visitor/-/helper-environment-visitor-7.18.9.tgz#0c0cee9b35d2ca190478756865bb3528422f51be"
+  integrity sha512-3r/aACDJ3fhQ/EVgFy0hpj8oHyHpQc+LPtJoY9SzTThAsStm4Ptegq92vqKoE3vD706ZVFWITnMnxucw+S9Ipg==
+
 "@babel/helper-explode-assignable-expression@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-explode-assignable-expression/-/helper-explode-assignable-expression-7.16.7.tgz#12a6d8522fdd834f194e868af6354e8650242b7a"
@@ -174,6 +231,14 @@
     "@babel/template" "^7.16.7"
     "@babel/types" "^7.17.0"
 
+"@babel/helper-function-name@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-function-name/-/helper-function-name-7.18.9.tgz#940e6084a55dee867d33b4e487da2676365e86b0"
+  integrity sha512-fJgWlZt7nxGksJS9a0XdSaI4XvpExnNIgRP+rVefWh5U7BL8pPuir6SJUmFKRfjWQ51OtWSzwOxhaH/EBWWc0A==
+  dependencies:
+    "@babel/template" "^7.18.6"
+    "@babel/types" "^7.18.9"
+
 "@babel/helper-hoist-variables@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.16.7.tgz#86bcb19a77a509c7b77d0e22323ef588fa58c246"
@@ -181,6 +246,13 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-hoist-variables@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-hoist-variables/-/helper-hoist-variables-7.18.6.tgz#d4d2c8fb4baeaa5c68b99cc8245c56554f926678"
+  integrity sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-member-expression-to-functions@^7.16.7", "@babel/helper-member-expression-to-functions@^7.17.7":
   version "7.17.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.17.7.tgz#a34013b57d8542a8c4ff8ba3f747c02452a4d8c4"
@@ -195,6 +267,13 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-module-imports@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-imports/-/helper-module-imports-7.18.6.tgz#1e3ebdbbd08aad1437b428c50204db13c5a3ca6e"
+  integrity sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-module-transforms@^7.17.12":
   version "7.17.12"
   resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.17.12.tgz#bec00139520cb3feb078ef7a4578562480efb77e"
@@ -209,6 +288,20 @@
     "@babel/traverse" "^7.17.12"
     "@babel/types" "^7.17.12"
 
+"@babel/helper-module-transforms@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helper-module-transforms/-/helper-module-transforms-7.18.9.tgz#5a1079c005135ed627442df31a42887e80fcb712"
+  integrity sha512-KYNqY0ICwfv19b31XzvmI/mfcylOzbLtowkw+mfvGPAQ3kfCnMLYbED3YecL5tPd8nAYFQFAd6JHp2LxZk/J1g==
+  dependencies:
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-module-imports" "^7.18.6"
+    "@babel/helper-simple-access" "^7.18.6"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/helper-validator-identifier" "^7.18.6"
+    "@babel/template" "^7.18.6"
+    "@babel/traverse" "^7.18.9"
+    "@babel/types" "^7.18.9"
+
 "@babel/helper-optimise-call-expression@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.16.7.tgz#a34e3560605abbd31a18546bd2aad3e6d9a174f2"
@@ -248,6 +341,13 @@
   dependencies:
     "@babel/types" "^7.17.0"
 
+"@babel/helper-simple-access@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-simple-access/-/helper-simple-access-7.18.6.tgz#d6d8f51f4ac2978068df934b569f08f29788c7ea"
+  integrity sha512-iNpIgTgyAvDQpDj76POqg+YEt8fPxx3yaNBg3S30dxNKm2SWfYhD0TGrK/Eu9wHpUW63VQU894TsTg+GLbUa1g==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-skip-transparent-expression-wrappers@^7.16.0":
   version "7.16.0"
   resolved "https://registry.yarnpkg.com/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.16.0.tgz#0ee3388070147c3ae051e487eca3ebb0e2e8bb09"
@@ -262,16 +362,33 @@
   dependencies:
     "@babel/types" "^7.16.7"
 
+"@babel/helper-split-export-declaration@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.18.6.tgz#7367949bc75b20c6d5a5d4a97bba2824ae8ef075"
+  integrity sha512-bde1etTx6ZyTmobl9LLMMQsaizFVZrquTEHOqKeQESMKo4PlObf+8+JA25ZsIpZhT/WEd39+vOdLXAFG/nELpA==
+  dependencies:
+    "@babel/types" "^7.18.6"
+
 "@babel/helper-validator-identifier@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.16.7.tgz#e8c602438c4a8195751243da9031d1607d247cad"
   integrity sha512-hsEnFemeiW4D08A5gUAZxLBTXpZ39P+a+DGDsHw1yxqyQ/jzFEnxf5uTEGp+3bzAbNOxU1paTgYS4ECU/IgfDw==
 
+"@babel/helper-validator-identifier@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.18.6.tgz#9c97e30d31b2b8c72a1d08984f2ca9b574d7a076"
+  integrity sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==
+
 "@babel/helper-validator-option@^7.16.7":
   version "7.16.7"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.16.7.tgz#b203ce62ce5fe153899b617c08957de860de4d23"
   integrity sha512-TRtenOuRUVo9oIQGPC5G9DgK4743cdxvtOw0weQNpZXaS16SCBi5MNjZF8vba3ETURjZpTbVn7Vvcf2eAwFozQ==
 
+"@babel/helper-validator-option@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.18.6.tgz#bf0d2b5a509b1f336099e4ff36e1a63aa5db4db8"
+  integrity sha512-XO7gESt5ouv/LRJdrVjkShckw6STTaB7l9BrpBaAHDeF5YZT+01PCwmR0SJHnkW6i8OwW/EVWRShfi4j2x+KQw==
+
 "@babel/helper-wrap-function@^7.16.8":
   version "7.16.8"
   resolved "https://registry.yarnpkg.com/@babel/helper-wrap-function/-/helper-wrap-function-7.16.8.tgz#58afda087c4cd235de92f7ceedebca2c41274200"
@@ -291,6 +408,15 @@
     "@babel/traverse" "^7.17.9"
     "@babel/types" "^7.17.0"
 
+"@babel/helpers@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/helpers/-/helpers-7.18.9.tgz#4bef3b893f253a1eced04516824ede94dcfe7ff9"
+  integrity sha512-Jf5a+rbrLoR4eNdUmnFu8cN5eNJT6qdTdOg5IHIzq87WwyRw9PwguLFOWYgktN/60IP4fgDUawJvs7PjQIzELQ==
+  dependencies:
+    "@babel/template" "^7.18.6"
+    "@babel/traverse" "^7.18.9"
+    "@babel/types" "^7.18.9"
+
 "@babel/highlight@^7.16.7":
   version "7.17.12"
   resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.17.12.tgz#257de56ee5afbd20451ac0a75686b6b404257351"
@@ -300,11 +426,25 @@
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
+"@babel/highlight@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
+  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.18.6"
+    chalk "^2.0.0"
+    js-tokens "^4.0.0"
+
 "@babel/parser@^7.1.0", "@babel/parser@^7.13.16", "@babel/parser@^7.14.7", "@babel/parser@^7.16.7", "@babel/parser@^7.17.12":
   version "7.17.12"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.17.12.tgz#36c2ed06944e3691ba82735fc4cf62d12d491a23"
   integrity sha512-FLzHmN9V3AJIrWfOpvRlZCeVg/WLdicSnTMsLur6uDj9TT8ymUlG9XxURdW/XvuygK+2CW0poOJABdA4m/YKxA==
 
+"@babel/parser@^7.18.6", "@babel/parser@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.18.9.tgz#f2dde0c682ccc264a9a8595efd030a5cc8fd2539"
+  integrity sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@^7.17.12":
   version "7.17.12"
   resolved "https://registry.yarnpkg.com/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.17.12.tgz#1dca338caaefca368639c9ffb095afbd4d420b1e"
@@ -1041,7 +1181,32 @@
     "@babel/parser" "^7.16.7"
     "@babel/types" "^7.16.7"
 
-"@babel/traverse@^7.1.0", "@babel/traverse@^7.13.0", "@babel/traverse@^7.13.17", "@babel/traverse@^7.16.7", "@babel/traverse@^7.16.8", "@babel/traverse@^7.17.12", "@babel/traverse@^7.17.9":
+"@babel/template@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.18.6.tgz#1283f4993e00b929d6e2d3c72fdc9168a2977a31"
+  integrity sha512-JoDWzPe+wgBsTTgdnIma3iHNFC7YVJoPssVBDjiHfNlyt4YcunDtcDOUmfVDfCK5MfdsaIoX9PkijPhjH3nYUw==
+  dependencies:
+    "@babel/code-frame" "^7.18.6"
+    "@babel/parser" "^7.18.6"
+    "@babel/types" "^7.18.6"
+
+"@babel/traverse@^7.1.0", "@babel/traverse@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.18.9.tgz#deeff3e8f1bad9786874cb2feda7a2d77a904f98"
+  integrity sha512-LcPAnujXGwBgv3/WHv01pHtb2tihcyW1XuL9wd7jqh1Z8AQkTd+QVjMrMijrln0T7ED3UXLIy36P9Ao7W75rYg==
+  dependencies:
+    "@babel/code-frame" "^7.18.6"
+    "@babel/generator" "^7.18.9"
+    "@babel/helper-environment-visitor" "^7.18.9"
+    "@babel/helper-function-name" "^7.18.9"
+    "@babel/helper-hoist-variables" "^7.18.6"
+    "@babel/helper-split-export-declaration" "^7.18.6"
+    "@babel/parser" "^7.18.9"
+    "@babel/types" "^7.18.9"
+    debug "^4.1.0"
+    globals "^11.1.0"
+
+"@babel/traverse@^7.13.0", "@babel/traverse@^7.13.17", "@babel/traverse@^7.16.7", "@babel/traverse@^7.16.8", "@babel/traverse@^7.17.12", "@babel/traverse@^7.17.9":
   version "7.17.12"
   resolved "https://registry.yarnpkg.com/@babel/traverse/-/traverse-7.17.12.tgz#011874d2abbca0ccf1adbe38f6f7a4ff1747599c"
   integrity sha512-zULPs+TbCvOkIFd4FrG53xrpxvCBwLIgo6tO0tJorY7YV2IWFxUfS/lXDJbGgfyYt9ery/Gxj2niwttNnB0gIw==
@@ -1065,6 +1230,14 @@
     "@babel/helper-validator-identifier" "^7.16.7"
     to-fast-properties "^2.0.0"
 
+"@babel/types@^7.18.6", "@babel/types@^7.18.9":
+  version "7.18.9"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.18.9.tgz#7148d64ba133d8d73a41b3172ac4b83a1452205f"
+  integrity sha512-WwMLAg2MvJmt/rKEVQBBhIVffMmnilX4oe0sRe7iPOHIGsqpruFHHdrfj4O1CMMtgMtCU4oPafZjDPCRgO57Wg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.18.6"
+    to-fast-properties "^2.0.0"
+
 "@bcoe/v8-coverage@^0.2.3":
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz#75a2e8b51cb758a7553d6804a5932d7aace75c39"
@@ -1337,6 +1510,15 @@
     "@jridgewell/sourcemap-codec" "^1.4.10"
     "@jridgewell/trace-mapping" "^0.3.9"
 
+"@jridgewell/gen-mapping@^0.3.2":
+  version "0.3.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
+  integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
+  dependencies:
+    "@jridgewell/set-array" "^1.0.1"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+    "@jridgewell/trace-mapping" "^0.3.9"
+
 "@jridgewell/resolve-uri@^3.0.3":
   version "3.0.7"
   resolved "https://registry.yarnpkg.com/@jridgewell/resolve-uri/-/resolve-uri-3.0.7.tgz#30cd49820a962aff48c8fffc5cd760151fca61fe"
@@ -1347,6 +1529,11 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.1.tgz#36a6acc93987adcf0ba50c66908bd0b70de8afea"
   integrity sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ==
 
+"@jridgewell/set-array@^1.0.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
+  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+
 "@jridgewell/sourcemap-codec@^1.4.10":
   version "1.4.13"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.13.tgz#b6461fb0c2964356c469e115f504c95ad97ab88c"
@@ -1807,6 +1994,13 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
+"@types/cheerio@^0.22.22":
+  version "0.22.31"
+  resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.31.tgz#b8538100653d6bb1b08a1e46dec75b4f2a5d5eb6"
+  integrity sha512-Kt7Cdjjdi2XWSfrZ53v4Of0wG3ZcmaegFXjMmz9tfNrZSkzzo36G0AL1YqSdcIA78Etjt6E609pt5h1xnQkPUw==
+  dependencies:
+    "@types/node" "*"
+
 "@types/events@^3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@types/events/-/events-3.0.0.tgz#2862f3f58a9a7f7c3e78d79f130dd4d71c25c2a7"
@@ -1946,9 +2140,9 @@
   integrity sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==
 
 "@types/prettier@^2.0.0":
-  version "2.6.1"
-  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.6.1.tgz#76e72d8a775eef7ce649c63c8acae1a0824bbaed"
-  integrity sha512-XFjFHmaLVifrAKaZ+EKghFHtHSUonyw8P2Qmy2/+osBnrKbH9UYtlK10zg8/kCt47MFilll/DEDKy3DHfJ0URw==
+  version "2.6.3"
+  resolved "https://registry.yarnpkg.com/@types/prettier/-/prettier-2.6.3.tgz#68ada76827b0010d0db071f739314fa429943d0a"
+  integrity sha512-ymZk3LEC/fsut+/Q5qejp6R9O1rMxz3XaRHDV6kX8MrGAhOSPqVARbDi+EZvInBpw+BnCX3TD240byVkOfQsHg==
 
 "@types/prop-types@*":
   version "15.7.5"
@@ -2298,6 +2492,28 @@
     "@webassemblyjs/wast-parser" "1.9.0"
     "@xtuc/long" "4.2.2"
 
+"@wojtekmaj/enzyme-adapter-react-17@^0.6.7":
+  version "0.6.7"
+  resolved "https://registry.yarnpkg.com/@wojtekmaj/enzyme-adapter-react-17/-/enzyme-adapter-react-17-0.6.7.tgz#7784bd32f518b186218cebb26c98c852676f30b0"
+  integrity sha512-B+byiwi/T1bx5hcj9wc0fUL5Hlb5giSXJzcnEfJVl2j6dGV2NJfcxDBYX0WWwIxlzNiFz8kAvlkFWI2y/nscZQ==
+  dependencies:
+    "@wojtekmaj/enzyme-adapter-utils" "^0.1.4"
+    enzyme-shallow-equal "^1.0.0"
+    has "^1.0.0"
+    prop-types "^15.7.0"
+    react-is "^17.0.0"
+    react-test-renderer "^17.0.0"
+
+"@wojtekmaj/enzyme-adapter-utils@^0.1.4":
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/@wojtekmaj/enzyme-adapter-utils/-/enzyme-adapter-utils-0.1.4.tgz#bcd411ad6e368f17dce5425582c2907104cdb1ad"
+  integrity sha512-ARGIQSIIv3oBia1m5Ihn1VU0FGmft6KPe39SBKTb8p7LSXO23YI4kNtc4M/cKoIY7P+IYdrZcgMObvedyjoSQA==
+  dependencies:
+    function.prototype.name "^1.1.0"
+    has "^1.0.0"
+    object.fromentries "^2.0.0"
+    prop-types "^15.7.0"
+
 "@xtuc/ieee754@^1.2.0":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@xtuc/ieee754/-/ieee754-1.2.0.tgz#eef014a3145ae477a1cbc00cd1e552336dceb790"
@@ -2598,7 +2814,18 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==
 
-array.prototype.flat@^1.2.5:
+array.prototype.filter@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/array.prototype.filter/-/array.prototype.filter-1.0.1.tgz#20688792acdb97a09488eaaee9eebbf3966aae21"
+  integrity sha512-Dk3Ty7N42Odk7PjU/Ci3zT4pLj20YvuVnneG/58ICM6bt4Ij5kZaJTVQ9TSaWaIECX2sFyz4KItkVZqHNnciqw==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.0"
+    es-array-method-boxes-properly "^1.0.0"
+    is-string "^1.0.7"
+
+array.prototype.flat@^1.2.3, array.prototype.flat@^1.2.5:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.0.tgz#0b0c1567bf57b38b56b4c97b8aa72ab45e4adc7b"
   integrity sha512-12IUEkHsAhA4DY5s0FPgNXIdc8VRSqD9Zp78a5au9abH/SOBrsp082JOWFNTjkMozh8mqcdiKuaLGhPeYztxSw==
@@ -3406,6 +3633,31 @@ cheerio-select@^1.5.0:
     domhandler "^4.3.1"
     domutils "^2.8.0"
 
+cheerio-select@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/cheerio-select/-/cheerio-select-2.1.0.tgz#4d8673286b8126ca2a8e42740d5e3c4884ae21b4"
+  integrity sha512-9v9kG0LvzrlcungtnJtpGNxY+fzECQKhK4EGJX2vByejiMX84MFNQw4UxPJl3bFbTMw+Dfs37XaIkCwTZfLh4g==
+  dependencies:
+    boolbase "^1.0.0"
+    css-select "^5.1.0"
+    css-what "^6.1.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+
+cheerio@^1.0.0-rc.3:
+  version "1.0.0-rc.12"
+  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.12.tgz#788bf7466506b1c6bf5fae51d24a2c4d62e47683"
+  integrity sha512-VqR8m68vM46BNnuZ5NtnGBKIE/DfN0cRIzg9n40EIq9NOv90ayxLBXA8fXC5gquFRGJSTRqBq25Jt2ECLR431Q==
+  dependencies:
+    cheerio-select "^2.1.0"
+    dom-serializer "^2.0.0"
+    domhandler "^5.0.3"
+    domutils "^3.0.1"
+    htmlparser2 "^8.0.1"
+    parse5 "^7.0.0"
+    parse5-htmlparser2-tree-adapter "^7.0.0"
+
 cheerio@^1.0.0-rc.9:
   version "1.0.0-rc.10"
   resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.10.tgz#2ba3dcdfcc26e7956fc1f440e61d51c643379f3e"
@@ -4045,6 +4297,17 @@ css-select@^4.1.3, css-select@^4.3.0:
     domutils "^2.8.0"
     nth-check "^2.0.1"
 
+css-select@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/css-select/-/css-select-5.1.0.tgz#b8ebd6554c3637ccc76688804ad3f6a6fdaea8a6"
+  integrity sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==
+  dependencies:
+    boolbase "^1.0.0"
+    css-what "^6.1.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    nth-check "^2.0.1"
+
 css-tree@1.0.0-alpha.37:
   version "1.0.0-alpha.37"
   resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-1.0.0-alpha.37.tgz#98bebd62c4c1d9f960ec340cf9f7522e30709a22"
@@ -4066,7 +4329,7 @@ css-what@^3.2.1:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.4.2.tgz#ea7026fcb01777edbde52124e21f327e7ae950e4"
   integrity sha512-ACUm3L0/jiZTqfzRM3Hi9Q8eZqd6IK37mMWPLz9PJxkLWllYeRf+EHUSHYEtFop2Eqytaq1FizFVh7XfBnXCDQ==
 
-css-what@^6.0.1:
+css-what@^6.0.1, css-what@^6.1.0:
   version "6.1.0"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
   integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
@@ -4451,6 +4714,11 @@ dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
+discontinuous-range@1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a"
+  integrity sha512-c68LpLbO+7kP/b1Hr1qs8/BJ09F5khZGTxqxZuhzxpmwJKOgRFHJWIb9/KmqnqHhLdO55aOxFH/EGBvUQbL/RQ==
+
 dns-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
@@ -4517,6 +4785,15 @@ dom-serializer@^1.0.1, dom-serializer@^1.3.2:
     domhandler "^4.2.0"
     entities "^2.0.0"
 
+dom-serializer@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-2.0.0.tgz#e41b802e1eedf9f6cae183ce5e622d789d7d8e53"
+  integrity sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    entities "^4.2.0"
+
 domain-browser@^1.1.1:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/domain-browser/-/domain-browser-1.2.0.tgz#3d31f50191a6749dd1375a7f522e823d42e54eda"
@@ -4527,7 +4804,7 @@ domelementtype@1, domelementtype@^1.3.1:
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-1.3.1.tgz#d048c44b37b0d10a7f2a3d5fee3f4333d790481f"
   integrity sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==
 
-domelementtype@^2.0.1, domelementtype@^2.2.0:
+domelementtype@^2.0.1, domelementtype@^2.2.0, domelementtype@^2.3.0:
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/domelementtype/-/domelementtype-2.3.0.tgz#5c45e8e869952626331d7aab326d01daf65d589d"
   integrity sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==
@@ -4560,6 +4837,13 @@ domhandler@^4.0.0, domhandler@^4.2.0, domhandler@^4.3.1:
   dependencies:
     domelementtype "^2.2.0"
 
+domhandler@^5.0.1, domhandler@^5.0.2, domhandler@^5.0.3:
+  version "5.0.3"
+  resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-5.0.3.tgz#cc385f7f751f1d1fc650c21374804254538c7d31"
+  integrity sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==
+  dependencies:
+    domelementtype "^2.3.0"
+
 domutils@^1.5.1, domutils@^1.7.0:
   version "1.7.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-1.7.0.tgz#56ea341e834e06e6748af7a1cb25da67ea9f8c2a"
@@ -4577,6 +4861,15 @@ domutils@^2.5.2, domutils@^2.8.0:
     domelementtype "^2.2.0"
     domhandler "^4.2.0"
 
+domutils@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/domutils/-/domutils-3.0.1.tgz#696b3875238338cb186b6c0612bd4901c89a4f1c"
+  integrity sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==
+  dependencies:
+    dom-serializer "^2.0.0"
+    domelementtype "^2.3.0"
+    domhandler "^5.0.1"
+
 dot-case@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/dot-case/-/dot-case-3.0.4.tgz#9b2b670d00a431667a8a75ba29cd1b98809ce751"
@@ -4721,6 +5014,11 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
+entities@^4.2.0, entities@^4.3.0:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/entities/-/entities-4.3.1.tgz#c34062a94c865c322f9d67b4384e4169bcede6a4"
+  integrity sha512-o4q/dYJlmyjP2zfnaWDUC6A3BQFmVTX+tZPezK7k0GLSU9QYCauscf5Y+qcEPzKL+EixVouYDgLQK5H9GrLpkg==
+
 entities@~2.0:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.0.3.tgz#5c487e5742ab93c15abb5da22759b8590ec03b7f"
@@ -4731,6 +5029,51 @@ entities@~2.1.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.1.0.tgz#992d3129cf7df6870b96c57858c249a120f8b8b5"
   integrity sha512-hCx1oky9PFrJ611mf0ifBLBRW8lUUVRlFolb5gWRfIELabBlbp9xZvrqZLZAs+NxFnbfQoeGd8wDkygjg7U85w==
 
+enzyme-shallow-equal@^1.0.0, enzyme-shallow-equal@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.yarnpkg.com/enzyme-shallow-equal/-/enzyme-shallow-equal-1.0.4.tgz#b9256cb25a5f430f9bfe073a84808c1d74fced2e"
+  integrity sha512-MttIwB8kKxypwHvRynuC3ahyNc+cFbR8mjVIltnmzQ0uKGqmsfO4bfBuLxb0beLNPhjblUEYvEbsg+VSygvF1Q==
+  dependencies:
+    has "^1.0.3"
+    object-is "^1.1.2"
+
+enzyme-to-json@^3.6.2:
+  version "3.6.2"
+  resolved "https://registry.yarnpkg.com/enzyme-to-json/-/enzyme-to-json-3.6.2.tgz#94f85c413bcae8ab67be53b0a94b69a560e27823"
+  integrity sha512-Ynm6Z6R6iwQ0g2g1YToz6DWhxVnt8Dy1ijR2zynRKxTyBGA8rCDXU3rs2Qc4OKvUvc2Qoe1bcFK6bnPs20TrTg==
+  dependencies:
+    "@types/cheerio" "^0.22.22"
+    lodash "^4.17.21"
+    react-is "^16.12.0"
+
+enzyme@^3.11.0:
+  version "3.11.0"
+  resolved "https://registry.yarnpkg.com/enzyme/-/enzyme-3.11.0.tgz#71d680c580fe9349f6f5ac6c775bc3e6b7a79c28"
+  integrity sha512-Dw8/Gs4vRjxY6/6i9wU0V+utmQO9kvh9XLnz3LIudviOnVYDEe2ec+0k+NQoMamn1VrjKgCUOWj5jG/5M5M0Qw==
+  dependencies:
+    array.prototype.flat "^1.2.3"
+    cheerio "^1.0.0-rc.3"
+    enzyme-shallow-equal "^1.0.1"
+    function.prototype.name "^1.1.2"
+    has "^1.0.3"
+    html-element-map "^1.2.0"
+    is-boolean-object "^1.0.1"
+    is-callable "^1.1.5"
+    is-number-object "^1.0.4"
+    is-regex "^1.0.5"
+    is-string "^1.0.5"
+    is-subset "^0.1.1"
+    lodash.escape "^4.0.1"
+    lodash.isequal "^4.5.0"
+    object-inspect "^1.7.0"
+    object-is "^1.0.2"
+    object.assign "^4.1.0"
+    object.entries "^1.1.1"
+    object.values "^1.1.1"
+    raf "^3.4.1"
+    rst-selector-parser "^2.2.3"
+    string.prototype.trim "^1.2.1"
+
 errno@^0.1.3, errno@~0.1.7:
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/errno/-/errno-0.1.8.tgz#8bb3e9c7d463be4976ff888f76b4809ebc2e811f"
@@ -4774,6 +5117,11 @@ es-abstract@^1.17.2, es-abstract@^1.19.0, es-abstract@^1.19.1, es-abstract@^1.19
     string.prototype.trimstart "^1.0.5"
     unbox-primitive "^1.0.2"
 
+es-array-method-boxes-properly@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
+  integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
+
 es-get-iterator@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/es-get-iterator/-/es-get-iterator-1.1.2.tgz#9234c54aba713486d7ebde0220864af5e2b283f7"
@@ -5752,7 +6100,7 @@ function-bind@^1.1.1:
   resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.1.tgz#a56899d3ea3c9bab874bb9773b7c5ede92f4895d"
   integrity sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==
 
-function.prototype.name@^1.1.5:
+function.prototype.name@^1.1.0, function.prototype.name@^1.1.2, function.prototype.name@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.5.tgz#cce0505fe1ffb80503e6f9e46cc64e46a12a9621"
   integrity sha512-uN7m/BzVKQnCUF/iW8jYea67v++2u7m5UgENbHRtdDVclOUP+FMPlCNdmk0h/ysGyo2tavMJEDqJAkJdRa1vMA==
@@ -6044,7 +6392,7 @@ grid-index@^1.1.0:
 growly@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
-  integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
+  integrity sha512-+xGQY0YyAWCnqy7Cd++hc2JqMYzlm0dG30Jd0beaA64sROr8C4nt8Yc9V5Ro3avlSUDTN0ulqP/VBKi1/lLygw==
 
 handle-thing@^2.0.0:
   version "2.0.1"
@@ -6250,6 +6598,14 @@ hsla-regex@^1.0.0:
   resolved "https://registry.yarnpkg.com/hsla-regex/-/hsla-regex-1.0.0.tgz#c1ce7a3168c8c6614033a4b5f7877f3b225f9c38"
   integrity sha1-wc56MWjIxmFAM6S194d/OyJfnDg=
 
+html-element-map@^1.2.0:
+  version "1.3.1"
+  resolved "https://registry.yarnpkg.com/html-element-map/-/html-element-map-1.3.1.tgz#44b2cbcfa7be7aa4ff59779e47e51012e1c73c08"
+  integrity sha512-6XMlxrAFX4UEEGxctfFnmrFaaZFNf9i5fNuV5wZ3WWQ4FVaNP1aX1LkX9j2mfEx1NpjeE/rL3nmgEn23GdFmrg==
+  dependencies:
+    array.prototype.filter "^1.0.0"
+    call-bind "^1.0.2"
+
 html-encoding-sniffer@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
@@ -6322,6 +6678,16 @@ htmlparser2@^6.0.0, htmlparser2@^6.1.0:
     domutils "^2.5.2"
     entities "^2.0.0"
 
+htmlparser2@^8.0.1:
+  version "8.0.1"
+  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-8.0.1.tgz#abaa985474fcefe269bc761a779b544d7196d010"
+  integrity sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA==
+  dependencies:
+    domelementtype "^2.3.0"
+    domhandler "^5.0.2"
+    domutils "^3.0.1"
+    entities "^4.3.0"
+
 http-deceiver@^1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/http-deceiver/-/http-deceiver-1.2.7.tgz#fa7168944ab9a519d337cb0bec7284dc3e723d87"
@@ -6695,7 +7061,7 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
-is-boolean-object@^1.1.0, is-boolean-object@^1.1.2:
+is-boolean-object@^1.0.1, is-boolean-object@^1.1.0, is-boolean-object@^1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
   integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
@@ -6713,7 +7079,7 @@ is-buffer@^2.0.0:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.5.tgz#ebc252e400d22ff8d77fa09888821a24a658c191"
   integrity sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==
 
-is-callable@^1.0.4, is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.2.4:
+is-callable@^1.0.4, is-callable@^1.1.3, is-callable@^1.1.4, is-callable@^1.1.5, is-callable@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.2.4.tgz#47301d58dd0259407865547853df6d61fe471945"
   integrity sha512-nsuwtxZfMX67Oryl9LCQ+upnC0Z0BgpwntpS89m1H/TLF0zNfzfLMV/9Wa/6MZsj0acpEjAO0KF1xT6ZdLl95w==
@@ -6737,7 +7103,7 @@ is-color-stop@^1.0.0:
     rgb-regex "^1.0.1"
     rgba-regex "^1.0.0"
 
-is-core-module@^2.2.0, is-core-module@^2.5.0, is-core-module@^2.8.1:
+is-core-module@^2.2.0, is-core-module@^2.5.0, is-core-module@^2.8.1, is-core-module@^2.9.0:
   version "2.9.0"
   resolved "https://registry.yarnpkg.com/is-core-module/-/is-core-module-2.9.0.tgz#e1c34429cd51c6dd9e09e0799e396e27b19a9c69"
   integrity sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==
@@ -7035,7 +7401,7 @@ is-promise@^2.2.2:
   resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
   integrity sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ==
 
-is-regex@^1.0.3, is-regex@^1.0.4, is-regex@^1.1.4:
+is-regex@^1.0.3, is-regex@^1.0.4, is-regex@^1.0.5, is-regex@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.4.tgz#eef5663cd59fa4c0ae339505323df6854bb15958"
   integrity sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==
@@ -7082,6 +7448,11 @@ is-string@^1.0.5, is-string@^1.0.7:
   dependencies:
     has-tostringtag "^1.0.0"
 
+is-subset@^0.1.1:
+  version "0.1.1"
+  resolved "https://registry.yarnpkg.com/is-subset/-/is-subset-0.1.1.tgz#8a59117d932de1de00f245fcdd39ce43f1e939a6"
+  integrity sha512-6Ybun0IkarhmEqxXCNw/C0bna6Zb/TkfUX9UbwJtK6ObwAVCxmAP308WWTHviM/zAqXk05cdhYsUsZeGQh99iw==
+
 is-symbol@^1.0.2, is-symbol@^1.0.3, is-symbol@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/is-symbol/-/is-symbol-1.0.4.tgz#a6dac93b635b063ca6872236de88910a57af139c"
@@ -7232,9 +7603,9 @@ istanbul-lib-source-maps@^4.0.0:
     source-map "^0.6.1"
 
 istanbul-reports@^3.0.2:
-  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.4.tgz#1b6f068ecbc6c331040aab5741991273e609e40c"
-  integrity sha512-r1/DshN4KSE7xWEknZLLLLDn5CJybV3nw01VTkp6D5jzLuELlcbudfj/eSQFvrKsJuTVCGnePO7ho82Nw9zzfw==
+  version "3.1.5"
+  resolved "https://registry.yarnpkg.com/istanbul-reports/-/istanbul-reports-3.1.5.tgz#cc9a6ab25cb25659810e4785ed9d9fb742578bae"
+  integrity sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==
   dependencies:
     html-escaper "^2.0.0"
     istanbul-lib-report "^3.0.0"
@@ -8036,6 +8407,21 @@ lodash.debounce@^4.0.8:
   resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
   integrity sha1-gteb/zCmfEAF/9XiUVMArZyk168=
 
+lodash.escape@^4.0.1:
+  version "4.0.1"
+  resolved "https://registry.yarnpkg.com/lodash.escape/-/lodash.escape-4.0.1.tgz#c9044690c21e04294beaa517712fded1fa88de98"
+  integrity sha512-nXEOnb/jK9g0DYMr1/Xvq6l5xMD7GDG55+GSYIYmS0G4tBk/hURD4JR9WCavs04t33WmJx9kCyp9vJ+mr4BOUw==
+
+lodash.flattendeep@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2"
+  integrity sha512-uHaJFihxmJcEX3kT4I23ABqKKalJ/zDrDg0lsFtc1h+3uw49SIJ5beyhx5ExVRti3AvKoOJngIj7xz3oylPdWQ==
+
+lodash.isequal@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
+  integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
+
 lodash.memoize@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lodash.memoize/-/lodash.memoize-4.1.2.tgz#bcc6c49a42a2840ed997f323eada5ecd182e0bfe"
@@ -8689,6 +9075,11 @@ modernizr@^3.12.0:
     requirejs "^2.3.6"
     yargs "^15.4.1"
 
+moo@^0.5.0:
+  version "0.5.1"
+  resolved "https://registry.yarnpkg.com/moo/-/moo-0.5.1.tgz#7aae7f384b9b09f620b6abf6f74ebbcd1b65dbc4"
+  integrity sha512-I1mnb5xn4fO80BH9BLcF0yLypy2UKl+Cb01Fu0hJRkJjlCRtxZMWkTdAtDd5ZqCOxtCkhmRwyI57vWT+1iZ67w==
+
 move-concurrently@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/move-concurrently/-/move-concurrently-1.0.1.tgz#be2c005fda32e0b29af1f05d7c4b33214c701f92"
@@ -8766,6 +9157,16 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
 
+nearley@^2.7.10:
+  version "2.20.1"
+  resolved "https://registry.yarnpkg.com/nearley/-/nearley-2.20.1.tgz#246cd33eff0d012faf197ff6774d7ac78acdd474"
+  integrity sha512-+Mc8UaAebFzgV+KpI5n7DasuuQCHA89dmwm7JXw3TV43ukfNQ9DnBH3Mdb2g/I4Fdxc26pwimBWvjIw0UAILSQ==
+  dependencies:
+    commander "^2.19.0"
+    moo "^0.5.0"
+    railroad-diagrams "^1.0.0"
+    randexp "0.4.6"
+
 negotiator@0.6.3:
   version "0.6.3"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
@@ -8999,7 +9400,12 @@ object-inspect@^1.1.0, object-inspect@^1.12.0, object-inspect@^1.9.0:
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.0.tgz#6e2c120e868fd1fd18cb4f18c31741d0d6e776f0"
   integrity sha512-Ho2z80bVIvJloH+YzRmpZVQe87+qASmBUKZDWgx9cu+KDrX2ZDH/3tMy+gXbZETVGs2M8YdxObOh7XAtim9Y0g==
 
-object-is@^1.0.1:
+object-inspect@^1.7.0:
+  version "1.12.2"
+  resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.12.2.tgz#c0641f26394532f28ab8d796ab954e43c009a8ea"
+  integrity sha512-z+cPxW0QGUp0mcqcsgQyLVRDoXFQbXOwBaqyF7VIgI4TWNQsDHrBpUQslRmIfAoYWdYzs6UlKJtB2XJpTaNSpQ==
+
+object-is@^1.0.1, object-is@^1.0.2, object-is@^1.1.2:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
   integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
@@ -9029,7 +9435,7 @@ object.assign@^4.1.0, object.assign@^4.1.2:
     has-symbols "^1.0.1"
     object-keys "^1.1.1"
 
-object.entries@^1.1.5:
+object.entries@^1.1.1, object.entries@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.5.tgz#e1acdd17c4de2cd96d5a08487cfb9db84d881861"
   integrity sha512-TyxmjUoZggd4OrrU1W66FMDG6CuqJxsFvymeyXI51+vQLN67zYfZseptRge703kKQdo4uccgAKebXFcRCzk4+g==
@@ -9038,7 +9444,7 @@ object.entries@^1.1.5:
     define-properties "^1.1.3"
     es-abstract "^1.19.1"
 
-object.fromentries@^2.0.5:
+object.fromentries@^2.0.0, object.fromentries@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.5.tgz#7b37b205109c21e741e605727fe8b0ad5fa08251"
   integrity sha512-CAyG5mWQRRiBU57Re4FKoTBjXfDoNwdFVH2Y1tS9PqCsfUTymAohOkEMSG3aRNKmv4lV3O7p1et7c187q6bynw==
@@ -9089,7 +9495,7 @@ object.pick@^1.3.0:
   dependencies:
     isobject "^3.0.1"
 
-object.values@^1.1.0, object.values@^1.1.5:
+object.values@^1.1.0, object.values@^1.1.1, object.values@^1.1.5:
   version "1.1.5"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.5.tgz#959f63e3ce9ef108720333082131e4a459b716ac"
   integrity sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg==
@@ -9369,11 +9775,26 @@ parse5-htmlparser2-tree-adapter@^6.0.1:
   dependencies:
     parse5 "^6.0.1"
 
+parse5-htmlparser2-tree-adapter@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-7.0.0.tgz#23c2cc233bcf09bb7beba8b8a69d46b08c62c2f1"
+  integrity sha512-B77tOZrqqfUfnVcOrUvfdLbz4pu4RopLD/4vmu3HUPswwTA8OH0EMW9BlWR2B0RCoiZRAHEUu7IxeP1Pd1UU+g==
+  dependencies:
+    domhandler "^5.0.2"
+    parse5 "^7.0.0"
+
 parse5@6.0.1, parse5@^6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
   integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
 
+parse5@^7.0.0:
+  version "7.0.0"
+  resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.0.0.tgz#51f74a5257f5fcc536389e8c2d0b3802e1bfa91a"
+  integrity sha512-y/t8IXSPWTuRZqXc0ajH/UwDj4mnqLEbSttNbThcFhGrZuOyoyvNBO85PBp2jQa55wY9d07PBNjsK8ZP3K5U6g==
+  dependencies:
+    entities "^4.3.0"
+
 parseurl@~1.3.2, parseurl@~1.3.3:
   version "1.3.3"
   resolved "https://registry.yarnpkg.com/parseurl/-/parseurl-1.3.3.tgz#9da19e7bee8d12dff0513ed5b76957793bc2e8d4"
@@ -10417,7 +10838,7 @@ prompts@^2.0.1:
     kleur "^3.0.3"
     sisteransi "^1.0.5"
 
-prop-types@^15.6.2, prop-types@^15.7.2, prop-types@^15.8.1:
+prop-types@^15.6.2, prop-types@^15.7.0, prop-types@^15.7.2, prop-types@^15.8.1:
   version "15.8.1"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
   integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
@@ -10579,6 +11000,26 @@ raf-schd@^4.0.2:
   resolved "https://registry.yarnpkg.com/raf-schd/-/raf-schd-4.0.3.tgz#5d6c34ef46f8b2a0e880a8fcdb743efc5bfdbc1a"
   integrity sha512-tQkJl2GRWh83ui2DiPTJz9wEiMN20syf+5oKfB03yYP7ioZcJwsIK8FjrtLwH1m7C7e+Tt2yYBlrOpdT+dyeIQ==
 
+raf@^3.4.1:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
+  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
+  dependencies:
+    performance-now "^2.1.0"
+
+railroad-diagrams@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz#eb7e6267548ddedfb899c1b90e57374559cddb7e"
+  integrity sha512-cz93DjNeLY0idrCNOH6PviZGRN9GJhsdm9hpn1YCS879fj4W+x5IFJhhkRZcwVgMmFF7R82UA/7Oh+R8lLZg6A==
+
+randexp@0.4.6:
+  version "0.4.6"
+  resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.6.tgz#e986ad5e5e31dae13ddd6f7b3019aa7c87f60ca3"
+  integrity sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==
+  dependencies:
+    discontinuous-range "1.0.0"
+    ret "~0.1.10"
+
 randomatic@^3.0.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed"
@@ -10677,12 +11118,17 @@ react-focus-lock@^2.5.1:
     use-callback-ref "^1.3.0"
     use-sidecar "^1.1.2"
 
-react-is@^16.13.1, react-is@^16.7.0:
+react-is@^16.12.0, react-is@^16.13.1, react-is@^16.7.0:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
-react-is@^17.0.1, react-is@^17.0.2:
+"react-is@^16.12.0 || ^17.0.0 || ^18.0.0":
+  version "18.2.0"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-18.2.0.tgz#199431eeaaa2e09f86427efbb4f1473edb47609b"
+  integrity sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==
+
+react-is@^17.0.0, react-is@^17.0.1, react-is@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
   integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
@@ -10699,6 +11145,24 @@ react-redux@^7.2.0:
     prop-types "^15.7.2"
     react-is "^17.0.2"
 
+react-shallow-renderer@^16.13.1:
+  version "16.15.0"
+  resolved "https://registry.yarnpkg.com/react-shallow-renderer/-/react-shallow-renderer-16.15.0.tgz#48fb2cf9b23d23cde96708fe5273a7d3446f4457"
+  integrity sha512-oScf2FqQ9LFVQgA73vr86xl2NaOIX73rh+YFqcOp68CWj56tSfgtGKrEbyhCj0rSijyG9M1CYprTh39fBi5hzA==
+  dependencies:
+    object-assign "^4.1.1"
+    react-is "^16.12.0 || ^17.0.0 || ^18.0.0"
+
+react-test-renderer@^17.0.0:
+  version "17.0.2"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-17.0.2.tgz#4cd4ae5ef1ad5670fc0ef776e8cc7e1231d9866c"
+  integrity sha512-yaQ9cB89c17PUb0x6UfWRs7kQCorVdHlutU1boVPEsB8IDZH6n9tHxMacc3y0JoXOJUsZb/t/Mb8FUWMKaM7iQ==
+  dependencies:
+    object-assign "^4.1.1"
+    react-is "^17.0.2"
+    react-shallow-renderer "^16.13.1"
+    scheduler "^0.20.2"
+
 react-transition-group@^4.4.1:
   version "4.4.2"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-4.4.2.tgz#8b59a56f09ced7b55cbd53c36768b922890d5470"
@@ -11062,7 +11526,7 @@ resolve-url@^0.2.1:
   resolved "https://registry.yarnpkg.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
   integrity sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=
 
-resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.18.1, resolve@^1.20.0, resolve@^1.22.0:
+resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.20.0, resolve@^1.22.0:
   version "1.22.0"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.0.tgz#5e0b8c67c15df57a89bdbabe603a002f21731198"
   integrity sha512-Hhtrw0nLeSrFQ7phPp4OOcVjLPIeMnRlr5mcnVuMe7M/7eBn98A3hmFRLoFo3DLZkivSYwhRUJTyPyWAk56WLw==
@@ -11071,6 +11535,15 @@ resolve@^1.1.7, resolve@^1.10.0, resolve@^1.14.2, resolve@^1.18.1, resolve@^1.20
     path-parse "^1.0.7"
     supports-preserve-symlinks-flag "^1.0.0"
 
+resolve@^1.18.1:
+  version "1.22.1"
+  resolved "https://registry.yarnpkg.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
+  integrity sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==
+  dependencies:
+    is-core-module "^2.9.0"
+    path-parse "^1.0.7"
+    supports-preserve-symlinks-flag "^1.0.0"
+
 resolve@^2.0.0-next.3:
   version "2.0.0-next.3"
   resolved "https://registry.yarnpkg.com/resolve/-/resolve-2.0.0-next.3.tgz#d41016293d4a8586a39ca5d9b5f15cbea1f55e46"
@@ -11136,6 +11609,14 @@ ripemd160@^2.0.0, ripemd160@^2.0.1:
     hash-base "^3.0.0"
     inherits "^2.0.1"
 
+rst-selector-parser@^2.2.3:
+  version "2.2.3"
+  resolved "https://registry.yarnpkg.com/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz#81b230ea2fcc6066c89e3472de794285d9b03d91"
+  integrity sha512-nDG1rZeP6oFTLN6yNDV/uiAvs1+FS/KlrEwh7+y7dpuApDBy6bI2HTBcc0/V8lv9OTqfyD34eF7au2pm8aBbhA==
+  dependencies:
+    lodash.flattendeep "^4.4.0"
+    nearley "^2.7.10"
+
 rsvp@^4.8.4:
   version "4.8.5"
   resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.5.tgz#c8f155311d167f68f21e168df71ec5b083113734"
@@ -11856,6 +12337,15 @@ string.prototype.repeat@^0.2.0:
   resolved "https://registry.yarnpkg.com/string.prototype.repeat/-/string.prototype.repeat-0.2.0.tgz#aba36de08dcee6a5a337d49b2ea1da1b28fc0ecf"
   integrity sha1-q6Nt4I3O5qWjN9SbLqHaGyj8Ds8=
 
+string.prototype.trim@^1.2.1:
+  version "1.2.6"
+  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.6.tgz#824960787db37a9e24711802ed0c1d1c0254f83e"
+  integrity sha512-8lMR2m+U0VJTPp6JjvJTtGyc4FIGq9CdRt7O9p6T0e6K4vjU+OP+SQJpbe/SBmRcCUIvNUnjsbmY6lnMp8MhsQ==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.4"
+    es-abstract "^1.19.5"
+
 string.prototype.trimend@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/string.prototype.trimend/-/string.prototype.trimend-1.0.5.tgz#914a65baaab25fbdd4ee291ca7dde57e869cb8d0"

From ec61624b566a95b1d0595f0590020093c239329c Mon Sep 17 00:00:00 2001
From: olivier <odelcroi@gmail.com>
Date: Mon, 18 Jul 2022 17:28:15 +0200
Subject: [PATCH 02/12] add TchapCreateRoomDialog test

---
 .../views/dialogs/TchapCreateRoomDialog.tsx   |   4 +-
 src/lib/createTchapRoom.ts                    |  11 +-
 .../view/TchapCreateRoomDialog-test.tsx       | 248 ++++++++++++++++++
 test/unit-tests/lib/createTchapRoom-test.ts   |  13 +-
 4 files changed, 266 insertions(+), 10 deletions(-)
 create mode 100644 test/unit-tests/components/view/TchapCreateRoomDialog-test.tsx

diff --git a/src/components/views/dialogs/TchapCreateRoomDialog.tsx b/src/components/views/dialogs/TchapCreateRoomDialog.tsx
index ee86482ba0..b4c0d6383f 100644
--- a/src/components/views/dialogs/TchapCreateRoomDialog.tsx
+++ b/src/components/views/dialogs/TchapCreateRoomDialog.tsx
@@ -26,7 +26,7 @@ import BaseDialog from "matrix-react-sdk/src/components/views/dialogs/BaseDialog
 import TchapUtils from '../../../util/TchapUtils';
 import TchapRoomTypeSelector from "./../elements/TchapRoomTypeSelector";
 import { TchapRoomType } from "../../../@types/tchap";
-import roomCreateOptions from "../../../lib/createTchapRoom";
+import TchapCreateRoom from "../../../lib/createTchapRoom";
 
 // We leave the same props as Element's version, to avoid unknown props warnings.
 interface IProps {
@@ -123,7 +123,7 @@ export default class TchapCreateRoomDialog extends React.Component<IProps, IStat
         // first. Queue a `setState` callback and wait for it to resolve.
         await new Promise<void>(resolve => this.setState({}, resolve));
         if (this.state.nameIsValid) {
-            this.props.onFinished(true, roomCreateOptions(
+            this.props.onFinished(true, TchapCreateRoom.roomCreateOptions(
                 this.state.name,
                 this.state.tchapRoomType,
                 this.state.isFederated));
diff --git a/src/lib/createTchapRoom.ts b/src/lib/createTchapRoom.ts
index 152082ee81..b0a3e534d8 100644
--- a/src/lib/createTchapRoom.ts
+++ b/src/lib/createTchapRoom.ts
@@ -17,8 +17,12 @@ export const DEFAULT_FEDERATE_VALUE = true;
  * @param federate is the room federated
  * @returns rooms options
  */
-export default function roomCreateOptions(
-    name: string, tchapRoomType: TchapRoomType, federate: boolean = DEFAULT_FEDERATE_VALUE): IOpts {
+export default class TchapCreateRoom {
+
+    static roomCreateOptions(
+        name: string, 
+        tchapRoomType: TchapRoomType, 
+        federate: boolean = DEFAULT_FEDERATE_VALUE): IOpts {
     const opts: IOpts = {};
     const createRoomOpts: ITchapCreateRoomOpts = {};
     opts.createOpts = createRoomOpts;
@@ -62,4 +66,5 @@ export default function roomCreateOptions(
         }
     }
     return opts;
-}
+    }
+}
\ No newline at end of file
diff --git a/test/unit-tests/components/view/TchapCreateRoomDialog-test.tsx b/test/unit-tests/components/view/TchapCreateRoomDialog-test.tsx
new file mode 100644
index 0000000000..5e782fa843
--- /dev/null
+++ b/test/unit-tests/components/view/TchapCreateRoomDialog-test.tsx
@@ -0,0 +1,248 @@
+
+import React from 'react';
+import { mount, ReactWrapper } from 'enzyme';
+import { act } from 'react-dom/test-utils';
+
+import TchapCreateRoomDialog from "../../../../src/components/views/dialogs/TchapCreateRoomDialog";
+import { TchapRoomType } from '../../../../src/@types/tchap';
+import { MatrixClientPeg } from 'matrix-react-sdk/src/MatrixClientPeg';
+import { EventEmitter } from "events";
+
+import TchapUtils from '../../../../src/util/TchapUtils';
+
+
+
+/*
+does not work, undefined is answered anyway, why??
+jest.mock('../../src/lib/createTchapRoom',() => {
+    return {
+      __esModule: true,
+      default: jest.fn(() => 42),
+      roomCreateOptions: jest.fn(() => 43),
+    };
+  });
+*/
+
+describe("TchapCreateRoomDiaglog", () => {
+    let mockClient;
+    const roomName = "roomName";
+    
+    const defaultProps = {
+        defaultPublic: undefined, // unused for Tchap version
+        defaultName: undefined, // unused for Tchap version
+        parentSpace: undefined, // unused for Tchap version
+        defaultEncrypted: undefined, // unused for Tchap version
+        onFinished: jest.fn()
+    };
+
+    const submitForm = async (wrapper: ReactWrapper) =>{
+        act(() => {
+            wrapper.find('form').simulate('submit', { preventDefault: () => { } });
+        })
+        await new Promise(process.nextTick);
+    }
+    
+    const getComponent = (props ={}): ReactWrapper =>
+            mount(<TchapCreateRoomDialog {...defaultProps} {...props} />);
+
+    beforeEach(() => {
+        jest.resetAllMocks();
+        
+        //mock matrix client
+        mockClient = new MockClient();
+        jest.spyOn(MatrixClientPeg, 'get').mockReturnValue(mockClient);
+        
+        //mock tchap utils
+        jest.spyOn(TchapUtils, 'getShortDomain').mockReturnValue("Tchap");
+    });
+
+    it("Should not create any room wihout a name", async () => {
+        const onFinished = jest.fn();
+        const wrapper = getComponent({ onFinished});
+        // force into valid state
+        act(() => {
+            wrapper.setState({
+                name: "",
+                tchapRoomType: TchapRoomType.Private
+            });
+        });
+
+        await submitForm(wrapper);
+
+        expect(onFinished).toBeCalledTimes(0);
+    })
+
+    it("Should create a room with default value", async () => {
+        const onFinished = jest.fn();
+        const defaultName = "defaultName";
+        const wrapper = getComponent({ onFinished, defaultName});
+        // force into valid state
+        act(() => {
+            wrapper.setState({
+                tchapRoomType: TchapRoomType.Private
+            });
+        });
+
+        await submitForm(wrapper);
+
+        expect(onFinished).toBeCalledTimes(1);
+    })
+
+    it("Should create a private room", async () => {
+        const onFinished = jest.fn();
+        
+        const privateRoomExpectedOpts = {
+            createOpts: {
+                name: roomName,
+                creation_content: {
+                    "m.federate": true,
+                },
+                accessRule: "restricted",
+                visibility: "private",
+                preset: "private_chat",
+            },
+            guestAccess: false,
+            joinRule: "invite",
+            encryption: true,
+            historyVisibility: "joined",
+        };
+        const wrapper = getComponent({ onFinished});
+        
+        // force into valid state
+        act(() => {
+            wrapper.setState({
+                name: roomName,
+                tchapRoomType: TchapRoomType.Private
+            });
+        });
+
+        await submitForm(wrapper);
+
+        expect(onFinished).toHaveBeenCalledWith(true, privateRoomExpectedOpts);
+    })
+
+
+    it("Should create a public room without federation", async () => {
+        const onFinished = jest.fn();
+        
+        const publicRoomWithoutFederationExpectedOpts = {
+            createOpts: {
+                name: roomName,
+                creation_content: {
+                    "m.federate": false,
+                },
+                accessRule: "restricted",
+                visibility: "public",
+                preset: "public_chat",
+            },
+            guestAccess: false,
+            joinRule: "public",
+            encryption: false,
+            historyVisibility: "shared",
+        };
+        const wrapper = getComponent({ onFinished});
+        
+        // force into valid state
+        act(() => {
+            wrapper.setState({
+                name: roomName,
+                tchapRoomType: TchapRoomType.Forum, 
+                isFederated:false
+            });
+        });
+
+        await submitForm(wrapper);
+
+        expect(onFinished).toHaveBeenCalledWith(true, publicRoomWithoutFederationExpectedOpts);
+    })
+
+    it("Should create a public room with federation", async () => {
+        const onFinished = jest.fn();
+        
+        const publicRoomWithFederationExpectedOpts = {
+            createOpts: {
+                name: roomName,
+                creation_content: {
+                    "m.federate": true,
+                },
+                accessRule: "restricted",
+                visibility: "public",
+                preset: "public_chat",
+            },
+            guestAccess: false,
+            joinRule: "public",
+            encryption: false,
+            historyVisibility: "shared",
+        };
+        const wrapper = getComponent({ onFinished});
+        
+        // force into valid state
+        act(() => {
+            wrapper.setState({
+                name: roomName,
+                tchapRoomType: TchapRoomType.Forum, 
+                isFederated:true
+            });
+        });
+        
+        await submitForm(wrapper);
+
+        expect(onFinished).toHaveBeenCalledWith(true, publicRoomWithFederationExpectedOpts);
+    })
+
+    it("Should create an external room", async () => {
+        const onFinished = jest.fn();
+        
+        const externalRoomExpectedOpts = {
+            createOpts: {
+                name: roomName,
+                creation_content: {
+                    "m.federate": true,
+                },
+                accessRule: "unrestricted",
+                visibility: "private",
+                preset: "private_chat",
+            },
+            guestAccess: false,
+            joinRule: "invite",
+            encryption: true,
+            historyVisibility: "joined",
+        };
+        const wrapper = getComponent({ onFinished});
+        
+        // set state
+        act(() => {
+            wrapper.setState({
+                name: roomName,
+                tchapRoomType: TchapRoomType.External
+            });
+        });
+        
+        await submitForm(wrapper);
+
+        expect(onFinished).toHaveBeenCalledWith(true, externalRoomExpectedOpts);
+    })
+})
+
+
+class MockClient extends EventEmitter {
+    // getUserId = jest.fn();
+    // getKeyBackupVersion = jest.fn().mockResolvedValue(undefined);
+    // getRooms = jest.fn().mockReturnValue([]);
+    // doesServerSupportUnstableFeature = jest.fn().mockResolvedValue(true);
+    // isCrossSigningReady = jest.fn().mockResolvedValue(true);
+    // isSecretStorageReady = jest.fn().mockResolvedValue(true);
+    // isCryptoEnabled = jest.fn().mockReturnValue(true);
+    // isInitialSyncComplete = jest.fn().mockReturnValue(true);
+    // getKeyBackupEnabled = jest.fn();
+    // getStoredDevicesForUser = jest.fn().mockReturnValue([]);
+    // getCrossSigningId = jest.fn();
+    // getStoredCrossSigningForUser = jest.fn();
+    // waitForClientWellKnown = jest.fn();
+    // downloadKeys = jest.fn();
+    // isRoomEncrypted = jest.fn();
+    // getClientWellKnown = jest.fn();
+    getDomain = jest.fn();
+}
+
+
diff --git a/test/unit-tests/lib/createTchapRoom-test.ts b/test/unit-tests/lib/createTchapRoom-test.ts
index 133a1ff8bb..38c71d1803 100644
--- a/test/unit-tests/lib/createTchapRoom-test.ts
+++ b/test/unit-tests/lib/createTchapRoom-test.ts
@@ -1,6 +1,9 @@
 import { TchapRoomType } from '../../../src/@types/tchap';
-import roomCreateOptions from '../../../src/lib/createTchapRoom';
+import TchapCreateRoom from '../../../src/lib/createTchapRoom';
 
+
+
+//DEPRECATED, integrated into TchapCreateRoomDialog-test
 describe("Create room options", () => {
 
     beforeEach(() => {
@@ -22,7 +25,7 @@ describe("Create room options", () => {
             encryption: true,
             historyVisibility: "joined",
         };
-        expect(roomCreateOptions("testName", TchapRoomType.Private)).toStrictEqual(privateRoomExpectedOpts);
+        expect(TchapCreateRoom.roomCreateOptions("testName", TchapRoomType.Private)).toStrictEqual(privateRoomExpectedOpts);
         done();
     });
 
@@ -42,7 +45,7 @@ describe("Create room options", () => {
             encryption: false,
             historyVisibility: "shared",
         };
-        expect(roomCreateOptions("testName", TchapRoomType.Forum, false)).toStrictEqual(publicRoomWithoutFederationExpectedOpts);
+        expect(TchapCreateRoom.roomCreateOptions("testName", TchapRoomType.Forum, false)).toStrictEqual(publicRoomWithoutFederationExpectedOpts);
         done();
     });
 
@@ -62,7 +65,7 @@ describe("Create room options", () => {
             encryption: false,
             historyVisibility: "shared",
         };
-        expect(roomCreateOptions("testName", TchapRoomType.Forum, true)).toStrictEqual(publicRoomWithFederationExpectedOpts);
+        expect(TchapCreateRoom.roomCreateOptions("testName", TchapRoomType.Forum, true)).toStrictEqual(publicRoomWithFederationExpectedOpts);
         done();
     });
 
@@ -82,7 +85,7 @@ describe("Create room options", () => {
             encryption: true,
             historyVisibility: "joined",
         };
-        expect(roomCreateOptions("testName", TchapRoomType.External)).toStrictEqual(externalRoomExpectedOpts);
+        expect(TchapCreateRoom.roomCreateOptions("testName", TchapRoomType.External)).toStrictEqual(externalRoomExpectedOpts);
         done();
     });
 

From 2f505e248aad58353fe918c786943a0fc2605ae0 Mon Sep 17 00:00:00 2001
From: olivier <odelcroi@gmail.com>
Date: Tue, 19 Jul 2022 16:23:22 +0200
Subject: [PATCH 03/12] move UT and add comments

---
 .../dialogs}/TchapCreateRoomDialog-test.tsx   | 47 +++++++++++--------
 1 file changed, 27 insertions(+), 20 deletions(-)
 rename test/unit-tests/components/{view => views/dialogs}/TchapCreateRoomDialog-test.tsx (82%)

diff --git a/test/unit-tests/components/view/TchapCreateRoomDialog-test.tsx b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
similarity index 82%
rename from test/unit-tests/components/view/TchapCreateRoomDialog-test.tsx
rename to test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
index 5e782fa843..f75165d42e 100644
--- a/test/unit-tests/components/view/TchapCreateRoomDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
@@ -3,30 +3,35 @@ import React from 'react';
 import { mount, ReactWrapper } from 'enzyme';
 import { act } from 'react-dom/test-utils';
 
-import TchapCreateRoomDialog from "../../../../src/components/views/dialogs/TchapCreateRoomDialog";
-import { TchapRoomType } from '../../../../src/@types/tchap';
+import { TchapRoomType } from '../../../../../src/@types/tchap';
 import { MatrixClientPeg } from 'matrix-react-sdk/src/MatrixClientPeg';
 import { EventEmitter } from "events";
 
-import TchapUtils from '../../../../src/util/TchapUtils';
+import TchapUtils from '../../../../../src/util/TchapUtils';
+//mocking module with jest.mock should be done outside the test. Before any import of the mocked module.
+//I could not make a mock of TchapCreateRoomDialog, the real implementation was taken each time. Then I used jest spyOn
 
-
-
-/*
-does not work, undefined is answered anyway, why??
-jest.mock('../../src/lib/createTchapRoom',() => {
-    return {
-      __esModule: true,
-      default: jest.fn(() => 42),
-      roomCreateOptions: jest.fn(() => 43),
+/*    return {
+    jest.mock('../../src/lib/createTchapRoom',() => {
+        __esModule: true,
+        default: jest.fn(() => 42),
+        roomCreateOptions: jest.fn(() => 43),
     };
-  });
+});
 */
 
-describe("TchapCreateRoomDiaglog", () => {
+import TchapCreateRoomDialog from "../../../../../src/components/views/dialogs/TchapCreateRoomDialog";
+
+/*
+ * This unit test targets the TchapCreateRoomDialog react component. It is mounted virtually to be tested thanks to enzyme framework.
+ * With the act function, a state is set inside the component, meanwhile the submitForm function submits the form in order to make action on the internal state of the component.
+ * No html snapshot is used in this test. Jest mocking is used to simulate behaviour of depending modules such as TchapUtils, TchapCreateRoomDialog, MatrixClientPeg
+ */
+describe("TchapCreateRoomDialog", () => {
     let mockClient;
     const roomName = "roomName";
     
+    //default props for the component, will be overriden 
     const defaultProps = {
         defaultPublic: undefined, // unused for Tchap version
         defaultName: undefined, // unused for Tchap version
@@ -35,6 +40,7 @@ describe("TchapCreateRoomDiaglog", () => {
         onFinished: jest.fn()
     };
 
+    //simulate the submit of the form
     const submitForm = async (wrapper: ReactWrapper) =>{
         act(() => {
             wrapper.find('form').simulate('submit', { preventDefault: () => { } });
@@ -42,6 +48,7 @@ describe("TchapCreateRoomDiaglog", () => {
         await new Promise(process.nextTick);
     }
     
+    //build a new component using enzyme
     const getComponent = (props ={}): ReactWrapper =>
             mount(<TchapCreateRoomDialog {...defaultProps} {...props} />);
 
@@ -59,7 +66,7 @@ describe("TchapCreateRoomDiaglog", () => {
     it("Should not create any room wihout a name", async () => {
         const onFinished = jest.fn();
         const wrapper = getComponent({ onFinished});
-        // force into valid state
+       // set state in component
         act(() => {
             wrapper.setState({
                 name: "",
@@ -76,7 +83,7 @@ describe("TchapCreateRoomDiaglog", () => {
         const onFinished = jest.fn();
         const defaultName = "defaultName";
         const wrapper = getComponent({ onFinished, defaultName});
-        // force into valid state
+       // set state in component
         act(() => {
             wrapper.setState({
                 tchapRoomType: TchapRoomType.Private
@@ -108,7 +115,7 @@ describe("TchapCreateRoomDiaglog", () => {
         };
         const wrapper = getComponent({ onFinished});
         
-        // force into valid state
+       // set state in component
         act(() => {
             wrapper.setState({
                 name: roomName,
@@ -142,7 +149,7 @@ describe("TchapCreateRoomDiaglog", () => {
         };
         const wrapper = getComponent({ onFinished});
         
-        // force into valid state
+       // set state in component
         act(() => {
             wrapper.setState({
                 name: roomName,
@@ -176,7 +183,7 @@ describe("TchapCreateRoomDiaglog", () => {
         };
         const wrapper = getComponent({ onFinished});
         
-        // force into valid state
+       // set state in component
         act(() => {
             wrapper.setState({
                 name: roomName,
@@ -210,7 +217,7 @@ describe("TchapCreateRoomDiaglog", () => {
         };
         const wrapper = getComponent({ onFinished});
         
-        // set state
+        // set state in component
         act(() => {
             wrapper.setState({
                 name: roomName,

From 414f688e83eb1bf902b66e7b8116a290982f7172 Mon Sep 17 00:00:00 2001
From: olivier <odelcroi@gmail.com>
Date: Wed, 20 Jul 2022 11:45:25 +0200
Subject: [PATCH 04/12] add unit test to the render method

---
 .../dialogs/TchapCreateRoomDialog-test.tsx    |  59 +-
 .../TchapCreateRoomDialog-test.tsx.snap       | 858 ++++++++++++++++++
 2 files changed, 913 insertions(+), 4 deletions(-)
 create mode 100644 test/unit-tests/components/views/dialogs/__snapshots__/TchapCreateRoomDialog-test.tsx.snap

diff --git a/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
index f75165d42e..529e3094c1 100644
--- a/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
@@ -1,11 +1,16 @@
 
 import React from 'react';
-import { mount, ReactWrapper } from 'enzyme';
+import { mount, ReactWrapper,shallow } from 'enzyme';
 import { act } from 'react-dom/test-utils';
+import renderer from 'react-test-renderer';
+import toJson from 'enzyme-to-json'
+
+//jest.mock('matrix-react-sdk/src/languageHandler')
 
 import { TchapRoomType } from '../../../../../src/@types/tchap';
 import { MatrixClientPeg } from 'matrix-react-sdk/src/MatrixClientPeg';
 import { EventEmitter } from "events";
+import { _t } from 'matrix-react-sdk/src/languageHandler';
 
 import TchapUtils from '../../../../../src/util/TchapUtils';
 //mocking module with jest.mock should be done outside the test. Before any import of the mocked module.
@@ -52,6 +57,12 @@ describe("TchapCreateRoomDialog", () => {
     const getComponent = (props ={}): ReactWrapper =>
             mount(<TchapCreateRoomDialog {...defaultProps} {...props} />);
 
+    //build a shallow component https://fr.reactjs.org/docs/shallow-renderer.html
+    //can be used for simple component
+    const getShallowComponent = (props={}) => {
+        shallow(<TchapCreateRoomDialog {...defaultProps} {...props} />);
+    }
+
     beforeEach(() => {
         jest.resetAllMocks();
         
@@ -60,7 +71,44 @@ describe("TchapCreateRoomDialog", () => {
         jest.spyOn(MatrixClientPeg, 'get').mockReturnValue(mockClient);
         
         //mock tchap utils
-        jest.spyOn(TchapUtils, 'getShortDomain').mockReturnValue("Tchap");
+        jest.spyOn(TchapUtils, 'getShortDomain').mockReturnValue("AGENT");
+        jest.spyOn(TchapUtils, 'getRoomFederationOptions').mockReturnValue({ showRoomFederationOption: true, roomFederationDefault: false });
+
+
+    });
+
+/*     
+doesn not work because 
+
+ TypeError: Cannot read property 'focus' of null
+
+      65 |     componentDidMount() {
+      66 |         // move focus to first field when showing dialog
+    > 67 |         this.nameField.current.focus();
+
+it('renders create room dialog with shallow', () => {
+        const component = getShallowComponent();
+        //expect(component).toMatchSnapshot();
+        expect(toJson(component)).toMatchSnapshot();
+    }); */
+
+    it('should render the whole component', () => {
+        const component = getComponent();
+        expect(toJson(component)).toMatchSnapshot("all the component"); //the whole component snapshot is not usefull, or is it?
+    });
+
+    it('should render the whole component with with the button allow access', () => {
+        jest.spyOn(TchapUtils, 'getRoomFederationOptions').mockReturnValue({ showRoomFederationOption: true, roomFederationDefault: false });
+        const component = getComponent();
+        const allowAccessSwitch = component.find(".mx_SettingsFlag"); //selector : https://enzymejs.github.io/enzyme/docs/api/selector.html
+        expect(toJson(allowAccessSwitch)).toMatchSnapshot("button allow access to other domain than AGENT");
+    });
+
+    it('should render the room dialog without the allow access switch', () => {
+        jest.spyOn(TchapUtils, 'getRoomFederationOptions').mockReturnValue({ showRoomFederationOption: false, roomFederationDefault: false });
+        const component = getComponent();
+        const allowAccessSwitch = component.find(".mx_SettingsFlag");
+        expect(allowAccessSwitch).toEqual({});
     });
 
     it("Should not create any room wihout a name", async () => {
@@ -113,13 +161,15 @@ describe("TchapCreateRoomDialog", () => {
             encryption: true,
             historyVisibility: "joined",
         };
+        
         const wrapper = getComponent({ onFinished});
         
        // set state in component
         act(() => {
             wrapper.setState({
                 name: roomName,
-                tchapRoomType: TchapRoomType.Private
+                tchapRoomType: TchapRoomType.Private,
+                isFederated:true
             });
         });
 
@@ -221,7 +271,8 @@ describe("TchapCreateRoomDialog", () => {
         act(() => {
             wrapper.setState({
                 name: roomName,
-                tchapRoomType: TchapRoomType.External
+                tchapRoomType: TchapRoomType.External,
+                isFederated:true
             });
         });
         
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/TchapCreateRoomDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/TchapCreateRoomDialog-test.tsx.snap
new file mode 100644
index 0000000000..6b578078eb
--- /dev/null
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/TchapCreateRoomDialog-test.tsx.snap
@@ -0,0 +1,858 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TchapCreateRoomDialog should render the whole component with with the button allow access: button allow access to other domain than AGENT 1`] = `
+<div
+  className="mx_SettingsFlag"
+>
+  <span
+    className="mx_SettingsFlag_label"
+  >
+    Allow access to this room to all users, even outside "AGENT" domain
+  </span>
+  <_default
+    aria-label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+    checked={false}
+    onChange={[Function]}
+  >
+    <AccessibleButton
+      aria-checked={false}
+      aria-disabled={false}
+      aria-label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+      className="mx_ToggleSwitch mx_ToggleSwitch_enabled"
+      element="div"
+      onClick={[Function]}
+      role="switch"
+      tabIndex={0}
+    >
+      <div
+        aria-checked={false}
+        aria-disabled={false}
+        aria-label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+        className="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
+        onClick={[Function]}
+        onKeyDown={[Function]}
+        onKeyUp={[Function]}
+        role="switch"
+        tabIndex={0}
+      >
+        <div
+          className="mx_ToggleSwitch_ball"
+        />
+      </div>
+    </AccessibleButton>
+  </_default>
+</div>
+`;
+
+exports[`TchapCreateRoomDialog should render the whole component: all the component 1`] = `
+<TchapCreateRoomDialog
+  onFinished={[MockFunction]}
+>
+  <BaseDialog
+    className="tc_TchapCreateRoomDialog"
+    fixedWidth={true}
+    hasCancel={true}
+    onFinished={[MockFunction]}
+    screenName="CreateRoom"
+    title="Create a room"
+  >
+    <PosthogScreenTracker
+      screenName="CreateRoom"
+    />
+    <ForwardRef(FocusLockUICombination)
+      className="tc_TchapCreateRoomDialog mx_Dialog_fixedWidth"
+      lockProps={
+        Object {
+          "aria-describedby": undefined,
+          "aria-labelledby": "mx_BaseDialog_title",
+          "onKeyDown": [Function],
+          "role": "dialog",
+        }
+      }
+      returnFocus={true}
+    >
+      <ForwardRef(FocusLockUI)
+        as="div"
+        autoFocus={true}
+        className="tc_TchapCreateRoomDialog mx_Dialog_fixedWidth"
+        crossFrame={true}
+        disabled={false}
+        lockProps={
+          Object {
+            "aria-describedby": undefined,
+            "aria-labelledby": "mx_BaseDialog_title",
+            "onKeyDown": [Function],
+            "role": "dialog",
+          }
+        }
+        noFocusGuards={false}
+        persistentFocus={false}
+        returnFocus={true}
+        sideCar={[Function]}
+      >
+        <div
+          data-focus-guard={true}
+          key="guard-first"
+          style={
+            Object {
+              "height": "0px",
+              "left": "1px",
+              "overflow": "hidden",
+              "padding": 0,
+              "position": "fixed",
+              "top": "1px",
+              "width": "1px",
+            }
+          }
+          tabIndex={0}
+        />
+        <SideEffect(FocusWatcher)
+          autoFocus={true}
+          crossFrame={true}
+          disabled={false}
+          id={Object {}}
+          observed={
+            <div
+              aria-labelledby="mx_BaseDialog_title"
+              class="tc_TchapCreateRoomDialog mx_Dialog_fixedWidth"
+              data-focus-lock-disabled="false"
+              role="dialog"
+            >
+              <div
+                class="mx_Dialog_header mx_Dialog_headerWithCancel"
+              >
+                <h2
+                  class="mx_Heading_h2 mx_Dialog_title"
+                  id="mx_BaseDialog_title"
+                >
+                  Create a room
+                </h2>
+                <div
+                  aria-label="Close dialog"
+                  class="mx_AccessibleButton mx_Dialog_cancelButton"
+                  role="button"
+                  tabindex="0"
+                />
+              </div>
+              <form>
+                <div
+                  class="mx_Dialog_content"
+                >
+                  <div
+                    class="mx_Field mx_Field_input"
+                  >
+                    <input
+                      id="mx_Field_1"
+                      label="Name"
+                      placeholder="Name"
+                      type="text"
+                      value=""
+                    />
+                    <label
+                      for="mx_Field_1"
+                    >
+                      Name
+                    </label>
+                  </div>
+                  <div
+                    class="tc_TchapRoomTypeSelector"
+                  >
+                    <label
+                      class="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_private tc_TchapRoomTypeSelector_RadioButton_selected"
+                    >
+                      <label
+                        class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+                      >
+                        <input
+                          checked=""
+                          name="roomType"
+                          type="radio"
+                          value="private"
+                        />
+                        <div>
+                          <div />
+                        </div>
+                        <div
+                          class="mx_StyledRadioButton_content"
+                        >
+                          <div
+                            class="tc_TchapRoomTypeSelector_RadioButton_title"
+                          >
+                            Private room
+                          </div>
+                          <div>
+                            Accessible to all users by invitation from an administrator.
+                          </div>
+                        </div>
+                        <div
+                          class="mx_StyledRadioButton_spacer"
+                        />
+                      </label>
+                    </label>
+                    <label
+                      class="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_external"
+                    >
+                      <label
+                        class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+                      >
+                        <input
+                          name="roomType"
+                          type="radio"
+                          value="external"
+                        />
+                        <div>
+                          <div />
+                        </div>
+                        <div
+                          class="mx_StyledRadioButton_content"
+                        >
+                          <div
+                            class="tc_TchapRoomTypeSelector_RadioButton_title"
+                          >
+                            Private room open to external users
+                          </div>
+                          <div>
+                            Accessible to all users and to external guests by invitation of an administrator.
+                          </div>
+                        </div>
+                        <div
+                          class="mx_StyledRadioButton_spacer"
+                        />
+                      </label>
+                    </label>
+                    <label
+                      class="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_forum"
+                    >
+                      <label
+                        class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+                      >
+                        <input
+                          name="roomType"
+                          type="radio"
+                          value="forum"
+                        />
+                        <div>
+                          <div />
+                        </div>
+                        <div
+                          class="mx_StyledRadioButton_content"
+                        >
+                          <div
+                            class="tc_TchapRoomTypeSelector_RadioButton_title"
+                          >
+                            Forum room
+                          </div>
+                          <div>
+                            Accessible to all users from the forum directory or from a shared link.
+                          </div>
+                          <div>
+                            <div
+                              class="mx_SettingsFlag"
+                            >
+                              <span
+                                class="mx_SettingsFlag_label"
+                              >
+                                Allow access to this room to all users, even outside "AGENT" domain
+                              </span>
+                              <div
+                                aria-checked="false"
+                                aria-disabled="false"
+                                aria-label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+                                class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
+                                role="switch"
+                                tabindex="0"
+                              >
+                                <div
+                                  class="mx_ToggleSwitch_ball"
+                                />
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div
+                          class="mx_StyledRadioButton_spacer"
+                        />
+                      </label>
+                    </label>
+                  </div>
+                </div>
+              </form>
+              <div
+                class="mx_Dialog_buttons"
+              >
+                <span
+                  class="mx_Dialog_buttons_row"
+                >
+                  <button
+                    data-test-id="dialog-cancel-button"
+                    type="button"
+                  >
+                    Cancel
+                  </button>
+                  <button
+                    class="mx_Dialog_primary"
+                    data-test-id="dialog-primary-button"
+                    type="button"
+                  >
+                    Create Room
+                  </button>
+                </span>
+              </div>
+            </div>
+          }
+          onActivation={[Function]}
+          onDeactivation={[Function]}
+          persistentFocus={false}
+          returnFocus={[Function]}
+          shards={Array []}
+          sideCar={
+            Object {
+              "assignMedium": [Function],
+              "assignSyncMedium": [Function],
+              "options": Object {
+                "async": true,
+                "ssr": false,
+              },
+              "read": [Function],
+              "useMedium": [Function],
+            }
+          }
+        >
+          <FocusWatcher
+            autoFocus={true}
+            crossFrame={true}
+            disabled={false}
+            id={Object {}}
+            observed={
+              <div
+                aria-labelledby="mx_BaseDialog_title"
+                class="tc_TchapCreateRoomDialog mx_Dialog_fixedWidth"
+                data-focus-lock-disabled="false"
+                role="dialog"
+              >
+                <div
+                  class="mx_Dialog_header mx_Dialog_headerWithCancel"
+                >
+                  <h2
+                    class="mx_Heading_h2 mx_Dialog_title"
+                    id="mx_BaseDialog_title"
+                  >
+                    Create a room
+                  </h2>
+                  <div
+                    aria-label="Close dialog"
+                    class="mx_AccessibleButton mx_Dialog_cancelButton"
+                    role="button"
+                    tabindex="0"
+                  />
+                </div>
+                <form>
+                  <div
+                    class="mx_Dialog_content"
+                  >
+                    <div
+                      class="mx_Field mx_Field_input"
+                    >
+                      <input
+                        id="mx_Field_1"
+                        label="Name"
+                        placeholder="Name"
+                        type="text"
+                        value=""
+                      />
+                      <label
+                        for="mx_Field_1"
+                      >
+                        Name
+                      </label>
+                    </div>
+                    <div
+                      class="tc_TchapRoomTypeSelector"
+                    >
+                      <label
+                        class="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_private tc_TchapRoomTypeSelector_RadioButton_selected"
+                      >
+                        <label
+                          class="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+                        >
+                          <input
+                            checked=""
+                            name="roomType"
+                            type="radio"
+                            value="private"
+                          />
+                          <div>
+                            <div />
+                          </div>
+                          <div
+                            class="mx_StyledRadioButton_content"
+                          >
+                            <div
+                              class="tc_TchapRoomTypeSelector_RadioButton_title"
+                            >
+                              Private room
+                            </div>
+                            <div>
+                              Accessible to all users by invitation from an administrator.
+                            </div>
+                          </div>
+                          <div
+                            class="mx_StyledRadioButton_spacer"
+                          />
+                        </label>
+                      </label>
+                      <label
+                        class="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_external"
+                      >
+                        <label
+                          class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+                        >
+                          <input
+                            name="roomType"
+                            type="radio"
+                            value="external"
+                          />
+                          <div>
+                            <div />
+                          </div>
+                          <div
+                            class="mx_StyledRadioButton_content"
+                          >
+                            <div
+                              class="tc_TchapRoomTypeSelector_RadioButton_title"
+                            >
+                              Private room open to external users
+                            </div>
+                            <div>
+                              Accessible to all users and to external guests by invitation of an administrator.
+                            </div>
+                          </div>
+                          <div
+                            class="mx_StyledRadioButton_spacer"
+                          />
+                        </label>
+                      </label>
+                      <label
+                        class="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_forum"
+                      >
+                        <label
+                          class="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+                        >
+                          <input
+                            name="roomType"
+                            type="radio"
+                            value="forum"
+                          />
+                          <div>
+                            <div />
+                          </div>
+                          <div
+                            class="mx_StyledRadioButton_content"
+                          >
+                            <div
+                              class="tc_TchapRoomTypeSelector_RadioButton_title"
+                            >
+                              Forum room
+                            </div>
+                            <div>
+                              Accessible to all users from the forum directory or from a shared link.
+                            </div>
+                            <div>
+                              <div
+                                class="mx_SettingsFlag"
+                              >
+                                <span
+                                  class="mx_SettingsFlag_label"
+                                >
+                                  Allow access to this room to all users, even outside "AGENT" domain
+                                </span>
+                                <div
+                                  aria-checked="false"
+                                  aria-disabled="false"
+                                  aria-label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+                                  class="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
+                                  role="switch"
+                                  tabindex="0"
+                                >
+                                  <div
+                                    class="mx_ToggleSwitch_ball"
+                                  />
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div
+                            class="mx_StyledRadioButton_spacer"
+                          />
+                        </label>
+                      </label>
+                    </div>
+                  </div>
+                </form>
+                <div
+                  class="mx_Dialog_buttons"
+                >
+                  <span
+                    class="mx_Dialog_buttons_row"
+                  >
+                    <button
+                      data-test-id="dialog-cancel-button"
+                      type="button"
+                    >
+                      Cancel
+                    </button>
+                    <button
+                      class="mx_Dialog_primary"
+                      data-test-id="dialog-primary-button"
+                      type="button"
+                    >
+                      Create Room
+                    </button>
+                  </span>
+                </div>
+              </div>
+            }
+            onActivation={[Function]}
+            onDeactivation={[Function]}
+            persistentFocus={false}
+            returnFocus={[Function]}
+            shards={Array []}
+            sideCar={
+              Object {
+                "assignMedium": [Function],
+                "assignSyncMedium": [Function],
+                "options": Object {
+                  "async": true,
+                  "ssr": false,
+                },
+                "read": [Function],
+                "useMedium": [Function],
+              }
+            }
+          />
+        </SideEffect(FocusWatcher)>
+        <div
+          aria-labelledby="mx_BaseDialog_title"
+          className="tc_TchapCreateRoomDialog mx_Dialog_fixedWidth"
+          data-focus-lock-disabled={false}
+          onBlur={[Function]}
+          onFocus={[Function]}
+          onKeyDown={[Function]}
+          role="dialog"
+        >
+          <div
+            className="mx_Dialog_header mx_Dialog_headerWithCancel"
+          >
+            <Heading
+              className="mx_Dialog_title"
+              id="mx_BaseDialog_title"
+              size="h2"
+            >
+              <h2
+                className="mx_Heading_h2 mx_Dialog_title"
+                id="mx_BaseDialog_title"
+              >
+                Create a room
+              </h2>
+            </Heading>
+            <AccessibleButton
+              aria-label="Close dialog"
+              className="mx_Dialog_cancelButton"
+              element="div"
+              onClick={[Function]}
+              role="button"
+              tabIndex={0}
+            >
+              <div
+                aria-label="Close dialog"
+                className="mx_AccessibleButton mx_Dialog_cancelButton"
+                onClick={[Function]}
+                onKeyDown={[Function]}
+                onKeyUp={[Function]}
+                role="button"
+                tabIndex={0}
+              />
+            </AccessibleButton>
+          </div>
+          <form
+            onKeyDown={[Function]}
+            onSubmit={[Function]}
+          >
+            <div
+              className="mx_Dialog_content"
+            >
+              <Field
+                element="input"
+                label="Name"
+                onChange={[Function]}
+                onValidate={[Function]}
+                type="text"
+                validateOnBlur={true}
+                validateOnChange={true}
+                validateOnFocus={true}
+                value=""
+              >
+                <div
+                  className="mx_Field mx_Field_input"
+                >
+                  <input
+                    id="mx_Field_1"
+                    label="Name"
+                    onBlur={[Function]}
+                    onChange={[Function]}
+                    onFocus={[Function]}
+                    placeholder="Name"
+                    type="text"
+                    value=""
+                  />
+                  <label
+                    htmlFor="mx_Field_1"
+                  >
+                    Name
+                  </label>
+                </div>
+              </Field>
+              <TchapRoomTypeSelector
+                isFederated={false}
+                label="Type of room"
+                onChange={[Function]}
+                onFederatedChange={[Function]}
+                shortDomain="AGENT"
+                showFederateSwitch={true}
+                value="private"
+              >
+                <div
+                  className="tc_TchapRoomTypeSelector"
+                >
+                  <label
+                    className="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_private tc_TchapRoomTypeSelector_RadioButton_selected"
+                  >
+                    <StyledRadioButton
+                      checked={true}
+                      childrenInLabel={true}
+                      className=""
+                      name="roomType"
+                      onChange={[Function]}
+                      value="private"
+                    >
+                      <label
+                        className="mx_StyledRadioButton mx_StyledRadioButton_enabled mx_StyledRadioButton_checked"
+                      >
+                        <input
+                          checked={true}
+                          name="roomType"
+                          onChange={[Function]}
+                          type="radio"
+                          value="private"
+                        />
+                        <div>
+                          <div />
+                        </div>
+                        <div
+                          className="mx_StyledRadioButton_content"
+                        >
+                          <div
+                            className="tc_TchapRoomTypeSelector_RadioButton_title"
+                          >
+                            Private room
+                          </div>
+                          <div>
+                            Accessible to all users by invitation from an administrator.
+                          </div>
+                        </div>
+                        <div
+                          className="mx_StyledRadioButton_spacer"
+                        />
+                      </label>
+                    </StyledRadioButton>
+                  </label>
+                  <label
+                    className="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_external"
+                  >
+                    <StyledRadioButton
+                      checked={false}
+                      childrenInLabel={true}
+                      className=""
+                      name="roomType"
+                      onChange={[Function]}
+                      value="external"
+                    >
+                      <label
+                        className="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+                      >
+                        <input
+                          checked={false}
+                          name="roomType"
+                          onChange={[Function]}
+                          type="radio"
+                          value="external"
+                        />
+                        <div>
+                          <div />
+                        </div>
+                        <div
+                          className="mx_StyledRadioButton_content"
+                        >
+                          <div
+                            className="tc_TchapRoomTypeSelector_RadioButton_title"
+                          >
+                            Private room open to external users
+                          </div>
+                          <div>
+                            Accessible to all users and to external guests by invitation of an administrator.
+                          </div>
+                        </div>
+                        <div
+                          className="mx_StyledRadioButton_spacer"
+                        />
+                      </label>
+                    </StyledRadioButton>
+                  </label>
+                  <label
+                    className="tc_TchapRoomTypeSelector_RadioButton tc_TchapRoomTypeSelector_forum"
+                  >
+                    <StyledRadioButton
+                      checked={false}
+                      childrenInLabel={true}
+                      className=""
+                      name="roomType"
+                      onChange={[Function]}
+                      value="forum"
+                    >
+                      <label
+                        className="mx_StyledRadioButton mx_StyledRadioButton_enabled"
+                      >
+                        <input
+                          checked={false}
+                          name="roomType"
+                          onChange={[Function]}
+                          type="radio"
+                          value="forum"
+                        />
+                        <div>
+                          <div />
+                        </div>
+                        <div
+                          className="mx_StyledRadioButton_content"
+                        >
+                          <div
+                            className="tc_TchapRoomTypeSelector_RadioButton_title"
+                          >
+                            Forum room
+                          </div>
+                          <div>
+                            Accessible to all users from the forum directory or from a shared link.
+                          </div>
+                          <div>
+                            <LabelledToggleSwitch
+                              label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+                              onChange={[Function]}
+                              value={false}
+                            >
+                              <div
+                                className="mx_SettingsFlag"
+                              >
+                                <span
+                                  className="mx_SettingsFlag_label"
+                                >
+                                  Allow access to this room to all users, even outside "AGENT" domain
+                                </span>
+                                <_default
+                                  aria-label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+                                  checked={false}
+                                  onChange={[Function]}
+                                >
+                                  <AccessibleButton
+                                    aria-checked={false}
+                                    aria-disabled={false}
+                                    aria-label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+                                    className="mx_ToggleSwitch mx_ToggleSwitch_enabled"
+                                    element="div"
+                                    onClick={[Function]}
+                                    role="switch"
+                                    tabIndex={0}
+                                  >
+                                    <div
+                                      aria-checked={false}
+                                      aria-disabled={false}
+                                      aria-label="Allow access to this room to all users, even outside \\"AGENT\\" domain"
+                                      className="mx_AccessibleButton mx_ToggleSwitch mx_ToggleSwitch_enabled"
+                                      onClick={[Function]}
+                                      onKeyDown={[Function]}
+                                      onKeyUp={[Function]}
+                                      role="switch"
+                                      tabIndex={0}
+                                    >
+                                      <div
+                                        className="mx_ToggleSwitch_ball"
+                                      />
+                                    </div>
+                                  </AccessibleButton>
+                                </_default>
+                              </div>
+                            </LabelledToggleSwitch>
+                          </div>
+                        </div>
+                        <div
+                          className="mx_StyledRadioButton_spacer"
+                        />
+                      </label>
+                    </StyledRadioButton>
+                  </label>
+                </div>
+              </TchapRoomTypeSelector>
+            </div>
+          </form>
+          <DialogButtons
+            disabled={false}
+            hasCancel={true}
+            onCancel={[Function]}
+            onPrimaryButtonClick={[Function]}
+            primaryButton="Create Room"
+          >
+            <div
+              className="mx_Dialog_buttons"
+            >
+              <span
+                className="mx_Dialog_buttons_row"
+              >
+                <button
+                  data-test-id="dialog-cancel-button"
+                  disabled={false}
+                  onClick={[Function]}
+                  type="button"
+                >
+                  Cancel
+                </button>
+                <button
+                  className="mx_Dialog_primary"
+                  data-test-id="dialog-primary-button"
+                  onClick={[Function]}
+                  type="button"
+                >
+                  Create Room
+                </button>
+              </span>
+            </div>
+          </DialogButtons>
+        </div>
+        <div
+          data-focus-guard={true}
+          style={
+            Object {
+              "height": "0px",
+              "left": "1px",
+              "overflow": "hidden",
+              "padding": 0,
+              "position": "fixed",
+              "top": "1px",
+              "width": "1px",
+            }
+          }
+          tabIndex={0}
+        />
+      </ForwardRef(FocusLockUI)>
+    </ForwardRef(FocusLockUICombination)>
+  </BaseDialog>
+</TchapCreateRoomDialog>
+`;

From 97fc0e3ff8032c9fd65f9e170aaf2dabb69366ad Mon Sep 17 00:00:00 2001
From: olivier <odelcroi@gmail.com>
Date: Wed, 20 Jul 2022 12:36:05 +0200
Subject: [PATCH 05/12] add comments

---
 package.json | 13 ++++++++++++-
 yarn.lock    | 12 +++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 765b68cb34..8b8db5f2a8 100644
--- a/package.json
+++ b/package.json
@@ -169,8 +169,19 @@
   "resolutions": {
     "@types/react": "17.0.14"
   },
+  "jest-comments": {
+    "snapshotSerializers" : "used for snapshot",
+    "testEnvironment" :"moved to jsdom like in matrix-react-sdk",
+    "testMatch" :"execute only tests in unit-tests directory",
+    "setupFilesAfterEnv" :"duplicate enzyme configuration in our own setup because it was not taken",
+    "moduleNameMapper" : "use mapper from element-web, helps at mocking {module, ressources} directly with regexp",
+    "transformIgnorePatterns" : "transcompile ts from those module"
+  },
   "jest": {
-    "testEnvironment": "jest-environment-jsdom",
+    "snapshotSerializers": [
+      "enzyme-to-json/serializer"
+    ],
+    "testEnvironment": "jsdom",
     "testMatch": [
       "<rootDir>/test/unit-tests/**/*-test.[tj]s?(x)"
     ],
diff --git a/yarn.lock b/yarn.lock
index 6c8537e690..8d6719a48d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8601,7 +8601,7 @@ mathml-tag-names@^2.1.3:
   resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3"
   integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==
 
-"matrix-analytics-events@github:matrix-org/matrix-analytics-events#a0687ca6fbdb7258543d49b99fb88b9201e900b0":
+"matrix-analytics-events@github:matrix-org/matrix-analytics-events.git#a0687ca6fbdb7258543d49b99fb88b9201e900b0":
   version "0.0.1"
   resolved "https://codeload.github.com/matrix-org/matrix-analytics-events/tar.gz/a0687ca6fbdb7258543d49b99fb88b9201e900b0"
 
@@ -8615,10 +8615,9 @@ matrix-events-sdk@^0.0.1-beta.7:
   resolved "https://registry.yarnpkg.com/matrix-events-sdk/-/matrix-events-sdk-0.0.1-beta.7.tgz#5ffe45eba1f67cc8d7c2377736c728b322524934"
   integrity sha512-9jl4wtWanUFSy2sr2lCjErN/oC8KTAtaeaozJtrgot1JiQcEI4Rda9OLgQ7nLKaqb4Z/QUx/fR3XpDzm5Jy1JA==
 
-matrix-js-sdk@18.1.0:
+matrix-js-sdk@18.1.0, matrix-js-sdk@matrix-org/matrix-js-sdk#v18.1.0:
   version "18.1.0"
-  resolved "https://registry.yarnpkg.com/matrix-js-sdk/-/matrix-js-sdk-18.1.0.tgz#9fa312e71cf153c4a8aac88d908c5ddd52181c6c"
-  integrity sha512-O5D36paIsY7a2M2mOo7KKU7v1Mb3PVkmYKupXYcXd9gB/Ki1K4mds+vSDEhgkKyKwk6MK1AV/vgvp0xJCsttvg==
+  resolved "https://codeload.github.com/matrix-org/matrix-js-sdk/tar.gz/bf30c15d778e54366441ff1eaf8d7cfb5e1f58ef"
   dependencies:
     "@babel/runtime" "^7.12.5"
     another-json "^0.2.0"
@@ -8639,10 +8638,9 @@ matrix-mock-request@^2.0.0:
   dependencies:
     expect "^1.20.2"
 
-matrix-react-sdk@3.46.0:
+matrix-react-sdk@matrix-org/matrix-react-sdk#v3.46.0:
   version "3.46.0"
-  resolved "https://registry.yarnpkg.com/matrix-react-sdk/-/matrix-react-sdk-3.46.0.tgz#de9f8456941818099b9dedc41fc6921135ef1c89"
-  integrity sha512-k6dMCrpMpdcbpBr6MuSfWEcO4+w7ZY0CgW3Zzzo+dO5/Z4v2f7Q/bAN+456IInN4/ntO2Js2wakCCj9EnS6ltQ==
+  resolved "https://codeload.github.com/matrix-org/matrix-react-sdk/tar.gz/cacdb69774594e85f7afdae43e81dbf833f17063"
   dependencies:
     "@babel/runtime" "^7.12.5"
     "@sentry/browser" "^6.11.0"

From 5806c661a81df92ed95d8a51839ddfcba58f4f04 Mon Sep 17 00:00:00 2001
From: olivier <odelcroi@gmail.com>
Date: Wed, 20 Jul 2022 12:46:17 +0200
Subject: [PATCH 06/12] add comments in package.json

---
 package.json | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 8b8db5f2a8..718552fb23 100644
--- a/package.json
+++ b/package.json
@@ -71,6 +71,13 @@
     "sanitize-html": "^2.3.2",
     "ua-parser-js": "^0.7.24"
   },
+  "devDependencies-comments": {
+    "tchap-added" : {
+      "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
+      "enzyme": "^3.11.0",
+      "enzyme-to-json": "^3.6.2"
+    }
+  },
   "devDependencies": {
     "@babel/core": "^7.12.10",
     "@babel/eslint-parser": "^7.12.10",
@@ -170,12 +177,12 @@
     "@types/react": "17.0.14"
   },
   "jest-comments": {
-    "snapshotSerializers" : "used for snapshot",
-    "testEnvironment" :"moved to jsdom like in matrix-react-sdk",
+    "snapshotSerializers" : "used for jest snapshot",
+    "testEnvironment" :"switch to jsdom like in matrix-react-sdk",
     "testMatch" :"execute only tests in unit-tests directory",
-    "setupFilesAfterEnv" :"duplicate enzyme configuration in our own setup because it was not taken",
+    "setupFilesAfterEnv" :"duplicate enzyme configuration in our own setup file '<rootDir>/test/setupTests.js'",
     "moduleNameMapper" : "use mapper from element-web, helps at mocking {module, ressources} directly with regexp",
-    "transformIgnorePatterns" : "transcompile ts from those module"
+    "transformIgnorePatterns" : "make regexp inline {matrix-js-sdk|matrix-react-sdk} else it does not work"
   },
   "jest": {
     "snapshotSerializers": [

From c23538d4f2587df42eac72655c911ffc7f5c14f1 Mon Sep 17 00:00:00 2001
From: olivier <odelcroi@gmail.com>
Date: Wed, 20 Jul 2022 13:18:14 +0200
Subject: [PATCH 07/12] add comments

---
 .../components/views/dialogs/TchapCreateRoomDialog-test.tsx    | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
index 529e3094c1..7fe7acec62 100644
--- a/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
@@ -59,9 +59,12 @@ describe("TchapCreateRoomDialog", () => {
 
     //build a shallow component https://fr.reactjs.org/docs/shallow-renderer.html
     //can be used for simple component
+    //not used in this test
+    /*
     const getShallowComponent = (props={}) => {
         shallow(<TchapCreateRoomDialog {...defaultProps} {...props} />);
     }
+    */
 
     beforeEach(() => {
         jest.resetAllMocks();

From b3bdf5567bca1f4f6b7449e26a52a69f5446815b Mon Sep 17 00:00:00 2001
From: olivier <odelcroi@gmail.com>
Date: Thu, 25 Aug 2022 17:55:00 +0200
Subject: [PATCH 08/12] fix tests

---
 .../dialogs/TchapCreateRoomDialog-test.tsx    |  4 +-
 yarn.lock                                     | 99 +++++--------------
 2 files changed, 28 insertions(+), 75 deletions(-)

diff --git a/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
index 7fe7acec62..895a245bbe 100644
--- a/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
@@ -162,7 +162,7 @@ it('renders create room dialog with shallow', () => {
             guestAccess: false,
             joinRule: "invite",
             encryption: true,
-            historyVisibility: "joined",
+            historyVisibility: "invited",
         };
         
         const wrapper = getComponent({ onFinished});
@@ -266,7 +266,7 @@ it('renders create room dialog with shallow', () => {
             guestAccess: false,
             joinRule: "invite",
             encryption: true,
-            historyVisibility: "joined",
+            historyVisibility: "invited",
         };
         const wrapper = getComponent({ onFinished});
         
diff --git a/yarn.lock b/yarn.lock
index a7d08e1b44..c9a8a70aed 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -399,12 +399,12 @@
     "@babel/traverse" "^7.18.9"
     "@babel/types" "^7.18.9"
 
-"@babel/highlight@^7.16.7":
-  version "7.17.12"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.17.12.tgz#257de56ee5afbd20451ac0a75686b6b404257351"
-  integrity sha512-7yykMVF3hfZY2jsHZEEgLc+3x4o1O+fYyULu11GynEUQNwB6lua+IIQn1FiJxNucd5UlyJryrwsOh8PL9Sn8Qg==
+"@babel/highlight@^7.18.6":
+  version "7.18.6"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.18.6.tgz#81158601e93e2563795adcbfbdf5d64be3f2ecdf"
+  integrity sha512-u7stbOuYjaPezCuLj29hNW1v64M2Md2qupEKP1fHc7WdOA3DgLh37suiSrZYY7haUB7iBeQZ9P1uiRF359do3g==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.16.7"
+    "@babel/helper-validator-identifier" "^7.18.6"
     chalk "^2.0.0"
     js-tokens "^4.0.0"
 
@@ -1463,17 +1463,6 @@
     slash "^3.0.0"
     write-file-atomic "^4.0.1"
 
-"@jest/types@^26.6.2":
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/@jest/types/-/types-26.6.2.tgz#bef5a532030e1d88a2f5a6d933f84e97226ed48e"
-  integrity sha512-fC6QCp7Sc5sX6g8Tvbmj4XUTbyrik0akgRy03yjXbQaBWWNWGE7SGtJk98m0N8nzegD/7SggrUlivxo5ax4KWQ==
-  dependencies:
-    "@types/istanbul-lib-coverage" "^2.0.0"
-    "@types/istanbul-reports" "^3.0.0"
-    "@types/node" "*"
-    "@types/yargs" "^15.0.0"
-    chalk "^4.0.0"
-
 "@jest/types@^28.1.1":
   version "28.1.1"
   resolved "https://registry.yarnpkg.com/@jest/types/-/types-28.1.1.tgz#d059bbc80e6da6eda9f081f293299348bd78ee0b"
@@ -1506,7 +1495,7 @@
     "@jridgewell/set-array" "^1.0.0"
     "@jridgewell/sourcemap-codec" "^1.4.10"
 
-"@jridgewell/gen-mapping@^0.3.0", "@jridgewell/gen-mapping@^0.3.2":
+"@jridgewell/gen-mapping@^0.3.2":
   version "0.3.2"
   resolved "https://registry.yarnpkg.com/@jridgewell/gen-mapping/-/gen-mapping-0.3.2.tgz#c1aedc61e853f2bb9f5dfe6d4442d3b565b253b9"
   integrity sha512-mh65xKQAzI6iBcFzwv28KVWSmCkdRBWoOh+bYQGW3+6OZvbbN3TqMGo5hqYxQniRcH9F2VZIoJCm4pa3BPDK/A==
@@ -1525,11 +1514,24 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.1.tgz#36a6acc93987adcf0ba50c66908bd0b70de8afea"
   integrity sha512-Ct5MqZkLGEXTVmQYbGtx9SVqD2fqwvdubdps5D3djjAkgkKwT918VNOz65pEHFaYTeWcukmJmH5SwsA9Tn2ObQ==
 
+"@jridgewell/set-array@^1.0.1":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@jridgewell/set-array/-/set-array-1.1.2.tgz#7c6cf998d6d20b914c0a55a91ae928ff25965e72"
+  integrity sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==
+
 "@jridgewell/sourcemap-codec@^1.4.10":
   version "1.4.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz#add4c98d341472a289190b424efbdb096991bb24"
   integrity sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==
 
+"@jridgewell/trace-mapping@^0.3.12":
+  version "0.3.15"
+  resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.15.tgz#aba35c48a38d3fd84b37e66c9c0423f9744f9774"
+  integrity sha512-oWZNOULl+UbhsgB51uuZzglikfIKSUBO/M9W2OfEjn7cmqoAiCgmv9lyACTUacZwBz0ITnJ2NqjU8Tx0DHL88g==
+  dependencies:
+    "@jridgewell/resolve-uri" "^3.0.3"
+    "@jridgewell/sourcemap-codec" "^1.4.10"
+
 "@jridgewell/trace-mapping@^0.3.13", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.14"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.14.tgz#b231a081d8f66796e475ad588a1ef473112701ed"
@@ -2292,13 +2294,6 @@
   resolved "https://registry.yarnpkg.com/@types/yargs-parser/-/yargs-parser-21.0.0.tgz#0c60e537fa790f5f9472ed2776c2b71ec117351b"
   integrity sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==
 
-"@types/yargs@^15.0.0":
-  version "15.0.14"
-  resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-15.0.14.tgz#26d821ddb89e70492160b66d10a0eb6df8f6fb06"
-  integrity sha512-yEJzHoxf6SyQGhBhIYGXQDSCkJjB6HohDShto7m8vaKg9Yp0Yn8+71J9eakh2bnPg6BfsH9PRMhiRTZnd4eXGQ==
-  dependencies:
-    "@types/yargs-parser" "*"
-
 "@types/yargs@^17.0.8":
   version "17.0.10"
   resolved "https://registry.yarnpkg.com/@types/yargs/-/yargs-17.0.10.tgz#591522fce85d8739bca7b8bb90d048e4478d186a"
@@ -6353,11 +6348,6 @@ grid-index@^1.1.0:
   resolved "https://registry.yarnpkg.com/grid-index/-/grid-index-1.1.0.tgz#97f8221edec1026c8377b86446a7c71e79522ea7"
   integrity sha512-HZRwumpOGUrHyxO5bqKZL0B0GlUpwtCAzZ42sgxUPniu33R1LSFH5yrIcBCHjkctCAh3mtWKcKd9J4vDDdeVHA==
 
-growly@^1.3.0:
-  version "1.3.0"
-  resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
-  integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
-
 handle-thing@^2.0.0:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
@@ -7062,11 +7052,6 @@ is-directory@^0.3.1:
   resolved "https://registry.yarnpkg.com/is-directory/-/is-directory-0.3.1.tgz#61339b6f2475fc772fd9c9d83f5c8575dc154ae1"
   integrity sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==
 
-is-docker@^2.0.0:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
-
 is-dotfile@^1.0.0:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/is-dotfile/-/is-dotfile-1.0.3.tgz#a6a2f32ffd2dfb04f5ca25ecd0f6b83cf798a1e1"
@@ -7324,13 +7309,6 @@ is-wsl@^1.1.0:
   resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-1.1.0.tgz#1f16e4aa22b04d1336b66188a66af3c600c3a66d"
   integrity sha512-gfygJYZ2gLTDlmbWMI0CE2MwnFzSN/2SZfkMlItC4K/JBlsWVDB0bO6XhqcY13YXE7iMcAJnzTCJjPiTeJJ0Mw==
 
-is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.yarnpkg.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-  dependencies:
-    is-docker "^2.0.0"
-
 isarray@1.0.0, isarray@^1.0.0, isarray@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/isarray/-/isarray-1.0.0.tgz#bb935d48582cba168c06834957a54a3e07124f11"
@@ -7638,14 +7616,6 @@ jest-message-util@^28.1.3:
     slash "^3.0.0"
     stack-utils "^2.0.3"
 
-jest-mock@^26.6.2:
-  version "26.6.2"
-  resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-26.6.2.tgz#d6cb712b041ed47fe0d9b6fc3474bc6543feb302"
-  integrity sha512-YyFjePHHp1LzpzYcmgqkJ0nm0gg/lJx2aZFzFy1S6eUqNjXsOqTK10zNRff2dNfssgokjkG65OlWNcIlgd3zew==
-  dependencies:
-    "@jest/types" "^26.6.2"
-    "@types/node" "*"
-
 jest-mock@^28.1.3:
   version "28.1.3"
   resolved "https://registry.yarnpkg.com/jest-mock/-/jest-mock-28.1.3.tgz#d4e9b1fc838bea595c77ab73672ebf513ab249da"
@@ -8981,18 +8951,6 @@ node-libs-browser@^2.2.1:
     util "^0.11.0"
     vm-browserify "^1.0.1"
 
-node-notifier@^8.0.0:
-  version "8.0.2"
-  resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-8.0.2.tgz#f3167a38ef0d2c8a866a83e318c1ba0efeb702c5"
-  integrity sha512-oJP/9NAdd9+x2Q+rfphB2RJCHjod70RcRLjosiPMMu5gjIfwVnOUGq2nbTjTUbmy0DJ/tFIVT30+Qe3nzl4TJg==
-  dependencies:
-    growly "^1.3.0"
-    is-wsl "^2.2.0"
-    semver "^7.3.2"
-    shellwords "^0.1.1"
-    uuid "^8.3.0"
-    which "^2.0.2"
-
 node-releases@^2.0.5, node-releases@^2.0.6:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.6.tgz#8a7088c63a55e493845683ebf3c828d8c51c5503"
@@ -11392,7 +11350,7 @@ semver@^6.0.0, semver@^6.1.1, semver@^6.1.2, semver@^6.3.0:
   resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d"
   integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==
 
-semver@^7.3.2, semver@^7.3.4, semver@^7.3.5, semver@^7.3.7:
+semver@^7.3.4, semver@^7.3.5, semver@^7.3.7:
   version "7.3.7"
   resolved "https://registry.yarnpkg.com/semver/-/semver-7.3.7.tgz#12c5b649afdbf9049707796e22a4028814ce523f"
   integrity sha512-QlYTucUYOews+WeEujDoEGziz4K6c47V/Bd+LjSSYcA94p+DmINdf7ncaUinThfvZyu13lN9OY1XDxt8C0Tw0g==
@@ -11527,11 +11485,6 @@ shell-quote@^1.6.1:
   resolved "https://registry.yarnpkg.com/shell-quote/-/shell-quote-1.7.3.tgz#aa40edac170445b9a431e17bb62c0b881b9c4123"
   integrity sha512-Vpfqwm4EnqGdlsBFNmHhxhElJYrdfcxPThu+ryKS5J8L/fhAwLazFZtq+S+TWZ9ANj2piSQLGj6NQg+lKPmxrw==
 
-shellwords@^0.1.1:
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/shellwords/-/shellwords-0.1.1.tgz#d6b9181c1a48d397324c84871efbcfc73fc0654b"
-  integrity sha512-vFwSUfQvqybiICwZY5+DAWIPLKsWO31Q91JSKl3UYv+K5c2QRPzn0qzec6QPu1Qc9eHYItiP3NdJqNVqetYAww==
-
 side-channel@^1.0.4:
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/side-channel/-/side-channel-1.0.4.tgz#efce5c8fdc104ee751b25c58d4290011fa5ea2cf"
@@ -12833,7 +12786,7 @@ uuid@^3.3.2:
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
   integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
 
-uuid@^8.3.0, uuid@^8.3.2:
+uuid@^8.3.2:
   version "8.3.2"
   resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
   integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==
@@ -12843,14 +12796,14 @@ v8-compile-cache@^2.0.3, v8-compile-cache@^2.1.1, v8-compile-cache@^2.3.0:
   resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee"
   integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==
 
-v8-to-istanbul@^7.0.0:
-  version "7.1.2"
-  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-7.1.2.tgz#30898d1a7fa0c84d225a2c1434fb958f290883c1"
-  integrity sha512-TxNb7YEUwkLXCQYeudi6lgQ/SZrzNO4kMdlqVxaZPUIUjCv6iSSypUQX70kNBSERpQ8fk48+d61FXk+tgqcWow==
+v8-to-istanbul@^9.0.1:
+  version "9.0.1"
+  resolved "https://registry.yarnpkg.com/v8-to-istanbul/-/v8-to-istanbul-9.0.1.tgz#b6f994b0b5d4ef255e17a0d17dc444a9f5132fa4"
+  integrity sha512-74Y4LqY74kLE6IFyIjPtkSTWzUZmj8tdHT9Ii/26dvQ6K9Dl2NbEfj0XgU2sHCtKgt5VupqhlO/5aWuqS+IY1w==
   dependencies:
+    "@jridgewell/trace-mapping" "^0.3.12"
     "@types/istanbul-lib-coverage" "^2.0.1"
     convert-source-map "^1.6.0"
-    source-map "^0.7.3"
 
 validate-npm-package-license@^3.0.1:
   version "3.0.4"

From 1f4dd43faa15448386c47229276cd5a7568c057d Mon Sep 17 00:00:00 2001
From: Estelle Comment <estelle.comment@gmail.com>
Date: Mon, 29 Aug 2022 15:10:46 +0200
Subject: [PATCH 09/12] Add readme comment

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 123ffd87a4..1a0dd965c6 100644
--- a/package.json
+++ b/package.json
@@ -183,6 +183,7 @@
     "@types/react": "17.0.14"
   },
   "jest-comments": {
+    "README" : "For the tests to work, you need matrix-react-sdk to be git-cloned and yarn linked into this project.",
     "snapshotSerializers" : "used for jest snapshot",
     "testEnvironment" :"switch to jsdom like in matrix-react-sdk",
     "testMatch" :"execute only tests in unit-tests directory",

From f95c5cb4f2e3a1f853da05ef7dbd1fa3a5b1a75b Mon Sep 17 00:00:00 2001
From: Estelle Comment <estelle.comment@gmail.com>
Date: Mon, 29 Aug 2022 16:51:38 +0200
Subject: [PATCH 10/12] Cleanup of comments

---
 .../dialogs/TchapCreateRoomDialog-test.tsx    | 82 ++++++++-----------
 .../TchapCreateRoomDialog-test.tsx.snap       |  2 +-
 test/unit-tests/lib/createTchapRoom-test.ts   |  3 +-
 3 files changed, 36 insertions(+), 51 deletions(-)

diff --git a/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
index 895a245bbe..a9053b4cde 100644
--- a/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
+++ b/test/unit-tests/components/views/dialogs/TchapCreateRoomDialog-test.tsx
@@ -2,7 +2,6 @@
 import React from 'react';
 import { mount, ReactWrapper,shallow } from 'enzyme';
 import { act } from 'react-dom/test-utils';
-import renderer from 'react-test-renderer';
 import toJson from 'enzyme-to-json'
 
 //jest.mock('matrix-react-sdk/src/languageHandler')
@@ -13,6 +12,7 @@ import { EventEmitter } from "events";
 import { _t } from 'matrix-react-sdk/src/languageHandler';
 
 import TchapUtils from '../../../../../src/util/TchapUtils';
+
 //mocking module with jest.mock should be done outside the test. Before any import of the mocked module.
 //I could not make a mock of TchapCreateRoomDialog, the real implementation was taken each time. Then I used jest spyOn
 
@@ -35,8 +35,8 @@ import TchapCreateRoomDialog from "../../../../../src/components/views/dialogs/T
 describe("TchapCreateRoomDialog", () => {
     let mockClient;
     const roomName = "roomName";
-    
-    //default props for the component, will be overriden 
+
+    // default props for the component, will be overriden
     const defaultProps = {
         defaultPublic: undefined, // unused for Tchap version
         defaultName: undefined, // unused for Tchap version
@@ -52,15 +52,15 @@ describe("TchapCreateRoomDialog", () => {
         })
         await new Promise(process.nextTick);
     }
-    
-    //build a new component using enzyme
-    const getComponent = (props ={}): ReactWrapper =>
+
+    // build a new component using enzyme
+    const getComponent = (props = {}): ReactWrapper =>
             mount(<TchapCreateRoomDialog {...defaultProps} {...props} />);
 
-    //build a shallow component https://fr.reactjs.org/docs/shallow-renderer.html
-    //can be used for simple component
-    //not used in this test
     /*
+    // Note : you can also build a shallow component https://fr.reactjs.org/docs/shallow-renderer.html
+    // can be used for simple component
+    // not used in this test
     const getShallowComponent = (props={}) => {
         shallow(<TchapCreateRoomDialog {...defaultProps} {...props} />);
     }
@@ -68,43 +68,27 @@ describe("TchapCreateRoomDialog", () => {
 
     beforeEach(() => {
         jest.resetAllMocks();
-        
+
         //mock matrix client
         mockClient = new MockClient();
         jest.spyOn(MatrixClientPeg, 'get').mockReturnValue(mockClient);
-        
+
         //mock tchap utils
         jest.spyOn(TchapUtils, 'getShortDomain').mockReturnValue("AGENT");
         jest.spyOn(TchapUtils, 'getRoomFederationOptions').mockReturnValue({ showRoomFederationOption: true, roomFederationDefault: false });
-
-
     });
 
-/*     
-doesn not work because 
-
- TypeError: Cannot read property 'focus' of null
-
-      65 |     componentDidMount() {
-      66 |         // move focus to first field when showing dialog
-    > 67 |         this.nameField.current.focus();
-
-it('renders create room dialog with shallow', () => {
-        const component = getShallowComponent();
-        //expect(component).toMatchSnapshot();
-        expect(toJson(component)).toMatchSnapshot();
-    }); */
-
     it('should render the whole component', () => {
         const component = getComponent();
-        expect(toJson(component)).toMatchSnapshot("all the component"); //the whole component snapshot is not usefull, or is it?
+        // If this breaks too often, it may not be useful, we will remove it. Leaving for now.
+        expect(toJson(component)).toMatchSnapshot("all the component");
     });
 
-    it('should render the whole component with with the button allow access', () => {
+    it('should render the whole component with with the allow access switch', () => {
         jest.spyOn(TchapUtils, 'getRoomFederationOptions').mockReturnValue({ showRoomFederationOption: true, roomFederationDefault: false });
         const component = getComponent();
-        const allowAccessSwitch = component.find(".mx_SettingsFlag"); //selector : https://enzymejs.github.io/enzyme/docs/api/selector.html
-        expect(toJson(allowAccessSwitch)).toMatchSnapshot("button allow access to other domain than AGENT");
+        const allowAccessSwitch = component.find(".mx_SettingsFlag");
+        expect(toJson(allowAccessSwitch)).toMatchSnapshot("allow access switch is present, allows other domain than AGENT");
     });
 
     it('should render the room dialog without the allow access switch', () => {
@@ -117,7 +101,7 @@ it('renders create room dialog with shallow', () => {
     it("Should not create any room wihout a name", async () => {
         const onFinished = jest.fn();
         const wrapper = getComponent({ onFinished});
-       // set state in component
+        // set state in component
         act(() => {
             wrapper.setState({
                 name: "",
@@ -148,7 +132,7 @@ it('renders create room dialog with shallow', () => {
 
     it("Should create a private room", async () => {
         const onFinished = jest.fn();
-        
+
         const privateRoomExpectedOpts = {
             createOpts: {
                 name: roomName,
@@ -164,10 +148,10 @@ it('renders create room dialog with shallow', () => {
             encryption: true,
             historyVisibility: "invited",
         };
-        
+
         const wrapper = getComponent({ onFinished});
-        
-       // set state in component
+
+        // set state in component
         act(() => {
             wrapper.setState({
                 name: roomName,
@@ -184,7 +168,7 @@ it('renders create room dialog with shallow', () => {
 
     it("Should create a public room without federation", async () => {
         const onFinished = jest.fn();
-        
+
         const publicRoomWithoutFederationExpectedOpts = {
             createOpts: {
                 name: roomName,
@@ -201,12 +185,12 @@ it('renders create room dialog with shallow', () => {
             historyVisibility: "shared",
         };
         const wrapper = getComponent({ onFinished});
-        
-       // set state in component
+
+        // set state in component
         act(() => {
             wrapper.setState({
                 name: roomName,
-                tchapRoomType: TchapRoomType.Forum, 
+                tchapRoomType: TchapRoomType.Forum,
                 isFederated:false
             });
         });
@@ -218,7 +202,7 @@ it('renders create room dialog with shallow', () => {
 
     it("Should create a public room with federation", async () => {
         const onFinished = jest.fn();
-        
+
         const publicRoomWithFederationExpectedOpts = {
             createOpts: {
                 name: roomName,
@@ -235,16 +219,16 @@ it('renders create room dialog with shallow', () => {
             historyVisibility: "shared",
         };
         const wrapper = getComponent({ onFinished});
-        
-       // set state in component
+
+        // set state in component
         act(() => {
             wrapper.setState({
                 name: roomName,
-                tchapRoomType: TchapRoomType.Forum, 
+                tchapRoomType: TchapRoomType.Forum,
                 isFederated:true
             });
         });
-        
+
         await submitForm(wrapper);
 
         expect(onFinished).toHaveBeenCalledWith(true, publicRoomWithFederationExpectedOpts);
@@ -252,7 +236,7 @@ it('renders create room dialog with shallow', () => {
 
     it("Should create an external room", async () => {
         const onFinished = jest.fn();
-        
+
         const externalRoomExpectedOpts = {
             createOpts: {
                 name: roomName,
@@ -269,7 +253,7 @@ it('renders create room dialog with shallow', () => {
             historyVisibility: "invited",
         };
         const wrapper = getComponent({ onFinished});
-        
+
         // set state in component
         act(() => {
             wrapper.setState({
@@ -278,7 +262,7 @@ it('renders create room dialog with shallow', () => {
                 isFederated:true
             });
         });
-        
+
         await submitForm(wrapper);
 
         expect(onFinished).toHaveBeenCalledWith(true, externalRoomExpectedOpts);
diff --git a/test/unit-tests/components/views/dialogs/__snapshots__/TchapCreateRoomDialog-test.tsx.snap b/test/unit-tests/components/views/dialogs/__snapshots__/TchapCreateRoomDialog-test.tsx.snap
index 6b578078eb..89fd7cd841 100644
--- a/test/unit-tests/components/views/dialogs/__snapshots__/TchapCreateRoomDialog-test.tsx.snap
+++ b/test/unit-tests/components/views/dialogs/__snapshots__/TchapCreateRoomDialog-test.tsx.snap
@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`TchapCreateRoomDialog should render the whole component with with the button allow access: button allow access to other domain than AGENT 1`] = `
+exports[`TchapCreateRoomDialog should render the whole component with with the allow access switch: allow access switch is present, allows other domain than AGENT 1`] = `
 <div
   className="mx_SettingsFlag"
 >
diff --git a/test/unit-tests/lib/createTchapRoom-test.ts b/test/unit-tests/lib/createTchapRoom-test.ts
index 830a616f52..bdd19f14cc 100644
--- a/test/unit-tests/lib/createTchapRoom-test.ts
+++ b/test/unit-tests/lib/createTchapRoom-test.ts
@@ -3,7 +3,8 @@ import TchapCreateRoom from '../../../src/lib/createTchapRoom';
 
 
 
-//DEPRECATED, integrated into TchapCreateRoomDialog-test
+// todo(estellecomment) : these tests are redundant with TchapCreateRoomDialog-test. Either remove them or modify TchapCreateRoomDialog
+// to not edit state directly.
 describe("Create room options", () => {
 
     beforeEach(() => {

From fd52c212d619715d0e6b09475533959a4baf5519 Mon Sep 17 00:00:00 2001
From: Estelle Comment <estelle.comment@gmail.com>
Date: Mon, 29 Aug 2022 16:56:19 +0200
Subject: [PATCH 11/12] Typo in yarn.lock

---
 yarn.lock | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/yarn.lock b/yarn.lock
index 128793475c..e7162cf433 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5510,7 +5510,7 @@ exit@^0.1.2:
 
 expand-brackets@^0.1.4:
   version "0.1.5"
-  resolved "https://regis,try.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
+  resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
   integrity sha512-hxx03P2dJxss6ceIeri9cmYOT4SRs3Zk3afZwWpOsRqLqprhTR8u++SlC+sFGsQr7WGFPdMF7Gjc1njDLDK6UA==
   dependencies:
     is-posix-bracket "^0.1.0"

From 2519605ed3cb6add041a71249c1dcaf6300a2635 Mon Sep 17 00:00:00 2001
From: Estelle Comment <estelle.comment@gmail.com>
Date: Mon, 29 Aug 2022 16:58:51 +0200
Subject: [PATCH 12/12] Lint createTchapRoom.ts

---
 src/lib/createTchapRoom.ts | 79 +++++++++++++++++++-------------------
 1 file changed, 39 insertions(+), 40 deletions(-)

diff --git a/src/lib/createTchapRoom.ts b/src/lib/createTchapRoom.ts
index 1098f82aef..13d3098861 100644
--- a/src/lib/createTchapRoom.ts
+++ b/src/lib/createTchapRoom.ts
@@ -18,53 +18,52 @@ export const DEFAULT_FEDERATE_VALUE = true;
  * @returns rooms options
  */
 export default class TchapCreateRoom {
-
     static roomCreateOptions(
-        name: string, 
-        tchapRoomType: TchapRoomType, 
+        name: string,
+        tchapRoomType: TchapRoomType,
         federate: boolean = DEFAULT_FEDERATE_VALUE): IOpts {
-    const opts: IOpts = {};
-    const createRoomOpts: ITchapCreateRoomOpts = {};
-    opts.createOpts = createRoomOpts;
+        const opts: IOpts = {};
+        const createRoomOpts: ITchapCreateRoomOpts = {};
+        opts.createOpts = createRoomOpts;
 
-    //tchap common options
-    createRoomOpts.name = name;
-    opts.guestAccess = false; //guest access are not authorized in tchap
+        //tchap common options
+        createRoomOpts.name = name;
+        opts.guestAccess = false; //guest access are not authorized in tchap
 
-    createRoomOpts.creation_content = { 'm.federate': federate };
+        createRoomOpts.creation_content = { 'm.federate': federate };
 
-    switch (tchapRoomType) {
-        case TchapRoomType.Forum: {
+        switch (tchapRoomType) {
+            case TchapRoomType.Forum: {
             //"Forum" only for tchap members and not encrypted
-            createRoomOpts.accessRule = TchapRoomAccessRule.Restricted;
-            createRoomOpts.visibility = Visibility.Public;
-            createRoomOpts.preset = Preset.PublicChat;
-            opts.joinRule = JoinRule.Public;
-            opts.encryption = false;
-            opts.historyVisibility = HistoryVisibility.Shared;
-            break;
-        }
-        case TchapRoomType.Private: {
+                createRoomOpts.accessRule = TchapRoomAccessRule.Restricted;
+                createRoomOpts.visibility = Visibility.Public;
+                createRoomOpts.preset = Preset.PublicChat;
+                opts.joinRule = JoinRule.Public;
+                opts.encryption = false;
+                opts.historyVisibility = HistoryVisibility.Shared;
+                break;
+            }
+            case TchapRoomType.Private: {
             //"Salon", only for tchap member and encrypted
-            createRoomOpts.accessRule = TchapRoomAccessRule.Restricted;
-            createRoomOpts.visibility = Visibility.Private;
-            createRoomOpts.preset = Preset.PrivateChat;
-            opts.joinRule = JoinRule.Invite;
-            opts.encryption = true;
-            opts.historyVisibility = HistoryVisibility.Invited;
-            break;
-        }
-        case TchapRoomType.External: {
+                createRoomOpts.accessRule = TchapRoomAccessRule.Restricted;
+                createRoomOpts.visibility = Visibility.Private;
+                createRoomOpts.preset = Preset.PrivateChat;
+                opts.joinRule = JoinRule.Invite;
+                opts.encryption = true;
+                opts.historyVisibility = HistoryVisibility.Invited;
+                break;
+            }
+            case TchapRoomType.External: {
             //open to external and encrypted,
-            createRoomOpts.accessRule = TchapRoomAccessRule.Unrestricted;
-            createRoomOpts.visibility = Visibility.Private;
-            createRoomOpts.preset = Preset.PrivateChat;
-            opts.joinRule = JoinRule.Invite;
-            opts.encryption = true;
-            opts.historyVisibility = HistoryVisibility.Invited;
-            break;
+                createRoomOpts.accessRule = TchapRoomAccessRule.Unrestricted;
+                createRoomOpts.visibility = Visibility.Private;
+                createRoomOpts.preset = Preset.PrivateChat;
+                opts.joinRule = JoinRule.Invite;
+                opts.encryption = true;
+                opts.historyVisibility = HistoryVisibility.Invited;
+                break;
+            }
         }
+        return opts;
     }
-    return opts;
-    }
-}
\ No newline at end of file
+}