Cypress (Web Testing Framework) Crash Course - 2021

Sdílet
Vložit
  • čas přidán 22. 08. 2024

Komentáře • 110

  • @emmanuelehis1194
    @emmanuelehis1194 Před 3 lety +47

    Where have you been all my life?????? Your contents are exclusive. People barely talk much about stuff like this. Definitely leaving my notification on!! Great work man!

  • @techjandro
    @techjandro Před 3 lety +36

    I just discovered your channel and I'm already obsessed, your content and way of explaining is just exceptional. Thank you!

  • @mfessal475
    @mfessal475 Před rokem

    Oh my God! Does someone really teach like this on youtube. Your teaching skills are amazing. Thanks from the community.

  • @freivincampbell
    @freivincampbell Před 2 lety +1

    Thanks so much for all that time invested in, this free course is much better even than paid one ... 🤓💻

  • @somebodyoverthere
    @somebodyoverthere Před 2 lety

    This is the best tutorial I have EVER watched.

  • @tichouls5176
    @tichouls5176 Před 2 lety +1

    You, Sir, are an amazing content creator. I wish your channel skyrocks in 2022. You truly deserve it

  • @kant859600
    @kant859600 Před 2 lety +3

    Great video man, congrats for the explanation, you do it very well. Just add a point in the async code. Sometimes we need more than 4 seconds for our code to be asserted, in those cases, we want to pass an option in get/contains/find command, which should be like this
    cy.contains("This Accomplisment was Successfully Submitted", { timeout: 10000 }).should("be.visible");
    In this example, the test will still check for 10 seconds instead of only 4.
    Nice crash course man.

  • @thru_and_thru
    @thru_and_thru Před 2 lety +1

    Your content is amazing man, you have become one my favorite educators on youtube! Your channel deserves to blow up.

  • @user-xj2vc1qk6p
    @user-xj2vc1qk6p Před 2 lety

    I was lucky to find your tutorials learning serverless, than was graphql and now cypress. You are my favorite teacher, thank you so much!

  • @chetanjain4616
    @chetanjain4616 Před 2 lety

    this was probably the best cypress tutorial I have seen, found you through Net Ninja's video so big shout out for him as well

  • @thebanishedone9182
    @thebanishedone9182 Před 2 lety

    I got a new job as a software tester at a company which uses cypress so I wanted to get some basic knowledge in it. Thanks man, your course helped me a lot!

  • @davidmulholland5450
    @davidmulholland5450 Před 2 lety +1

    This was great, thank you, you speak very clearly and it is explained very well.

  • @haminazku
    @haminazku Před 2 lety +2

    Man, this was some high quality tutorial. Cheers!

  • @molaraiche
    @molaraiche Před 2 lety

    by far one of the best content creator, i really like way you explain things. thanks lot :D

  • @mortamortute4191
    @mortamortute4191 Před rokem

    Your course is exactly what I needed! So well structured, concrete, nicely explained and in appropriate pace, I really enjoyed it very much, thank you!!
    I am going to check right away if you have even more courses related to Cypress :)

  • @martygo
    @martygo Před rokem

    Better content about Test end2end and cypress. Thanks for share with us.

  • @stylesg7818
    @stylesg7818 Před 3 lety +3

    Thank you very much for your crash courses. Really great!!

  • @sarahharb6773
    @sarahharb6773 Před 2 lety +1

    Unreal information taught so well. Thank you for this Laith!

  • @scally9341
    @scally9341 Před rokem +1

    I wanted to watch this but without instructions on how to resolve the package problems in 2023, it's impossible for beginners to follow this tutorial. Probably this is expected, but just thought I'd put that out there.

  • @violaobrasileiro
    @violaobrasileiro Před 2 lety +1

    Amazing course. Very well explained. Thank you!

  • @hiteshsuthar1097
    @hiteshsuthar1097 Před 3 lety +1

    I wish to watch all your content, just got suprised when i see it.

  • @jaimearriola1495
    @jaimearriola1495 Před 2 lety +1

    The best course about cypress that I found in the internet and its free!! 😎wow!! it's pretty awesome. I ran into some issues but I was able to solve them 😄. Thanks so much for your great content!! Like and suscribe for you 😁😁

  • @nadavfriedman5934
    @nadavfriedman5934 Před 2 lety

    No doubts, Laith - you are one of the bests and your channel should be much more evaluated. Thx a lot , great content

  • @sairaj5660
    @sairaj5660 Před 3 lety +1

    Yours is professional content

  • @anass6625
    @anass6625 Před 2 lety +2

    Great quality content, i truly appreciate your hard work

  • @fabi8274
    @fabi8274 Před rokem +1

    "this is terrific"

  • @bobera21000
    @bobera21000 Před rokem

    Great work mate

  • @user-he8qc4mr4i
    @user-he8qc4mr4i Před 2 lety

    Thx for sharing, and looking forward to the next level up!

  • @RizaHariati
    @RizaHariati Před 2 lety

    Thank you so much. And thank you for the Jest/React Test Library on NetNinja.

  • @adittttya
    @adittttya Před rokem

    Thanks mate! Was very easy and intuitive to follow along =D

  • @adarshnair9846
    @adarshnair9846 Před 2 lety +1

    Beautiful crash course. Thank you!

  • @lkagan2000
    @lkagan2000 Před 2 lety +2

    16:12 Cypress 9.5.1 "ignoreTestFiles": ["**/1-getting-started/*", "**/2-advanced-examples/*"]

  • @sivaganesh4489
    @sivaganesh4489 Před 2 lety

    Thanks a lot brother, everytiime i will learn something new from you

  • @kwesigepi-attee1620
    @kwesigepi-attee1620 Před 2 lety

    Great tutorial..Best one I've seen so far and great example sites.

  • @Matrium0
    @Matrium0 Před 2 lety

    Awesome introduction- thank you!

  • @spongebob93lover
    @spongebob93lover Před rokem

    for those who have a problem starting the app, replace your start script with "react-scripts --openssl-legacy-provider start".

  • @Chron1cles31098
    @Chron1cles31098 Před rokem

    You are the patrick jmt of Coding my friend.

  • @chandraadari2669
    @chandraadari2669 Před 2 lety

    Thanks a lot, looking forward to more advanced concepts.

  • @gurusoftware9110
    @gurusoftware9110 Před 2 lety +1

    Legends are not born.

  • @user-hm1nb6pu5k
    @user-hm1nb6pu5k Před rokem

    Awesome, thank u very much for this

  • @user-zn5ky3fw5h
    @user-zn5ky3fw5h Před 2 lety

    Wow, Laith, nice course, really enjoyed it, and cypress afterwards feels very nice tool to use in own projects)
    And of course, I totally agree that giraffe sound very offensive)

  • @agustinlavalla8892
    @agustinlavalla8892 Před 2 lety

    Wonderful introduction. Thanks so much!

  • @cliffordowusuamponsah9532

    This video is terrific!😀

  • @TheFilburt88
    @TheFilburt88 Před 2 lety

    Excellent course, thanks a lot!

  • @mohamedyahya7463
    @mohamedyahya7463 Před rokem

    thanks a lot ,really good job

  • @NeoCoding
    @NeoCoding Před 2 lety

    always neat tuts thank you very much!

  • @eeebeltran5445
    @eeebeltran5445 Před 2 lety

    I love you bro, greetings from Chile :)

  • @BjornOttenheim
    @BjornOttenheim Před rokem

    Cool, cool cool!!

  • @michalkotlicki4710
    @michalkotlicki4710 Před 2 lety

    This is giraffing awesome!

  • @vasiliybutenko4378
    @vasiliybutenko4378 Před 3 lety

    Thank you for this awesome useful tutorial!

  • @AlirezaGarshasbi-kr1on

    learnt alot. great content.

  • @SAMEERKHAN-nd7ti
    @SAMEERKHAN-nd7ti Před 2 lety +1

    can you please make tutorial on same with typescript react app and its how to setup with typescript and cypress

  • @MrVisheshsingh
    @MrVisheshsingh Před 3 lety

    wow 🤩, thank you Laith!

  • @allandacasin9041
    @allandacasin9041 Před 2 lety

    Thank you so much! Excellent content!

  • @markuspxpx
    @markuspxpx Před 3 lety

    Thank you for all the knowledge

  • @magnata219
    @magnata219 Před 2 lety

    My god, such a perfect content that of yours, subscribed!! o/

  • @abe10
    @abe10 Před 3 lety

    This was great. Thank You.

  • @patrickc.6183
    @patrickc.6183 Před 3 lety

    Great explanations!

  • @MuhammadBilal-cq6tp
    @MuhammadBilal-cq6tp Před 2 lety

    Great content

  • @lkfranklin
    @lkfranklin Před rokem

    39:10
    laith: zooming out actually makes it bigger.... that makes sense... i hope it makes sense....
    viewers: not so much, laith! :D
    PIN IT.

  • @darencee4858
    @darencee4858 Před 2 lety

    thanks you're amazing! 🙌 🙌

  • @sabuein
    @sabuein Před rokem

    Thank you.

  • @Rehankhan-qb9eb
    @Rehankhan-qb9eb Před 2 lety

    Very good video. It will be very helpful if you post video about some real testing (authentication with google lets say with changed origin) and not this child level label span etc testing.

  • @gzhrk
    @gzhrk Před 2 lety

    thank you so much , you are the best

  • @abhishekthakur9459
    @abhishekthakur9459 Před 2 lety

    Nice. Useful content 👍

  • @mahendranath2504
    @mahendranath2504 Před 2 lety

    Thank you so much 👍🏼🎉🙏❤️

  • @Pingsmingu
    @Pingsmingu Před 3 lety

    Very good content . Subscribed will watch all the videos . Thank you
    Can you do an example on conditional login in your test.
    Example: if i see grid being populated delete first and then add.
    If grid is empty to begin with then add content

  • @khattasallaman337
    @khattasallaman337 Před rokem

    Thanks

  • @ibrahimmttreestruct
    @ibrahimmttreestruct Před rokem

    I Like it 👍

  • @brancode404
    @brancode404 Před 3 lety

    Love your channel Laith. Can you do Nuxt and Django Ecommerce and Portfolio Website with deployment?

  • @filippetkovski9957
    @filippetkovski9957 Před 2 lety +1

    Great work. Can you please code a TDD app that is a bit more complex. Thumbs up!

  • @namng5422
    @namng5422 Před 3 lety

    how awesome channel !!

  • @schwarzarbyter
    @schwarzarbyter Před rokem +1

    i challenge you to dring a shot of booze every time he says "super"

  • @mahendranath2504
    @mahendranath2504 Před 3 lety

    Thank you 👍🏼❤️

  • @Culo91sija
    @Culo91sija Před 2 lety

    Nice intro tutorial

  • @batuhankir8402
    @batuhankir8402 Před 2 lety

    great

  • @javapda
    @javapda Před 2 lety

    what vscode packages do you use? specifically, to get vscode to recognize
    ///
    btw, great video - thank you

  • @adedoyinharleem3433
    @adedoyinharleem3433 Před 2 lety

    @1:43:32 line 3 is not working because the asterisk ** are in reverse it should be "**/examples/*". Great tutorial. Easy to follow. Thank you

  • @MeriiTV
    @MeriiTV Před 2 lety

    Hello dude,
    first of all excellent cypress tutorial...I have some question for part of code its about "rewards.spec.js" - > should display a list of rewards with mock
    first time show me 3 stuff from "rewards.json" after second and third runing cypress showing me up all rewards. So my question is why this happen?

  • @Karan60191
    @Karan60191 Před 2 lety

    Ok I might be late in this party but surely I'm gonna subscribe , well explained video , thankyou :) +1 subscribe and notifications ✔

  • @thiagocruz1149
    @thiagocruz1149 Před rokem

    Hey buddy great explanation. I am just having some difficulties finding the locators.spec.js after creating it under the new folder e2e that I believe it replaced the integration one. However, I deleted the example folder as you also mentioned and everything I can see now when I start the project is nothing less than cypress saying "Create your first spec". Any help I can get I appreciate.

  • @ktw4071
    @ktw4071 Před 2 lety

    2:02:12 Just cuirous why this req.reply is getting caught in try & catch error ? You didn't set any statusCode (e.g 400), I doubt that req.reply() automatically sets POST response with 400. Any explanation?

  • @slavonnord3210
    @slavonnord3210 Před 2 lety

    Hi everyone
    If anyone knows how to open tests that are located outside integration foder

  • @kairunbee1914
    @kairunbee1914 Před 2 lety

    Hi is it possible in cypress to run
    1. Specs file in parallel
    2. It block in parallel

  • @shabnam7039
    @shabnam7039 Před 2 lety

    Hi all, any one knows how to login to application with Microsoft authenticator from cypress. I m having application which redirects to Microsoft authentication and then log into the application. Any comments?

  • @shahbazahmed119
    @shahbazahmed119 Před 2 lety

    Thank you for such a content.
    but localhost:3000 its not running at my side.
    what's the error?

  • @wasimakram2935
    @wasimakram2935 Před 2 lety

    Hi
    Is there any other way apart from cy.reload() to reload the page
    Thanks in advancd

  • @sirping
    @sirping Před 2 lety

    Really to Debug... What?

  • @lannguyen7460
    @lannguyen7460 Před rokem

    😍😍😍

  • @andrijavranic5058
    @andrijavranic5058 Před 2 lety

    might learn not to confuse hyphen with "slash"! great job otherwise.,

  • @MrStefantoshkov
    @MrStefantoshkov Před rokem

    min 46:36 not "SLASH" , it is called "HYGHPHEN"

  • @ShashotoANur
    @ShashotoANur Před 3 lety

    Everyone knows saying giraffe is offensive

  • @GAVIGHUMMAN
    @GAVIGHUMMAN Před 2 lety

    this tutorial is quite outdated

  • @addicted2cookies
    @addicted2cookies Před 3 lety +6

    is no one gonna mention that he always says "sy" instead of "cy" lmao

    • @ShashotoANur
      @ShashotoANur Před 3 lety +1

      I was about to comment that

    • @lacis9546
      @lacis9546 Před rokem +1

      Why, what's the difference? I'm asking to learn. Doesn't the beginning of cycle and psychology sound the same? saı-

    • @addicted2cookies
      @addicted2cookies Před rokem +1

      @@lacis9546 its been a while since I last saw this video, but I believe I was referring to his spelling. You can see it for example at 30:14, where he says "sy" when instead he typed out "cy" in vscode. But yes, to answer your question, there is no difference between the pronunciation of cycle and psycology.

    • @lacis9546
      @lacis9546 Před rokem

      @@addicted2cookies Thank you, addict ;)

  • @tktutorialscom
    @tktutorialscom Před rokem

    Any reason why you installed cypress as prod dependency? That was confusing for me, I did check later Cypress docs which states install it as dev dependency. But great work, thank you for the sharing

  • @andrewa5080
    @andrewa5080 Před rokem

    Hi Laith,
    Thanks for the fantastic video.
    It’s a life saver and good introduction for me into Cypress Automation.
    I have 2 questions though, are you going to make an updated version with Cypress 10 since alot has changed in the framework naming and structure?
    Can you also share your email pls, I want to contact you directly.
    Thanks,
    Andrew

  • @zoehadwani1485
    @zoehadwani1485 Před 2 lety

    I am facing this error pass two days and still haven't found solution. need urgent help.
    Error: read ECONNRESET
    {
    errno: -4077,
    code: 'ECONNRESET',
    syscall: 'read'
    }
    Error: read ECONNRESET
    at TCP.onStreamRead (node:internal/stream_base_commons:211:20)
    Thank you

  • @user-lm4ko1md6b
    @user-lm4ko1md6b Před rokem

    $ npm start
    > client@0.1.0 start
    > react-scripts start
    node:internal/modules/cjs/loader:535
    throw e;
    ^
    Error [ERR_PACKAGE_PATH_NOT_EXPORTED]: Package subpath './lib/tokenize' is not defined by "exports" in D:\Denys\cypress-crash-course\project-1
    ode_modules\postcss-safe-parser
    ode_modules\postcss\package.json
    at new NodeError (node:internal/errors:393:5)
    at throwExportsNotFound (node:internal/modules/esm/resolve:358:9)
    at packageExportsResolve (node:internal/modules/esm/resolve:668:3)
    at resolveExports (node:internal/modules/cjs/loader:529:36)
    at Module._findPath (node:internal/modules/cjs/loader:569:31)
    at Module._resolveFilename (node:internal/modules/cjs/loader:981:27)
    at Module._load (node:internal/modules/cjs/loader:841:27)
    at Module.require (node:internal/modules/cjs/loader:1061:19)
    at require (node:internal/modules/cjs/helpers:103:18)
    at Object. (D:\Denys\cypress-crash-course\project-1
    ode_modules\postcss-safe-parser\lib\safe-parser.js:1:17) {
    code: 'ERR_PACKAGE_PATH_NOT_EXPORTED'
    }
    Node.js v18.12.0
    Денис Литвин@LAPTOP-F9EB40EB MINGW64 /d/Denys/cypress-crash-course/project-1 (master)
    $
    Why I have such problem after writting npm start? (I have written npm i)

    • @kruno25
      @kruno25 Před 8 měsíci

      1.npm install -g npm@latest
      2.npm cache clean --force
      3.rm -rf node_modules
      rm package-lock.json
      OR
      Remove-Item -Recurse -Force node_modules, package-lock.json
      4.npm install
      5.npm audit fix --force

  • @helleyt1
    @helleyt1 Před 2 lety

    sy.get and data/cy almost did me in. lol

  • @mfessal475
    @mfessal475 Před rokem

    Oh my God! Does someone really teach like this on youtube. Your teaching skills are amazing. Thanks from the community.