Skip to content

E2E-QA Coverageย #7368

@phyllis-sy-wu

Description

@phyllis-sy-wu

This is a plan to automate the manual QA flow. Completing all the sub-issues here would fully automate the QA flow.

QA step โ†’ test mapping

For a more user-friendly view, please see this google sheet.

QA Step for Apps A
๐ŸŸข
B
๐Ÿ”ต
C
๐ŸŸฃ
D
๐ŸŸ 
E
๐ŸŸก
F
โšช๏ธ
Create app ๐ŸŸข ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
Add different extensions ๐ŸŸฃ
ใ€€ใ€€Generate admin_action extension ๐ŸŸ 
ใ€€ใ€€Generate theme_app_extension ๐ŸŸก
ใ€€ใ€€Generate discount extension โšช๏ธ
ใ€€ใ€€Generate flow_action extension ๐ŸŸฃ
ใ€€ใ€€Generate 3 other random extensions ๐ŸŸฃ
Dev Console ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
ใ€€ใ€€Dev server starts ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
ใ€€ใ€€Open the shop and see the dev console ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
ใ€€ใ€€ใ€€ใ€€App shows as connected (green connected icon) ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
Admin action ๐ŸŸ 
ใ€€ใ€€Confirm/define products ๐ŸŸ 
ใ€€ใ€€Open link on the admin-action extension โž” Navigate to product admin page and open the action modal ๐ŸŸ 
ใ€€ใ€€Hot reload admin action file (src/ActionExtension.js) ๐ŸŸ 
Add another random extension, see in Dev Console ๐ŸŸฃ
ใ€€ใ€€Verify the newly added extension shows in Dev Console ๐ŸŸฃ
GraphQL ๐Ÿ”ต
ใ€€ใ€€Open GraphiQL ๐Ÿ”ต
ใ€€ใ€€Test GraphQL query in GraphiQL ๐Ÿ”ต
ใ€€ใ€€GraphQL via app execute ๐Ÿ”ต
Theme app extension ๐ŸŸก
ใ€€ใ€€Click "Setup theme app extension" link ๐ŸŸก
ใ€€ใ€€Add section, choose app and Save ๐ŸŸก
ใ€€ใ€€Open theme app extension local preview ๐ŸŸก
ใ€€ใ€€Hot reload liquid file (blocks/star_rating.liquid) ๐ŸŸก
Press q to stop dev ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
ใ€€ใ€€Dev Console: shows disconnected ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
shopify app dev clean ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
ใ€€ใ€€Dev preview hidden ๐Ÿ”ต ๐ŸŸฃ ๐ŸŸ  ๐ŸŸก โšช๏ธ
Test function extension โšช๏ธ
ใ€€ใ€€Move to the function directory โšช๏ธ
ใ€€ใ€€Function extension: build โšช๏ธ
ใ€€ใ€€Function extension: run with test input โšช๏ธ
Return to root of the app ๐ŸŸข ๐Ÿ”ต โšช๏ธ
Deploy app ๐ŸŸข ๐Ÿ”ต
List versions ๐ŸŸข
Config link (new app) ๐ŸŸข
Deploy to new app ๐ŸŸข

Test breakdown

Test Sub-issue File Scope Status
A #7369 Extend app-deploy.spec.ts init โ†’ deploy โ†’ versions list โ†’ config link (new app) โ†’ deploy to new app Unblocked
B #7370 Extend app-dev-server.spec.ts
Rename to app-dev-basic.spec.ts
init โ†’ dev โ†’ Dev Console green โ†’ g โ†’ GraphiQL query { shop { name } } โ†’ result โ†’ execute โ†’ q โ†’ disconnected โ†’ clean โ†’ hidden โ†’ deploy Unblocked
C #7371 New app-ext-basic.spec.ts init โ†’ generate 4 (flow_action + 3 from SAFE_FOR_C_EXTRAS) โ†’ dev โ†’ Console lists all 4 โ†’ generate 5th mid-dev via CLI โ†’ Console updates โ†’ q/clean Blocked on 401
D #7373 New app-ext-admin-action.spec.ts init โ†’ generate admin_action โ†’ dev โ†’ Console โ†’ product action modal โ†’ edit src/ActionExtension.js โ†’ hot reload โ†’ q/clean Blocked on 401
E #7374 New app-ext-theme-app.spec.ts init โ†’ generate theme_app_extension โ†’ dev โ†’ setup theme link โ†’ add section + save โ†’ preview โ†’ edit blocks/star_rating.liquid โ†’ hot reload โ†’ q/clean Blocked on 401
F #7375 New app-ext-function.spec.ts init โ†’ generate discount โ†’ function build โ†’ function run with test input โ†’ return to root Blocked on 401

Hydrogen QA is tracked separately in #7376.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions