aws-amplify / aws-amplify/amplify-hosting

Amplify app created with CloudFormation doesn't detect Framework

Open
#1,669 5 comments 2 reactions 0 assignees View on GitHub
feature-request
Dominant language
Dockerfile
Stars
481
Forks
123
PR merge metrics
No merged PRs in 30d

Description

**Describe the bug**
We have an Amplify app built with Vue.js and cypress tests, set up in a standard way using vue-cli. We have noticed that although we followed the steps and `amplify.yml` for Cypress from https://docs.aws.amazon.com/amplify/latest/userguide/running-tests.html we have never seen the Test phase in our app overview and the output in the Test tab has always been a plain text log.

Our Amplify app is created and managed using CloudFormation, but recently after having some issues with Cypress tests in the build, one of our devs tried creating an Amplify app from the same repo by clicking through the Amplify AWS console UI. In the click-opsed Amplify app, the Test phase appears and the nice Cypress UI.

The main difference we noticed is under App Settings -> Gemeral -> App details, the Framework in the click-ops'd app says "Vue - Cypress" where the CloudFormation app is empty.

**To Reproduce**
Steps to reproduce the behavior:
1. Create a basic Vue.js app with Cypress using vue-cli
2. Follow the steps to add amplify.yml in https://docs.aws.amazon.com/amplify/latest/userguide/running-tests.html
3. Create and deploy an Amplify app connected to the repo using CloudFormation
4. See the missing Test phase and no Framework detected

**Expected behavior**
I would expect the Framework to be detected whether I create the Amplify app using CloudFormation, amplify-cli or the AWS Console.


**Additional context**
The click-ops'd Amplify app id: damb55yfg0epj
CloudFormation Amplify app id: d2q1dmijh1v0iu

Contributor guide

Open the contributing guide

Research direction

Start by comparing the CloudFormation-created and console-created Amplify app settings, especially the Framework value, and review the referenced amplify.yml Cypress configuration. Reproduce the deployment with the Vue.js app and Cypress tests; done means the CloudFormation-created app detects the framework and shows the Test phase with the Cypress UI.

Written by the indexing model from the issue text.

Assessment

Tech stack
aws, cypress, javascript
Domain
ci-cd, cloud, testing
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.