Test Case Assessment / Review

Assess existing resources and tests implemented during RWA build. Compile a list of test cases and concepts to be covered in the RWA for MVP.

Review cypress-example-recipes for valid test cases
Review cypress-example-kitchensink for test cases
List test cases outside of current examples
List additional test cases (Kevin / Amir)
Normalize lists into master test list (Kevin / Amir)
Note where test cases are achieved in existing RWA tests

Review / Refactor

cypress-example-recipes

Compelling test cases. Determine if accomplished in RWA tests or should be.

cypress-example-kitchensink (Techniques / Concepts)

Covered in some form in RWA tests

Additional Test Cases / Concepts

Lists
- Infinite Scroll
Navigation (Drawer) (hide / show)
Redirects (Location)
Multiple User Interactions (Auth -> User A -> Interaction -> Auth -> User B -> Assertion)
Seeding from routes

Implemented in RWA

User API

Data Model

id | string
uuid | string
first_name | string
last_name | string
username | string (unique, url-friendly and santized)
password | string (bcrypt encrypted text)
email | string (unique, email-format)
phone_number | string (unique, phone-format)
balance | positive-number
avatar | string (url-fromat)
default_privacy_level | string enumerated: "public" | "private" | "contacts" (default)
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

HTTP API

Enable renovate bot

Please enable renovate bot for this repo

Align Cypress specs with User Flows

Cleanup: Refactors to Frontend

Various refactors to frontend to:

Accept/Reject Payment Requests

Transaction Detail page add the ability to

Accept Request
Reject Request

??? Transaction Item, if sender

Cancel Request
Tests

Filter Transactions by date range

Objective

A user can filter transactions within the main feed by a specified date range via a date range picker UI.

Spec

The date picker UI should adhere to material design date picker pattern:

More details about the date picker design standard here.

The user will be provided with two date input pickers:
- Start Date field
- End Date Field

Cleanup and migrate rwa-react setup into pay-app repo

Get current rwa-react loose ends finalized and copy project as initial commit into pay-app.

Passport Local Auth installation
Port backend to TypeScript
Remove TailwindCSS

Transaction API

Data Model

id | string
uuid | string
source | BankAccount
amount | number
description | string
privacy_level | enumerated string: "public" | "private" | "contacts" (default User.default_privacy_level)
receiver_id | User
sender_id | User
balance_at_completion | number
status | enumrated string: "pending" | "incomplete" | "complete"
request (object)
- status | enumrated string: "pending" | "accepted" | "rejected"
- resolved_at | timestamp (ISO 8601)
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

HTTP API

Site Chrome

Components

Test Seed Endpoints

Add test data endpoints /testData/:entity to serve entity portion of data from database.test.json

Transfer Balance

Select Bank Account
Instant Transaction with Fee
No Fee Transaction
Tests

Transaction Detail Page

Transaction Like

Like Transaction functionality

Create Like for Transaction
Display Likes for Transaction
Add to Transaction List Item
Tests

Pagination / Infinite scroll for Transactions Lists

Implement pagination via infinite scroll for Transaction Lists for testing scenarios

Forgot password functionality

Implement forgot password functionality

Discussion: LowDB and concurrency

We selected lowdb because of it's easy to install footprint and base of json-server.

The configuration for running Jest tests has been adjusted to run them synchronously (via --runInBand) due to failures when the unit test are run concurrently.

To date, the Cypress API tests have not had an issue.

Our primary goals for a database are:

Ensure that we are able to execute real world test case scenarios with zero installation dependencies
Retrieve record immediately after save

Given this information, we may need to look to one of the following solutions (or others) to ensure tests can be run asynchronously.

Use async/await with the existing lowdb Sync Adapter
Investigate/use lowdb's Async Adapter (https://github.com/typicode/lowdb/blob/master/src/adapters/FileAsync.js)
Investigate how json-server handles the situation

Frontend UI

Evaluate/Implement expanded query params for /transactions

From #3:

The following query params are outside the scope of vanilla lowdb.

Determine if they have value enough to warrant additional implementation time for custom comparators built with lodash, date-fns, etc.

dateRangeStart #129
dateRangeEnd #129
amountMin
amountMax

Empty UI States

After onboarding user lists do not have items; add "Empty State" UI instructing user to create their first:

Transaction List (instruct user to create first transaction by call to action)
Bank Account (instruct user to create first bank account by call to action)
Notification List (instruct user that notifications will appear in this area)

Searchable Users List

Components

Like API

Data Model

id | string
uuid | string
user_id | User
transaction_id | Transaction
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

Dev Checklist

Create Model
Unit tests
Helper methods
Generate fake data

HTTP API

Transaction Lists

Backend

Need Sender and Receiver names in transaction payload item

Test/Dev Data

Demo Requests

Components

Use react-number-format on Create Transaction form for to improve look

Demo:
https://material-ui.com/components/text-fields/#integration-with-3rd-party-input-libraries

README / Developer Onboarding

Craft README with instructions / details for onboarding developers.

Cleanup: Refactor /users and /auth routes content into database methods

Minor cleanup to move the contents of routes into database methods:

/users
/auth

Bank Account API

Data Model

id | string
uuid | string
user_id | string
bank_name | string
account_number | string
routing_number | string
is_deleted | boolean
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

HTTP API

GET /bank_accounts (scoped-user)
- Tested
GET /bank_accounts/:bank_account_id (scoped-user)
- Tested
POST /bank_accounts (scoped-user)
- Tested
DELETE (soft) /bank_accounts (scoped-user)
- Tested
- if you have a pending transaction that depends on this bank account then account cannot be soft-deleted.

Authentication

Components

Login
Signup
- Form
- Actions/Reducer/Logic

Routes

/checkAuth

State

User State (Redux)
Logout (Actions/Reducer/Logic)

Notifications

Components

Additional Ideas:

Notifications Short List (Top Navigation)

Bank Transfer API

Data Model

id | string
uuid | string
source | BankAccount
user_id | User.id - added for ease of lookup for scoped user queries
amount | number
type | enumerated string: "deposit" | "withdrawal"
transaction_id | Transaction
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

Data

Generate Fake Data

HTTP API

GET /bank_transfers (scoped-user)

Notifications API

PaymentNotification

Dev Checklist

Create Model
Unit tests
Helper methods
Generate fake data

Data Model

id | string
uuid | string
user_id | User.id - added for ease of lookup for scoped user queries
status | enumerated string: "requested" | "received" | "incomplete"
transaction_id | Transaction
is_read | boolean (default: false)
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

LikeNotification

Dev Checklist

Create Model
Unit tests
Helper methods
Generate fake data

Data Model

id | string
uuid | string
user_id | User.id - added for ease of lookup for scoped user queries
like_id | Like
transaction_id | Transaction
is_read | boolean (default: false)
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

CommentNotification

Dev Checklist

Create Model
Unit tests
Helper methods
Generate fake data

Data Model

id | string
uuid | string
user_id | User.id - added for ease of lookup for scoped user queries
comment_id | Comment
transaction_id | Transaction
is_read | boolean (default: false)
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

HTTP API for all Notification data

GET /notifications (scoped-user)

POST /notifications/bulk (scoped-user)

Validated
Tested

Body

[{
  type: "payment" | "like" | "comment"
  id: payment_notification_id | like_notification_id | comment_notification_id
}]

PATCH /notifications/:notification_id

Create Transaction

Create Transaction functionality

Create Transaction
- Add Recipients
  - Pay
  - Request

Contact API

Data Model

id | string
uuid | string
user_id | User.id
contact_user_id | User.id
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

HTTP API

Comment API

Data Model

id | number
uuid | string
content | string
user_id | User
transaction_id | Transaction
created_at | timestamp (ISO 8601)
modified_at | timestamp (ISO 8601)

HTTP API

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Repository problems

These problems occurred while renovating this repository. View logs.

WARN: Found renovate config warnings
WARN: Use matchDepNames instead of matchPackageNames

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to get an update now.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

chore(deps): update dependency @faker-js/faker to version 6.3.1 🌟 (@faker-js/faker, concurrently, dotenv, fuse.js, jwks-rsa, start-server-and-test)
fix(deps): update dependency @okta/jwt-verifier to version 3.2.0 🌟 (@okta/jwt-verifier, @okta/okta-auth-js, @okta/okta-react)
fix(deps): update dependency aws-amplify to version 6.3.1 🌟
fix(deps): update dependency webpack to version 5.91.0 🌟

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

Ignored or Blocked

These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.

