This is a plan to automate the manual 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-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.
This is a plan to automate the manual QA flow.
QA step β test mapping
For a more user-friendly view, please see this google sheet.
π’
π΅
π£
π
π‘
βͺοΈ
src/ActionExtension.js)blocks/star_rating.liquid)Test breakdown
app-deploy.spec.tsapp-dev-basic.spec.tsgβ GraphiQLquery { shop { name } }β result βexecuteβ q β disconnected β clean β hidden β deployapp-ext-basic.spec.tsapp-ext-admin-action.spec.tssrc/ActionExtension.jsβ hot reload β q/cleanapp-ext-theme-app.spec.tsblocks/star_rating.liquidβ hot reload β q/cleanapp-ext-function.spec.tsHydrogen QA is tracked separately in #7376.