Trying to load and bootstrap Angular component dynamically inside Cypress
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
cypress chore: have at least 2 tests Aug 6, 2018
e2e initial Jan 20, 2018
images add readme Jan 20, 2018
src initial Jan 20, 2018
.angular-cli.json initial Jan 20, 2018
.editorconfig initial Jan 20, 2018
.gitignore add Travis CI and semantic release Jul 23, 2018
.travis.yml disable release for now Jul 23, 2018 add Travis badge Jul 23, 2018
cypress.json no errors, but no content is visible Jan 20, 2018
karma.conf.js initial Jan 20, 2018
package.json Merge pull request #2 from geocine/inline-template-styles Jul 23, 2018
protractor.conf.js initial Jan 20, 2018
tsconfig.json initial Jan 20, 2018
tslint.json initial Jan 20, 2018


If you run $(npm bin)/cypress open and click on "spec.ts" it does not show any errors, meaning a component has been bootstrapped. Not the HTML looks very weird and nothing is running. I assume the Angular code is running in the spec iframe and cannot cross into the app iframe where the component has been mounted.

Some HTML but no action

See cypress/integration/spec.ts for mounting code.


I have successfully used this mounting approach to test components in other frameworks.