chore(deps): update dependency passport to version 0.6.0 🌟
fix(deps): update dependency @material-ui/core to version 🌟 (@material-ui/core, @material-ui/icons)
fix(deps): update dependency react-number-format to version 5.x 🌟

Detected dependencies

circleci

.circleci/config.yml

cypress 3.3.1

github-actions

.github/workflows/add_issue_to_triage_board.yml

.github/workflows/main.yml

actions/checkout v4

cypress-io/github-action v6

actions/upload-artifact v4

actions/checkout v4

actions/download-artifact v4

cypress-io/github-action v6

actions/checkout v4

actions/download-artifact v4

cypress-io/github-action v6

actions/checkout v4

actions/download-artifact v4

cypress-io/github-action v6

actions/checkout v4

actions/download-artifact v4

cypress-io/github-action v6

.github/workflows/merge-develop-into-flake-demo.yml

actions/checkout v4

actions/github-script v7

.github/workflows/triage_new_comment_workflow.yml

nodenv

.node-version

node 20.12.0

npm

package.json

@auth0/auth0-react 2.2.4

@babel/core 7.23.9

@babel/plugin-syntax-flow ^7.14.5

@babel/plugin-transform-react-jsx ^7.14.9

@graphql-tools/graphql-file-loader 7.5.17

@graphql-tools/load 7.8.14

@material-ui/core 4.12.4

@material-ui/icons 4.11.3

@material-ui/lab 4.0.0-alpha.61

@matheusluizn/react-google-login ^5.1.6

@okta/jwt-verifier ^3.0.1

@okta/okta-auth-js ^7.3.0

@okta/okta-react ^6.7.0

@types/detect-port ^1.3.2

@xstate/react 3.2.2

aws-amplify ^6.0.16

axios 0.28.0

clsx 1.2.1

date-fns 2.30.0

detect-port ^1.5.1

dinero.js 1.9.1

formik 2.4.5

history 4.10.1

postinstall-postinstall ^2.1.0

react 18.2.0

react-dom 18.2.0

react-infinite-calendar 2.3.1

react-number-format 4.9.4

react-router 5.3.4

react-router-dom 5.3.4

react-virtualized 9.22.5

shortid 2.2.16

uuid 8.3.2

webpack 5

xstate 4.38.3

yup 0.32.11

@babel/plugin-proposal-private-property-in-object 7.21.11

@cypress/code-coverage ^3.10.0-dev.1

@cypress/instrument-cra 1.4.0

@cypress/vite-dev-server ^5.0.7

@faker-js/faker 6.1.2

@percy/cli ^1.27.4

@percy/cypress 3.1.2

@testing-library/jest-dom ^5.16.5

@testing-library/react ^14.0.0

@types/bcryptjs 2.4.2

@types/bluebird 3.5.36

@types/connect-flash 0.0.37

@types/connect-history-api-fallback 1.3.5

@types/cors 2.8.12

@types/dinero.js 1.9.0

@types/express 4.17.21

@types/express-paginate 1.0.4

@types/express-serve-static-core 4.17.2

@types/express-session 1.18.0

@types/http-proxy-middleware 0.19.3

@types/json-server 0.14.4

@types/jsonwebtoken 8.5.8

@types/jwt-decode 2.2.1

@types/lodash 4.14.181

@types/lowdb 1.0.11

@types/morgan 1.9.3

@types/node ^20.11.25

@types/passport 1.0.16

@types/react ^18.2.14

@types/react-dom ^18.2.6

@types/react-infinite-calendar 2.3.6

@types/react-router 5.1.18

@types/react-router-dom 5.3.3

@types/react-virtualized 9.21.21

@types/shortid 0.0.29

@types/uuid 8.3.4

@types/validator 13.7.2

@types/webpack-env 1.16.4

@types/yup 0.29.13

@vitejs/plugin-react ^4.0.2

bcryptjs 2.4.3

concurrently 7.1.0

connect-history-api-fallback 1.6.0

cors 2.8.5

cross-env 7.0.3

cypress ^13.7.1

dotenv 16.0.0

eslint ^8.44.0

eslint-config-prettier 8.10.0

eslint-config-react-app ^7.0.1

eslint-plugin-cypress 2.15.1

eslint-plugin-prettier ^5.0.0

express 4.19.2

express-graphql 0.12.0

express-jwt 6.1.2

