Cypress (Web Testing Framework) Crash Course - 2021

Поделиться
HTML-код
  • Опубликовано: 27 дек 2024

Комментарии •

  • @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.

  • @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

  • @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

  • @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!

  • @freivincampbell
    @freivincampbell 3 года назад +1

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

  • @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з

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

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

  • @somebodyoverthere
    @somebodyoverthere 3 года назад

    This is the best tutorial I have EVER watched.

  • @molaraiche
    @molaraiche 2 года назад

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

  • @haminazku
    @haminazku 2 года назад +2

    Man, this was some high quality tutorial. Cheers!

  • @davidmulholland5450
    @davidmulholland5450 2 года назад +1

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

  • @martygo
    @martygo 2 года назад

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

  • @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 😁😁

  • @violaobrasileiro
    @violaobrasileiro 2 года назад +1

    Amazing course. Very well explained. Thank you!

  • @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

  • @ssaarahj
    @ssaarahj 3 года назад +1

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

  • @stylesg7818
    @stylesg7818 3 года назад +3

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

  • @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

  • @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?

  • @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.

  • @КириллТерешкин-ю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)

  • @user-he8qc4mr4i
    @user-he8qc4mr4i 2 года назад

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

  • @lkagan2000
    @lkagan2000 2 года назад +2

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

  • @anass6625
    @anass6625 3 года назад +2

    Great quality content, i truly appreciate your hard work

  • @adarshnair9846
    @adarshnair9846 3 года назад +1

    Beautiful crash course. Thank you!

  • @Matrium0
    @Matrium0 2 года назад

    Awesome introduction- thank you!

  • @bobera21000
    @bobera21000 Год назад

    Great work mate

  • @kwesigepi-attee1620
    @kwesigepi-attee1620 3 года назад

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

  • @agustinlavalla8892
    @agustinlavalla8892 2 года назад

    Wonderful introduction. Thanks so much!

  • @sivaganesh4489
    @sivaganesh4489 2 года назад

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

  • @chandraadari2669
    @chandraadari2669 2 года назад

    Thanks a lot, looking forward to more advanced concepts.

  • @sairaj5660
    @sairaj5660 3 года назад +1

    Yours is professional content

  • @gurusoftware9110
    @gurusoftware9110 3 года назад +1

    Legends are not born.

  • @eeebeltran5445
    @eeebeltran5445 3 года назад

    I love you bro, greetings from Chile :)

  • @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.

  • @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.

  • @RizaHariati
    @RizaHariati 2 года назад

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

  • @shahbazahmed119
    @shahbazahmed119 3 года назад

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

  • @cliffordowusuamponsah9532
    @cliffordowusuamponsah9532 2 года назад

    This video is terrific!😀

  • @magnata219
    @magnata219 2 года назад

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

  • @AlirezaGarshasbi-kr1on
    @AlirezaGarshasbi-kr1on Год назад

    learnt alot. great content.

  • @Chron1cles31098
    @Chron1cles31098 2 года назад

    You are the patrick jmt of Coding my friend.

  • @wasimakram2935
    @wasimakram2935 2 года назад

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

  • @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?

  • @vasiliybutenko4378
    @vasiliybutenko4378 3 года назад

    Thank you for this awesome useful tutorial!

  • @MrVisheshsingh
    @MrVisheshsingh 3 года назад

    wow 🤩, thank you Laith!

  • @brancode404
    @brancode404 3 года назад

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

  • @NeoCoding
    @NeoCoding 2 года назад

    always neat tuts thank you very much!

  • @MosheAzoulay
    @MosheAzoulay Год назад

    Awesome, thank u very much for this

  • @kairunbee1914
    @kairunbee1914 3 года назад

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

  • @abhishekthakur9459
    @abhishekthakur9459 3 года назад

    Nice. Useful content 👍

  • @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

  • @filippetkovski9957
    @filippetkovski9957 3 года назад +1

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

  • @allandacasin9041
    @allandacasin9041 3 года назад

    Thank you so much! Excellent content!

  • @spongebob93lover
    @spongebob93lover Год назад

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

  • @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

  • @michalkotlicki4710
    @michalkotlicki4710 2 года назад

    This is giraffing awesome!

  • @fabi8274
    @fabi8274 2 года назад +1

    "this is terrific"

  • @markuspxpx
    @markuspxpx 3 года назад

    Thank you for all the knowledge

  • @abe10
    @abe10 3 года назад

    This was great. Thank You.

  • @patrickc.6183
    @patrickc.6183 3 года назад

    Great explanations!

  • @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

  • @darencee4858
    @darencee4858 3 года назад

    thanks you're amazing! 🙌 🙌

  • @mohamedyahya7463
    @mohamedyahya7463 2 года назад

    thanks a lot ,really good job

  • @mahendranath2504
    @mahendranath2504 2 года назад

    Thank you so much 👍🏼🎉🙏❤️

  • @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?

  • @MuhammadBilal-cq6tp
    @MuhammadBilal-cq6tp 2 года назад

    Great content

  • @schwarzarbyter
    @schwarzarbyter Год назад +1

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

  • @namng5422
    @namng5422 3 года назад

    how awesome channel !!

  • @slavonnord3210
    @slavonnord3210 2 года назад

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

  • @gzhrk
    @gzhrk 3 года назад

    thank you so much , you are the best

  • @Culo91sija
    @Culo91sija 3 года назад

    Nice intro tutorial

  • @ibrahimmttreestruct
    @ibrahimmttreestruct 2 года назад

    I Like it 👍

  • @mahendranath2504
    @mahendranath2504 3 года назад

    Thank you 👍🏼❤️

  • @BjornOttenheim
    @BjornOttenheim 2 года назад

    Cool, cool cool!!

  • @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.

  • @javapda
    @javapda 3 года назад

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

  • @sabuein
    @sabuein 2 года назад

    Thank you.

  • @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 ✔

  • @tomasferenc9800
    @tomasferenc9800 2 года назад

    Thanks

  • @MrStefantoshkov
    @MrStefantoshkov 2 года назад

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

  • @batuhankir8402
    @batuhankir8402 2 года назад

    great

  • @sirping
    @sirping 2 года назад

    Really to Debug... What?

  • @lannguyen7460
    @lannguyen7460 2 года назад

    😍😍😍

  • @andrijavranic5058
    @andrijavranic5058 2 года назад

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

  • @ShashotoANur
    @ShashotoANur 3 года назад

    Everyone knows saying giraffe is offensive

  • @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 ;)

  • @GAVIGHUMMAN
    @GAVIGHUMMAN 2 года назад

    this tutorial is quite outdated

  • @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 Год назад

    Thanks