# ログイン画面のReact化
- ブランチ
    - support/reactify-login-page-stock

# 確認項目
## フォームなど挙動
- 新規ユーザー登録フォーム
    - すでに存在するusername をusernameフォームに入力するとエラーメッセージが表示される
    - emailがinvlid, パスワードが6文字以下など入力に不備がある状態で作成ボタンをおすとエラーメッセージのtooltipが出る
- ログイン新規登録切り替え
    - 切り替え可能条件かで、「新規登録(ログイン) はこちら」ボタンで表示の切り替えができる
- 外部認証アカウントのcollapse
    - id/pass,ldap 以外の外部認証機構が有効になっている場合external authボタンが表示され、押すと展開される
        - id/pass, ldap が無効な場合強制的に展開される
## ログイン機構, 新規登録関連
- ID/pass
    - 有効の場合、ログイン画面にusername or Email と password のフォームが表示される
        - 既存のアカウントでログインでき、しかるべきページリダイレクトが行われる
        - 該当するアカウントがない場合、ログイン失敗の旨のエラーメッセージが表示される
        - ID/pass の登録の制限が以下の時
            - 公開
                - ログイン画面で新規登録フォームに切り替えることができる
            - 制限
                - ログイン画面で新規登録フォームに切り替えることができ、新規登録フォームには承認が必要であるというメッセージが表示される
            - 非公開
                - 新規登録画面に切り替えることはできない
        - ID/pass のメールアドレスホワイトリスト
            - 登録制限が公開or制限でアドレスを指定している場合、新規登録フォームにそのリストが表示される
    - 無効の場合
        - 新規登録画面に切り替えることはできない
        - ldapが有効であればフォームは表示されるがローカルにあってもLDAPにないアカウントでは認証は失敗し、ログイン失敗のメッセージと local strategy が未セットアップのメッセージが出る
            - ![Screen Shot 2020-05-13 at 13.45.12.png](/attachment/5ebb7b6d01bcca0048f3ba9c)
        - ldap が無効の時はusername, password フォームは表示されない
- id/pass, basic 以外
    - 有効な場合
        - ldapの場合ログイン画面のUsername or Email 入力フォームにLDAPが表示される
       ![Screen Shot 2020-05-1~~~~~~~~3 at 13.33.00.png](/attachment/5ebb789801bcca0048f3ba99)
        - その他の場合 ecternal auth にその認証機構のログインボタンが表示される
    - かつセットアップされてる場合
        - かつ接続できる場合はログインできる
        - 接続できなかった場合は以下のようなエラーページに飛ぶ
            - ![Screen Shot 2020-05-13 at 14.08.21.png](/attachment/5ebb80eb01bcca0048f3baa0)
    - かつセットアップされてない場合
        - ログインボタンを押すとその旨のメッセージが表示される(ldapの場合はボタン押さなくても表示される)
            - ![Screen Shot 2020-05-13 at 14.10.03.png](/attachment/5ebb814b01bcca0048f3baa1)
    - 同username のアカウントを自動置き換えするの設定が
        - 有効な時は、同名ローカルアカウントがある外部アカウントでログインできアカウントが統合される
        - 無効な時は、同名ローカルアカウントがある外部アカウントでのログインは失敗しその旨のメッセージが出る
            - ![Screen Shot 2020-05-13 at 13.45.57.png](/attachment/5ebb7c0901bcca0048f3ba9d)

## ユーザーの状態
- 招待されたユーザーで初回ログインする
    - ユーザー情報入力画面(`/login/invited/`)に遷移、メールアドレスはデフォルトで入っている
- suspended userでログインする
    - 以下のようなログインエラーが表示される
        - ![Screen Shot 2020-05-13 at 15.20.56.png](/attachment/5ebb922f01bcca0048f3baa5)
- ~~承認待ちのユーザーでログインする~~ セキュリティ設定のID/pass の登録の制限が「制限」の場合にユーザーの新規登録を完了する
    - 以下のようなメッセージが表示される
        - ![Screen Shot 2020-05-13 at 15.25.00.png](/attachment/5ebb972001bcca0048f3baac)


---

## Page Navigation