express-paginate 1.0.2

express-session 1.18.0

express-validator 6.15.0

fuse.js 6.5.3

graphql 16.8.1

graphql-tools 8.2.7

http-proxy-middleware 0.19.1

husky 7.0.4

istanbul-lib-coverage 3.2.2

jsdom ^22.1.0

json 11.0.0

jwks-rsa 2.0.5

lowdb 1.0.0

morgan 1.10.0

ncp 2.0.0

nodemon 2.0.22

npm ^9.8.0

nyc 15.1.0

passport 0.5.0

passport-local 1.0.0

patch-package ^7.0.0

prettier ^3.0.0

start-server-and-test 1.14.0

ts-node 10.9.2

typescript 4.9.5

vite ^4.4.2

vite-plugin-eslint ^1.8.1

vite-plugin-istanbul ^4.1.0

vitest ^0.33.0

node ^18.0.0 || >=20.0.0

yarn 1.22.19

nvm

.nvmrc

node 20.12.0

Check this box to trigger a request for Renovate to run again on this repository

Signup Flow / User Onboarding

Define and implement new user onboarding flow

Implement full-text/fuzzy search for /users/search

Use https://fusejs.io/ to implement fuzzy search across username, first name, last name.

From #1

User Settings

Components

NPM Scripts Experience

Spec

Backend API

Full backend HTTP API:

Transaction Comment

Transaction Comment functionality

Create Comment form for Transaction
Tests

Update Dependencies (Renovate Bot)

This master issue contains a list of Renovate updates and their statuses.

Awaiting Schedule

These updates are awaiting their schedule. Click on a checkbox to ignore the schedule.

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

fix(deps): Update dependency @babel/cli to version 7.8.3 🌟 (@babel/cli, @babel/plugin-transform-typescript, @babel/preset-env)
fix(deps): Update dependency @hapi/joi to version 17.1.0 🌟
fix(deps): Update dependency @material-ui/core to version 4.9.0 🌟
fix(deps): Update dependency @types/faker to version 4.1.9 🌟
fix(deps): Update dependency @types/hapi__joi to version 16.0.7 🌟
fix(deps): Update dependency libphonenumber-js to version 1.7.31 🌟
Check this option to rebase all the above open PRs at once

Advanced

Check this box to trigger a request for Renovate to run again on this repository

// simulate delay response
app.use((req, res, next) => {
  setTimeout(() => next(), 2000);
});

This middleware snippet can be added per route:

(req, res, next) => setTimeout(() => next(), 5000),

For instance:

//GET /transactions/public - auth-required
router.get(
  "/public",
  (req, res, next) => setTimeout(() => next(), 5000),
  ensureAuthenticated,
  validateMiddleware(isTransactionPublicQSValidator),
  (req, res) => {
    let transactions = !isEmpty(req.query)
      ? getPublicTransactionsByQuery(req.user?.id!, req.query)
      : getPublicTransactionsDefaultSort(req.user?.id!);

    res.status(200);
    res.json({ transactions });
  }
);

Public User Profile

Components

Routing /user/:userId
User Public Profile Details
User Public Transactions Feed (visible to viewer)
Tests

Update UI to be Responsive

Update UI to be Responsive and add Viewport testing scenarios.

Make side nav minimized

Sort /users based on contacts and transactions

From #1

GET /users
- Validate params
- Tested
- Query Params:
  - Validate params
  - order
    - default: scoped user contacts first, then all other users
    - "top_first": contacts with most transactions first

Cleanup: Migrate from snake_case to camelCase

Update all snake_case variables to camelCase

Initial spec was for snake_case API params, etc.

Per conversation with @amirrustam we'd like to move to camelCase.

Bank Accounts UI

New Bank Account Button
Create Bank Account Form
Bank Accounts List
Delete Bank Account

cypress-io / cypress-realworld-app Goto Github PK

cypress-realworld-app's Issues

Review / Refactor

cypress-example-recipes

cypress-example-kitchensink (Techniques / Concepts)

Additional Test Cases / Concepts

Implemented in RWA

Objective

Spec

PaymentNotification

LikeNotification

CommentNotification

Repository problems

Awaiting Schedule

Edited/Blocked

Open

Ignored or Blocked

Detected dependencies

Spec

Awaiting Schedule

Open

Recommend Projects

Recommend Topics

Recommend Org