[next] Auth Popup v2 (#2101)

* feat: Implement new Sign In view

* feat: Move forgot + resetPassword to new design

* feat: Implement sign up with new design

* fix: narrow gutter

* test: add unit tests

* test: integration tests

* feat: support show / hide password

* feat: support oauth2 flow

* feat: add views for user completion

* feat: implement oauth2 sign up

* test: fix snapshots

* fix: lint

* fix: get more complete mutation response

* fix: removed array of OIDC integrations

* fix: renamed resolver function

* fix: adapt oidc client implementation

* fix: targetFilter should be stream on signup

* fix: removed unneeded message

* fix: moved password into local profile

* fix: made username optional, removed valid null value

* fix: linting

* fix: respect targetFilter

* feat: support user registration mutations

- Added `setUsername`
- Added `setEmail`
- Added `setPassword`
- Added `permit` to `@auth`
- Added `email` to `User`

* fix: fixed issue with query

* feat: added user password update

* feat: complete sign in mutation

* fix: adapt some rebasing gitches

* test: improve tests

* test: unittest for setting auth token

* fix: failing tests

* test: move most tests from enzyme to react-test-renderer

* fix: remove schema warnings in tests

* test: improve window mock

* test: test different social login configurations

* test: test social logins for sign up

* fix: use htmlFor instead of for

* test: more feature tests

* feat: always go through account completion

* test: feature test account completion

* feat: addtional account completion test

* Update start.ts

* chore: refactor auth token retrieval logic
This commit is contained in:
Kiwi
2018-12-20 22:32:04 +01:00
committed by GitHub
parent 326a10dc5d
commit 065cb4b03a
331 changed files with 12476 additions and 7163 deletions
@@ -3,7 +3,7 @@
exports[`navigation bar renders navigation bar (empty queues) 1`] = `
<div
className="SubBar-root"
data-test="moderate-subBar-container"
data-testid="moderate-subBar-container"
>
<div
className="Flex-root SubBar-container Flex-flex Flex-justifyCenter Flex-alignCenter"
@@ -33,7 +33,7 @@ exports[`navigation bar renders navigation bar (empty queues) 1`] = `
</span>
<span
className="Counter-root Counter-colorInherit"
data-test="moderate-navigation-reported-count"
data-testid="moderate-navigation-reported-count"
>
<span
className="Counter-text"
@@ -62,7 +62,7 @@ exports[`navigation bar renders navigation bar (empty queues) 1`] = `
</span>
<span
className="Counter-root Counter-colorInherit"
data-test="moderate-navigation-pending-count"
data-testid="moderate-navigation-pending-count"
>
<span
className="Counter-text"
@@ -91,7 +91,7 @@ exports[`navigation bar renders navigation bar (empty queues) 1`] = `
</span>
<span
className="Counter-root Counter-colorInherit"
data-test="moderate-navigation-unmoderated-count"
data-testid="moderate-navigation-unmoderated-count"
>
<span
className="Counter-text"
@@ -129,7 +129,7 @@ exports[`navigation bar renders navigation bar (empty queues) 1`] = `
exports[`rejected queue accepts comment in rejected queue: count should be 1 1`] = `
<span
className="Counter-root Counter-colorInherit"
data-test="moderate-navigation-reported-count"
data-testid="moderate-navigation-reported-count"
>
<span
className="Counter-text"
@@ -142,7 +142,7 @@ exports[`rejected queue accepts comment in rejected queue: count should be 1 1`]
exports[`rejected queue accepts comment in rejected queue: dangling 1`] = `
<div
className="Card-root ModerateCard-root ModerateCard-dangling"
data-test="moderate-comment-comment-0"
data-testid="moderate-comment-comment-0"
>
<div
className="Flex-root Flex-flex"
@@ -285,7 +285,7 @@ exports[`rejected queue accepts comment in rejected queue: dangling 1`] = `
exports[`rejected queue renders rejected queue with comments 1`] = `
<div
className="MainLayout-root"
data-test="moderate-main-container"
data-testid="moderate-main-container"
>
<main
className="Moderate-main"
@@ -295,7 +295,7 @@ exports[`rejected queue renders rejected queue with comments 1`] = `
>
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-0"
data-testid="moderate-comment-comment-0"
>
<div
className="Flex-root Flex-flex"
@@ -435,7 +435,7 @@ exports[`rejected queue renders rejected queue with comments 1`] = `
</div>
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-1"
data-testid="moderate-comment-comment-1"
>
<div
className="Flex-root Flex-flex"
@@ -582,7 +582,7 @@ exports[`rejected queue renders rejected queue with comments 1`] = `
exports[`rejected queue renders rejected queue with comments and load more 1`] = `
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-2"
data-testid="moderate-comment-comment-2"
>
<div
className="Flex-root Flex-flex"
@@ -738,7 +738,7 @@ exports[`rejected queue renders rejected queue with comments and load more 1`] =
exports[`reported queue accepts comment in reported queue: count should be 1 1`] = `
<span
className="Counter-root Counter-colorInherit"
data-test="moderate-navigation-reported-count"
data-testid="moderate-navigation-reported-count"
>
<span
className="Counter-text"
@@ -751,7 +751,7 @@ exports[`reported queue accepts comment in reported queue: count should be 1 1`]
exports[`reported queue accepts comment in reported queue: dangling 1`] = `
<div
className="Card-root ModerateCard-root ModerateCard-dangling"
data-test="moderate-comment-comment-0"
data-testid="moderate-comment-comment-0"
>
<div
className="Flex-root Flex-flex"
@@ -894,7 +894,7 @@ exports[`reported queue accepts comment in reported queue: dangling 1`] = `
exports[`reported queue rejects comment in reported queue: count should be 1 1`] = `
<span
className="Counter-root Counter-colorInherit"
data-test="moderate-navigation-reported-count"
data-testid="moderate-navigation-reported-count"
>
<span
className="Counter-text"
@@ -907,7 +907,7 @@ exports[`reported queue rejects comment in reported queue: count should be 1 1`]
exports[`reported queue rejects comment in reported queue: dangling 1`] = `
<div
className="Card-root ModerateCard-root ModerateCard-dangling"
data-test="moderate-comment-comment-0"
data-testid="moderate-comment-comment-0"
>
<div
className="Flex-root Flex-flex"
@@ -1050,7 +1050,7 @@ exports[`reported queue rejects comment in reported queue: dangling 1`] = `
exports[`reported queue renders empty reported queue 1`] = `
<div
className="MainLayout-root"
data-test="moderate-main-container"
data-testid="moderate-main-container"
>
<main
className="Moderate-main"
@@ -1065,7 +1065,7 @@ exports[`reported queue renders empty reported queue 1`] = `
exports[`reported queue renders reported queue with comments 1`] = `
<div
className="MainLayout-root"
data-test="moderate-main-container"
data-testid="moderate-main-container"
>
<main
className="Moderate-main"
@@ -1075,7 +1075,7 @@ exports[`reported queue renders reported queue with comments 1`] = `
>
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-0"
data-testid="moderate-comment-comment-0"
>
<div
className="Flex-root Flex-flex"
@@ -1215,7 +1215,7 @@ exports[`reported queue renders reported queue with comments 1`] = `
</div>
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-1"
data-testid="moderate-comment-comment-1"
>
<div
className="Flex-root Flex-flex"
@@ -1361,7 +1361,7 @@ exports[`reported queue renders reported queue with comments 1`] = `
exports[`reported queue renders reported queue with comments and load more 1`] = `
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-2"
data-testid="moderate-comment-comment-2"
>
<div
className="Flex-root Flex-flex"
@@ -1522,7 +1522,7 @@ exports[`reported queue renders reported queue with comments and load more 1`] =
exports[`single comment view accepts single comment 1`] = `
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-0"
data-testid="moderate-comment-comment-0"
>
<div
className="Flex-root Flex-flex"
@@ -1665,7 +1665,7 @@ exports[`single comment view accepts single comment 1`] = `
exports[`single comment view rejects single comment 1`] = `
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-0"
data-testid="moderate-comment-comment-0"
>
<div
className="Flex-root Flex-flex"
@@ -1807,7 +1807,7 @@ exports[`single comment view rejects single comment 1`] = `
exports[`single comment view renders single comment view 1`] = `
<div
data-test="single-moderate-container"
data-testid="single-moderate-container"
>
<div
className="SubBar-root SingleModerate-subBar SubBar-gutterBegin SubBar-gutterEnd"
@@ -1843,7 +1843,7 @@ exports[`single comment view renders single comment view 1`] = `
>
<div
className="Card-root ModerateCard-root"
data-test="moderate-comment-comment-0"
data-testid="moderate-comment-comment-0"
>
<div
className="Flex-root Flex-flex"
@@ -181,7 +181,7 @@ describe("reported queue", () => {
expect(comments.length).toBe(previousCount + 1);
// Verify last one added was our new one
expect(comments[comments.length - 1].props["data-test"]).toBe(
expect(comments[comments.length - 1].props["data-testid"]).toBe(
`moderate-comment-${reportedComments[2].id}`
);
@@ -453,7 +453,7 @@ describe("rejected queue", () => {
expect(comments.length).toBe(previousCount + 1);
// Verify last one added was our new one
expect(comments[comments.length - 1].props["data-test"]).toBe(
expect(comments[comments.length - 1].props["data-testid"]).toBe(
`moderate-comment-${rejectedComments[2].id}`
);