- Canonical URL: https://dev.growi.org/開発日記/ログイン画面のReact化の動作確認
- Permalink: https://dev.growi.org/5eaa9168bee8030048256e44
- Parent: [開発日記](/5cfa266ab3aeb7003eefc6ca.md)
- Children: 0 total
- Total descendants: 0
- Siblings: 49 of 58 total (9 more not shown; see the page list API below for the full listing)
  - [ 半角英数字や記号が一定数使われている文面をコピペしようとすると貼ることができない問題調査まとめ](/642251c0e653a16ac93a20e8.md)
  - [#998 カラー修正](/5d0b203bc37d14003ee54e02.md)
  - [Bulk Export](/652642ebd10a2d606278a0ce.md)
  - [CSS Variables 化とテーマプラグイン化で変わったこと](/63c969d5a27caf68eb6028f4.md)
  - [Componentの責務](/5e208d98ab221600492ee901.md)
  - [ConfigManager のタイプチェック](/6790e6327ae1d64019d48f36.md)
  - [Enhanced Access Token と 部分的管理者権限の進捗](/67e26dca87d8507933ff0717.md)
  - [Frontmatter を使用したスライド表示](/64e5647fc5a8e43a6dcd61c7.md)
  - [GROWI で使用できる Markdwn の構文について](/67160fed359210c58fe3ad6b.md)
  - [GW-4885 画像を大量に添付した場合のメモリを計測する](/5fffebb2f1464d004850a4f9.md)
  - [Installer画面にアクセスするためのコメントアウト](/5e6b0b18b4782f00481624c4.md)
  - [Next化に伴う、staticSWRの扱いについて](/6361038968e91266d4bf91a6.md)
  - [Next化に伴うスケルトンの実装について](/62eb26bffea29673c64b96dc.md)
  - [PID 1 問題の修正](/61029bf3c9ca5100517c16d3.md)
  - [SearchPage の遷移について](/6479e9f6086e3c27ea5ab938.md)
  - [Trashページ PageList](/5f7eb2480135a7004988e956.md)
  - [USER_PUBLIC_FIELDSを使っている場所の洗い出し](/604ff8f15ea133004833501d.md)
  - [User Management(ryuichi-e, akira-s, kaori-t)](/5e590edc49a26300487b67a5.md)
  - [[External Group]Keycloak sync の動作確認方法](/652f48992846ed55c70cec6e.md)
  - [[GC-5921]SES と S3 バケットの設定値の分離](/5f3fa9c89182290049297ff6.md)
  - [add-tag-label](/5f999e309d9ead0049f0ab7b.md)
  - [api rate lmitの調整](/62c529c4246cf8007dc3bf61.md)
  - [bootstrap4化](/5e14092061c1a10048c26e7f.md)
  - [grantがnullのときに青枠が表示される #944](/5cdced197600b9003f8f1b08.md)
  - [growi本体のi18n対応](/62a71cddb1519362cc2761cc.md)
  - [hackmdの機構をpackages配下に移動](/63463b7ce126be013af78b59.md)
  - [locize 対応について](/65014d0ea3498dcb94e90800.md)
  - [peerDependencies](/623c134e396c70e3174d7f95.md)
  - [phpMyAdmin を GAE(flexible) で立てる](/60f55fbfb9b25c00515b5939.md)
  - [remark化メモ](/5f883d716897f900485b6a5a.md)
  - [tag昨日のバグ確認](/5cd3e7ac091bdc00486b2f53.md)
  - [v7 Sidebar Create Page](/652deb0f8978c8bdb9d87f26.md)
  - [ある特定のモーダル上でラジオボタンが動かない](/5fc7462b79cb6e00493cc7f8.md)
  - [コメントの再編集](/5d22f013e5fe0d0048537ac0.md)
  - [タグ一覧の動作確認](/5cd4f831a9c533004829928d.md)
  - [チェックボックス](/62a71cddb1519362cc2761ca.md)
  - [テスト用keycloak&saml構築](/5e4cfa39a2bdcf0048d69eb9.md)
  - [テーブルエディターの視認性が低下する](/5e1d5b74aa8d320048fe3d05.md)
  - [デザインルール](/5f2d05acf18a1e004888ea71.md)
  - [ファイルアップロードの apiv3 化と SWR について](/65095a9ec610d9b92cfd85a3.md)
  - [ページネーションの上限値の仕様変更](/5f7429e8cf5add004959ed78.md)
  - [ページリスト洗い出し](/5f64878ad2483d00480ed118.md)
  - [ページ削除機能の動作確認](/5ecaf7ffe917da0048ebd166.md)
  - [ページ機能の動作確認](/5ecb6057e917da0048ebd1a0.md)
  - [マイグレーションで重複登録によるエラーの解消法](/5e9900f40da6800048dbd4ea.md)
  - [モーダルないのautoFocus](/5fdb136b984b4b00482c5748.md)
  - [モーダルないのautoFocus(react-bootstrap-typeahead)](/5fdb135c984b4b00482c5744.md)
  - [ユーザー画像キャッシュの改善に伴うプラグインの修正の動作確認](/5f169621ec75070048deecce.md)
  - [リンク編集モーダル動作確認](/5f06c3c7cc16010049b88978.md)
- Last updated: 2020-05-19T12:42:48.413Z by yuki
- Full page listing (all children regardless of count): https://dev.growi.org/_api/v3/page-listing/children?id=5eaa9168bee8030048256e44