Failing test

.github/workflows/ci.yml

@@ -16,4 +16,4 @@ jobs:
           # we have already installed everything
           install: false
           # to run component tests we need to use "cypress run-ct"
-          command: yarn cypress run-ct
+          command: npx cypress run-ct

src/App.js

@@ -1,22 +1,13 @@
 import logo from './logo.svg';
 import './App.css';
+import { calculate } from './anModule';
 
 function App() {
   return (
     <div className="App">
       <header className="App-header">
         <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.js</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
+        <p>{calculate()}</p>
       </header>
     </div>
   );

src/App.spec.js

@@ -2,8 +2,15 @@
 import * as React from 'react'
 import { mount } from '@cypress/react'
 import App from './App'
+import * as anModule from './anModule'
 
-it('renders learn react link', () => {
+it('renders total is 10', () => {
   mount(<App />)
-  cy.contains(/learn react/i)
+  cy.contains(/total is 10/i)
 })
+
+it('renders total is mocked value', () => {
+  cy.stub(anModule, 'calculate').returns('total is 25')
+  mount(<App />)
+  cy.contains(/total is 25/i)
+})

src/anModule.js

@@ -0,0 +1,5 @@
+
+
+export const calculate = () => {
+    return "total is 10"
+}