CATJS - Web | Mobile-Web Testing – Creating Test (Demo) - Open Source Automation Framework Video Lecture | Mobile App Testing: Learn and Master - Software Testing

in the previous session we saw how to
get started with cages install it create
a new project for our demo application
in this session we are going to continue
and go over the readme file and see how
to create a new test for our demo
application from that point let's go
back to the rig me and let's go to the
next section and then I described to
your coat okay in that point I want to
explain to you what Scrappy's scrap is a
single unit that you can are defining
your comments within your application
and it can be code snippet or an
assertion or UI test whatever you like
it to be and then in your test project
you can define a new scenario and bind
as many scrap as you want to that
scenario and then you can control your
test executions so in here you can see
that we need to import cut library first
there are two methods for doing that the
non AMD which is the standard way to
import JS files to your application the
second is they require JS file in this
case I'm going to take the the non md
style I'm going to put it in the head
like so
sorry i'm going to i dint the code so
you can read it so this is the first
thing we need to do so let's go back to
the grid me and in here you can see add
your own scrub let's copy that section
and i'll put it in here like so so
really with that i'm going to change the
comments on to be an HTML sign and in
here I need to tell cut Jess engine that
that I want to wrap up this code with a
script tag so embed true is going to add
scraped up to this section else then
that i'm going to edwards in here we
need to edwards and that's it I think
let's get moving with going into the
project because if you want to run
cattle a command on your test project
you need to be in the cut project
location actually the cut CLI command is
looking for cut project JSON file and
now we can go ahead and run cuts along
with minus B for building the
application now you can see that can
just edit few more stuff to the cut
project there is the libraries that cut
just in depending on and there is the
source folder where all the
functionality that were generated back
enjoy
s are located and the target folder in
here you can find your application with
the test deployment inside I just wanted
to explain that the application test
itself catches have created for us our
test folder that contains all the tests
functionality and libraries that we need
another missing link is the cut JSON
file I'm going to explain about it later
on and actually when we are loading the
test application the first thing it does
you reach the CAD JSON file which is a
the test project it reads the entire
sonars that he needs to run and all kind
of properties that represent the tests
and from that point he actually load the
tests run them and in that way he knows
how to test itself so with that I'm
going to run the server like so and by
default our server is pointing to the
target where the test deployment exists
so let's go ahead and go to the browser
if you remember I set the port to be 80
89 and here it is here the application
now let's go to the console and we can
see that this is my scrap this was the
the code snippet that we added to the
log this is actually the object of the
scrap that you can explore but from that
point we didn't do much but to have a
test right we need to actually run test
cases but we have prepared our test
project
from that point we can go and and end
something to that scrap to be meaningful
like I can add a code in that case I'm
going to use jQuery so there is a
another annotation that give you it name
is context you can are exposed to the
scrap anything you want from your scope
so in that case I'm going to expose the
dollar sign which is stand for the
jQuery library from that point I'm can
use the dollar sign and ask for COD Jes
element you can go go ahead and and and
point to the element and then I want to
click on it so with that we are going to
have a scrap that do an action and
clicks an element let's go back and in
that case I'm going to shut down the
server and every time you will rebuild
your project use c4 cleaning the the
functionality that cut just regenerate
build again and use a and this is a flag
for auto test I'll show in a minute what
it means so let's hit enter the server
is up from that point we can go ahead
and fresh the browser now you can see
that we have an additional client of
coaches that it runs the operations that
we have told him to do and if you have
noticed that it clicked the element and
in here you can see everything in D in
additional it says in here that the test
ends but we didn't have any assertions
so in the next session we are going to
see how to create an assertion for our
test application we'll talk about how to
create a report we'll talk about the
test project and i'll show you how to
use the car chase runner thank you
everybody