How to test real $http data in angularjs -


i test real $http response (not using $httpbackend) , compare mock service still don't know best practice. these problem description , propose solution:

problem description

  1. i creating full angular app , api server.

  2. sometime, api development slower front-end development. so, created mock service inject $httpbackendprovider , return mock data right before request sent server. module doesn't use $interceptor. think deeper $interceptor technique. works well.

  3. i keep in mind testing, followed karma , protractor. both mock service , real api work pretty protractor testing.

  4. the problem begin when api design changes. protractor real api going fail protractor mock service still success.

  5. so, in order make determine api wrong, need write comparing script between real api , mock service.

propose solution

using protractor testing , creating simple web server dev http client chrome addon.

i hear more guys. thanks!

you should test api service first. when serverside tests break (due api change) should update test case clientside test cases well.

make sure have solution api versioning, critical after app has been publicly deployed.


Comments

Post a Comment

Popular posts from this blog

apache - Remove .php and add trailing slash in url using htaccess not loading css -

i have add following code htaccess file removing .php extension , add trailing slash urls. worked fine reduced page loading speed , css code not loading @ all. pages ugly. please help rewriteengine on rewritebase / ## hide .php extension snippet # externally redirect /dir/foo.php /dir/foo rewritecond %{the_request} ^[a-z]{3,}\s([^.]+)\.php [nc] rewriterule ^ %1/ [r,l] # add trailing slash rewritecond %{request_filename} !-f rewritecond %{request_uri} !/$ rewriterule . %{request_uri}/ [l,r=301] # internally forward /dir/foo /dir/foo.php rewritecond %{request_filename} !-d rewritecond %{request_filename}.php -f rewriterule ^(.*?)/?$ $1.php [l] we can rewrite urls using .htaccess files. before writing in .htaccess files need verify kind of server using. can check server adding a <?php phpinfo(); ?> in php page. ensure mod_rewrite module enabled in apache server. can identified checking phpinfo included page. common methods used url rewriting follows ...
Read more

javascript - jQuery show full size image on click -

pretty self explanatory not workking . i want display full image when user click on image... yes know there tons of plugins but i want keep simple. any idea ? css : .full { display: none; width: 500px; height: 500px; margin-left: 100px; margin-top: -300px; position: fixed; background-color: #f00; z-index: 6; } .thumbnail { width: 50px; height: 50px; } html: <img class="thumbnail" src="http://4.bp.blogspot.com/-uhbdp2esxng/txneptvi92i/aaaaaaaaaky/upfqis7zto0/s1600/rihanna-wallpaper.jpg"> jquery: $(document).ready(function() { $('.thumbnail').on('click', function() { var img = $('<img />',{src:this.src,'class':'full'}); $('.full').html(img).show(); console.log('done!'); }); }); try looking how jquery works. $(document).ready(function() { $('.thumbnail').on('click', function(...
Read more