updated new-spec-added-confirmation.png and spec-list-with-new-spec.p…

…ng (#5824)

* updated new-spec-added-confirmation.png and spec-list-with-new-spec.png

* updated text saying test will fail to what the default test is doing & that it passes. Added a screenshot of test passing

* updated create-new-empty-spec.png so cypress & chrome versions match other screenshots

* ran lint:fix

* renamed create-new-empty-spec.png to create-new-spec.png

docs/guides/end-to-end-testing/introduction/writing-your-first-end-to-end-test.mdx

@@ -27,7 +27,7 @@ your first test. We're going to do this with the **Create new empty
 spec** button.
 
 <DocsImage
-  src="/img/guides/end-to-end-testing/writing-your-first-end-to-end-test/create-new-empty-spec.png"
+  src="/img/guides/end-to-end-testing/writing-your-first-end-to-end-test/create-new-spec.png"
   alt="Cypress with the Create new empty spec button highlighted"
 />
 
@@ -57,9 +57,12 @@ automatically displays any changes.
 />
 
 Even though we haven't written any code yet - that's okay - let's click on your
-new spec and watch Cypress launch it. Spoiler alert: it's probably going to
-**FAIL**. Don't worry, it's just because you haven't set up Cypress to visit a
-page in your app yet! Let's try something different.
+new spec and watch Cypress launch it. Cypress with visit `https://example.cypress.io` and the test passes.
+
+<DocsImage
+  src="/img/guides/end-to-end-testing/writing-your-first-end-to-end-test/new-spec-test-run.png"
+  alt="Cypress showing the newly created spec passing"
+/>
 
 ## Write your first test