[CORL-159, CORL-160] Stream Config Tab (#2219)

* feat: Implement stream configuration tab

* feat: split profile & configure into separate bundles

* chore: better role logic

* fix+chore: add test cases, implement expectAndFail, refactor tests

* chore: add some comments

* chore: Update src/core/client/framework/lib/form/helpers.tsx

Co-Authored-By: cvle <vinh@wikiwi.io>

* feat: support new graphql mutations/schema

* fix: ci fixes

* fix: improvement to revision loading

* fix: updated some tests

* fix: adapt client to changes

* fix: remove obsolote isClosed in UpdateStory

* ci: increase no_output_timeout for build

src/core/client/admin/test/auth/__snapshots__/addEmailAddress.spec.tsx.snap

@@ -90,83 +90,6 @@ exports[`accepts valid email 1`] = `
 </form>
 `;
 
-exports[`accepts valid email confirmation 1`] = `
-<form
-  autoComplete="off"
-  onSubmit={[Function]}
->
-  <div
-    className="HorizontalGutter-root HorizontalGutter-oneAndAHalf"
-  >
-    <p
-      className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
-    >
-      For your added security, we require users to add an email address to their accounts.
-    </p>
-    <div
-      className="HorizontalGutter-root FormField-root HorizontalGutter-half"
-    >
-      <label
-        className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
-        htmlFor="email"
-      >
-        Email Address
-      </label>
-      <div
-        className="TextField-root TextField-fullWidth"
-      >
-        <input
-          className="TextField-input TextField-colorRegular"
-          disabled={true}
-          id="email"
-          name="email"
-          onChange={[Function]}
-          placeholder="Email Address"
-          type="text"
-          value="hans@test.com"
-        />
-      </div>
-    </div>
-    <div
-      className="HorizontalGutter-root FormField-root HorizontalGutter-half"
-    >
-      <label
-        className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
-        htmlFor="confirmEmail"
-      >
-        Confirm Email Address
-      </label>
-      <div
-        className="TextField-root TextField-fullWidth"
-      >
-        <input
-          className="TextField-input TextField-colorRegular"
-          disabled={true}
-          id="confirmEmail"
-          name="confirmEmail"
-          onChange={[Function]}
-          placeholder="Confirm Email Address"
-          type="text"
-          value="hans@test.com"
-        />
-      </div>
-    </div>
-    <button
-      className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth Button-disabled"
-      disabled={true}
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseOut={[Function]}
-      onMouseOver={[Function]}
-      onTouchEnd={[Function]}
-      type="submit"
-    >
-      Add Email Address
-    </button>
-  </div>
-</form>
-`;
-
 exports[`checks for invalid email 1`] = `
 <form
   autoComplete="off"

src/core/client/admin/test/auth/__snapshots__/createUsername.spec.tsx.snap

@@ -1,63 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`accepts valid username 1`] = `
-<form
-  autoComplete="off"
-  onSubmit={[Function]}
->
-  <div
-    className="HorizontalGutter-root HorizontalGutter-oneAndAHalf"
-  >
-    <p
-      className="Typography-root Typography-bodyCopy Typography-colorTextPrimary"
-    >
-      Your username is an identifier that will appear on all of your comments.
-    </p>
-    <div
-      className="HorizontalGutter-root FormField-root HorizontalGutter-half"
-    >
-      <label
-        className="Typography-root Typography-inputLabel Typography-colorTextPrimary InputLabel-root"
-        htmlFor="username"
-      >
-        Username
-      </label>
-      <p
-        className="Typography-root Typography-detail Typography-colorTextSecondary"
-      >
-        You may use “_” and “.” Spaces not permitted.
-      </p>
-      <div
-        className="TextField-root TextField-fullWidth"
-      >
-        <input
-          className="TextField-input TextField-colorRegular"
-          disabled={true}
-          id="username"
-          name="username"
-          onChange={[Function]}
-          placeholder="Username"
-          type="text"
-          value="hans"
-        />
-      </div>
-    </div>
-    <button
-      className="BaseButton-root Button-root Button-sizeLarge Button-colorPrimary Button-variantFilled Button-fullWidth Button-disabled"
-      disabled={true}
-      onBlur={[Function]}
-      onFocus={[Function]}
-      onMouseOut={[Function]}
-      onMouseOver={[Function]}
-      onTouchEnd={[Function]}
-      type="submit"
-    >
-      Create Username
-    </button>
-  </div>
-</form>
-`;
-
 exports[`checks for invalid username 1`] = `
 <form
   autoComplete="off"

src/core/client/admin/test/auth/addEmailAddress.spec.tsx

@@ -92,20 +92,6 @@ it("accepts valid email", async () => {
   expect(toJSON(form)).toMatchSnapshot();
 });
 
-it("accepts valid email confirmation", async () => {
-  const {
-    form,
-    emailAddressField,
-    confirmEmailAddressField,
-  } = await createTestRenderer();
-  emailAddressField.props.onChange({ target: { value: "hans@test.com" } });
-  confirmEmailAddressField.props.onChange({
-    target: { value: "hans@test.com" },
-  });
-  form.props.onSubmit();
-  expect(toJSON(form)).toMatchSnapshot();
-});
-
 it("shows server error", async () => {
   const email = "hans@test.com";
   const setEmail = sinon.stub().callsFake((_: any, data: any) => {
@@ -145,7 +131,7 @@ it("shows server error", async () => {
 it("successfully sets email", async () => {
   const email = "hans@test.com";
   const setEmail = sinon.stub().callsFake((_: any, data: any) => {
-    expect(data.input).toEqual({
+    expectAndFail(data.input).toEqual({
       email,
       clientMutationId: data.input.clientMutationId,
     });

src/core/client/admin/test/auth/createPassword.spec.tsx

@@ -105,7 +105,7 @@ it("shows server error", async () => {
 it("successfully sets password", async () => {
   const password = "secretpassword";
   const setPassword = sinon.stub().callsFake((_: any, data: any) => {
-    expect(data.input).toEqual({
+    expectAndFail(data.input).toEqual({
       password,
       clientMutationId: data.input.clientMutationId,
     });

src/core/client/admin/test/auth/createUsername.spec.tsx

@@ -73,13 +73,6 @@ it("checks for invalid username", async () => {
   expect(toJSON(form)).toMatchSnapshot();
 });
 
-it("accepts valid username", async () => {
-  const { form, usernameField } = await createTestRenderer();
-  usernameField.props.onChange({ target: { value: "hans" } });
-  form.props.onSubmit();
-  expect(toJSON(form)).toMatchSnapshot();
-});
-
 it("shows server error", async () => {
   const username = "hans";
   const setUsername = sinon.stub().callsFake((_: any, data: any) => {
@@ -111,7 +104,7 @@ it("shows server error", async () => {
 it("successfully sets username", async () => {
   const username = "hans";
   const setUsername = sinon.stub().callsFake((_: any, data: any) => {
-    expect(data.input).toEqual({
+    expectAndFail(data.input).toEqual({
       username,
       clientMutationId: data.input.clientMutationId,
     });