Cypress (Web Testing Framework) Crash Course - 2021

แชร์
ฝัง
  • เผยแพร่เมื่อ 6 ม.ค. 2025

ความคิดเห็น • 110

  • @emmanuelehis1194
    @emmanuelehis1194 3 ปีที่แล้ว +48

    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 3 ปีที่แล้ว +36

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

  • @mfessal475
    @mfessal475 ปีที่แล้ว

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

  • @chetanjain4616
    @chetanjain4616 3 ปีที่แล้ว

    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

  • @thru_and_thru
    @thru_and_thru 2 ปีที่แล้ว +1

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

  • @tichouls5176
    @tichouls5176 3 ปีที่แล้ว +1

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

  • @kant859600
    @kant859600 2 ปีที่แล้ว +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.

  • @СветланаЕременко-т4з
    @СветланаЕременко-т4з 2 ปีที่แล้ว

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

  • @somebodyoverthere
    @somebodyoverthere 3 ปีที่แล้ว

    This is the best tutorial I have EVER watched.

  • @freivincampbell
    @freivincampbell 3 ปีที่แล้ว +1

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

  • @thebanishedone9182
    @thebanishedone9182 2 ปีที่แล้ว

    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!

  • @mortamortute4191
    @mortamortute4191 ปีที่แล้ว

    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 :)

  • @molaraiche
    @molaraiche 2 ปีที่แล้ว

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

  • @martygo
    @martygo 2 ปีที่แล้ว

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

  • @davidmulholland5450
    @davidmulholland5450 2 ปีที่แล้ว +1

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

  • @haminazku
    @haminazku 2 ปีที่แล้ว +2

    Man, this was some high quality tutorial. Cheers!

  • @stylesg7818
    @stylesg7818 3 ปีที่แล้ว +3

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

  • @ssaarahj
    @ssaarahj 3 ปีที่แล้ว +1

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

  • @violaobrasileiro
    @violaobrasileiro 2 ปีที่แล้ว +1

    Amazing course. Very well explained. Thank you!

  • @nadavfriedman5934
    @nadavfriedman5934 2 ปีที่แล้ว

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

  • @hiteshsuthar1097
    @hiteshsuthar1097 3 ปีที่แล้ว +1

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

  • @user-he8qc4mr4i
    @user-he8qc4mr4i 2 ปีที่แล้ว

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

  • @anass6625
    @anass6625 3 ปีที่แล้ว +2

    Great quality content, i truly appreciate your hard work

  • @scally9341
    @scally9341 ปีที่แล้ว +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.

  • @adittttya
    @adittttya ปีที่แล้ว

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

  • @bobera21000
    @bobera21000 ปีที่แล้ว

    Great work mate

  • @SAMEERKHAN-nd7ti
    @SAMEERKHAN-nd7ti 2 ปีที่แล้ว +1

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

  • @sivaganesh4489
    @sivaganesh4489 2 ปีที่แล้ว

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

  • @КириллТерешкин-ю8м
    @КириллТерешкин-ю8м 3 ปีที่แล้ว

    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)

  • @jaimearriola1495
    @jaimearriola1495 2 ปีที่แล้ว +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 😁😁

  • @adarshnair9846
    @adarshnair9846 3 ปีที่แล้ว +1

    Beautiful crash course. Thank you!

  • @chandraadari2669
    @chandraadari2669 2 ปีที่แล้ว

    Thanks a lot, looking forward to more advanced concepts.

  • @sairaj5660
    @sairaj5660 3 ปีที่แล้ว +1

    Yours is professional content

  • @kwesigepi-attee1620
    @kwesigepi-attee1620 3 ปีที่แล้ว

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

  • @Matrium0
    @Matrium0 2 ปีที่แล้ว

    Awesome introduction- thank you!

  • @RizaHariati
    @RizaHariati 2 ปีที่แล้ว

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

  • @agustinlavalla8892
    @agustinlavalla8892 2 ปีที่แล้ว

    Wonderful introduction. Thanks so much!

  • @AlirezaGarshasbi-kr1on
    @AlirezaGarshasbi-kr1on ปีที่แล้ว

    learnt alot. great content.

  • @cliffordowusuamponsah9532
    @cliffordowusuamponsah9532 2 ปีที่แล้ว

    This video is terrific!😀

  • @eeebeltran5445
    @eeebeltran5445 3 ปีที่แล้ว

    I love you bro, greetings from Chile :)

  • @lkagan2000
    @lkagan2000 2 ปีที่แล้ว +2

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

  • @ktw4071
    @ktw4071 2 ปีที่แล้ว

    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?

  • @MrVisheshsingh
    @MrVisheshsingh 3 ปีที่แล้ว

    wow 🤩, thank you Laith!

  • @MosheAzoulay
    @MosheAzoulay ปีที่แล้ว

    Awesome, thank u very much for this

  • @vasiliybutenko4378
    @vasiliybutenko4378 3 ปีที่แล้ว

    Thank you for this awesome useful tutorial!

  • @NeoCoding
    @NeoCoding 2 ปีที่แล้ว

    always neat tuts thank you very much!

  • @spongebob93lover
    @spongebob93lover ปีที่แล้ว

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

  • @Rehankhan-qb9eb
    @Rehankhan-qb9eb 2 ปีที่แล้ว

    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.

  • @allandacasin9041
    @allandacasin9041 3 ปีที่แล้ว

    Thank you so much! Excellent content!

  • @gurusoftware9110
    @gurusoftware9110 3 ปีที่แล้ว +1

    Legends are not born.

  • @markuspxpx
    @markuspxpx 3 ปีที่แล้ว

    Thank you for all the knowledge

  • @mohamedyahya7463
    @mohamedyahya7463 2 ปีที่แล้ว

    thanks a lot ,really good job

  • @abe10
    @abe10 3 ปีที่แล้ว

    This was great. Thank You.

  • @michalkotlicki4710
    @michalkotlicki4710 2 ปีที่แล้ว

    This is giraffing awesome!

  • @magnata219
    @magnata219 2 ปีที่แล้ว

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

  • @darencee4858
    @darencee4858 3 ปีที่แล้ว

    thanks you're amazing! 🙌 🙌

  • @Chron1cles31098
    @Chron1cles31098 2 ปีที่แล้ว

    You are the patrick jmt of Coding my friend.

  • @patrickc.6183
    @patrickc.6183 3 ปีที่แล้ว

    Great explanations!

  • @fabi8274
    @fabi8274 2 ปีที่แล้ว +1

    "this is terrific"

  • @filippetkovski9957
    @filippetkovski9957 3 ปีที่แล้ว +1

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

  • @abhishekthakur9459
    @abhishekthakur9459 3 ปีที่แล้ว

    Nice. Useful content 👍

  • @brancode404
    @brancode404 3 ปีที่แล้ว

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

  • @mahendranath2504
    @mahendranath2504 2 ปีที่แล้ว

    Thank you so much 👍🏼🎉🙏❤️

  • @Pingsmingu
    @Pingsmingu 3 ปีที่แล้ว

    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

  • @thiagocruz1149
    @thiagocruz1149 ปีที่แล้ว

    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.

  • @shahbazahmed119
    @shahbazahmed119 3 ปีที่แล้ว

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

  • @MuhammadBilal-cq6tp
    @MuhammadBilal-cq6tp 2 ปีที่แล้ว

    Great content

  • @kairunbee1914
    @kairunbee1914 3 ปีที่แล้ว

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

  • @wasimakram2935
    @wasimakram2935 2 ปีที่แล้ว

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

  • @gzhrk
    @gzhrk 3 ปีที่แล้ว

    thank you so much , you are the best

  • @BjornOttenheim
    @BjornOttenheim 2 ปีที่แล้ว

    Cool, cool cool!!

  • @adedoyinharleem3433
    @adedoyinharleem3433 3 ปีที่แล้ว

    @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

  • @slavonnord3210
    @slavonnord3210 2 ปีที่แล้ว

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

  • @namng5422
    @namng5422 3 ปีที่แล้ว

    how awesome channel !!

  • @shabnam7039
    @shabnam7039 2 ปีที่แล้ว

    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?

  • @mahendranath2504
    @mahendranath2504 3 ปีที่แล้ว

    Thank you 👍🏼❤️

  • @sabuein
    @sabuein 2 ปีที่แล้ว

    Thank you.

  • @MeriiTV
    @MeriiTV 2 ปีที่แล้ว

    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?

  • @ibrahimmttreestruct
    @ibrahimmttreestruct 2 ปีที่แล้ว

    I Like it 👍

  • @tomasferenc9800
    @tomasferenc9800 2 ปีที่แล้ว

    Thanks

  • @Culo91sija
    @Culo91sija 3 ปีที่แล้ว

    Nice intro tutorial

  • @javapda
    @javapda 3 ปีที่แล้ว

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

  • @lkfranklin
    @lkfranklin ปีที่แล้ว

    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.

  • @Karan60191
    @Karan60191 3 ปีที่แล้ว

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

  • @batuhankir8402
    @batuhankir8402 2 ปีที่แล้ว

    great

  • @MrStefantoshkov
    @MrStefantoshkov 2 ปีที่แล้ว

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

  • @schwarzarbyter
    @schwarzarbyter ปีที่แล้ว +1

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

    • @27sosite73
      @27sosite73 ปีที่แล้ว

      ahahahah
      n1, mate

  • @lannguyen7460
    @lannguyen7460 2 ปีที่แล้ว

    😍😍😍

  • @sirping
    @sirping 2 ปีที่แล้ว

    Really to Debug... What?

  • @andrijavranic5058
    @andrijavranic5058 2 ปีที่แล้ว

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

  • @ShashotoANur
    @ShashotoANur 3 ปีที่แล้ว

    Everyone knows saying giraffe is offensive

  • @GAVIGHUMMAN
    @GAVIGHUMMAN 2 ปีที่แล้ว

    this tutorial is quite outdated

  • @addicted2cookies
    @addicted2cookies 3 ปีที่แล้ว +6

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

    • @ShashotoANur
      @ShashotoANur 3 ปีที่แล้ว +1

      I was about to comment that

    • @lacis9546
      @lacis9546 ปีที่แล้ว +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 ปีที่แล้ว +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 ปีที่แล้ว

      @@addicted2cookies Thank you, addict ;)

  • @tktutorialscom
    @tktutorialscom ปีที่แล้ว

    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

  • @zoehadwani1485
    @zoehadwani1485 2 ปีที่แล้ว

    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

  • @andrewa5080
    @andrewa5080 2 ปีที่แล้ว

    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

  • @ДенисЛитвин-с2у
    @ДенисЛитвин-с2у ปีที่แล้ว

    $ 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 ปีที่แล้ว

      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 2 ปีที่แล้ว

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

  • @mfessal475
    @mfessal475 ปีที่แล้ว

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

  • @khattasallaman337
    @khattasallaman337 2 ปีที่แล้ว

    Thanks