Skip to content

Instantly share code, notes, and snippets.

@pencilcheck

pencilcheck/123

Created March 18, 2012 06:21
Show Gist options
  • Save pencilcheck/2069333 to your computer and use it in GitHub Desktop.
Save pencilcheck/2069333 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
123
$ ->
# clear all caches
localStorage.clear()
list = new List('#overview li.item')
$('#overview li.add a').live 'click', (e) -> e.preventDefault(); list.add $(this).closest('li.add')
$('#overview li.item a').live 'click', (e) -> e.preventDefault(); list.select $(this).closest('li.item')
# Save to server
$('#save').click (e) -> e.preventDefault(); list.save()
Raw
321
require 'spec_helper'
Capybara.register_driver :selenium do |app|
# need to install chromedriver from homebrew
Capybara::Selenium::Driver.new app, :browser => :chrome
end
#Capybara.javascript_driver = :webkit
describe "Gens" do
before :each do
@user = Factory(:user)
sign_in @user
click_link 'Come on in!'
end
describe "GET /gens" do
it "displays index page" do
page.should have_content('Create')
end
it "edit gens", :js => true do
click_link 'Create'
find("li.add a", :text => 'Add experience').click
fill_in 'input', :with => 'test123'
click_link 'Save'
visit user_gens_path(@user)
page.should have_content('thumbnails')
end
end
end
Raw
markup
<!DOCTYPE html>
<html>
<head>
<meta content="authenticity_token" name="csrf-param" />
<meta content="NFiv9xINcjTQmUB1Mye39L7kPkSZMy5qpYy6GJUqxx4=" name="csrf-token" />
<link href="/assets/application.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/layouts.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap/bootstrap-responsive.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap/bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/resumegens.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery-ui.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/json2.js?body=1" type="text/javascript"></script>
<script src="/assets/underscore.js?body=1" type="text/javascript"></script>
<script src="/assets/bootstrap.js?body=1" type="text/javascript"></script>
<script src="/assets/handlebars.runtime.js?body=1" type="text/javascript"></script>
<script src="/assets/handlebars.helpers.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>
<script src="/assets/google.js?body=1" type="text/javascript"></script>
<script src="/assets/spin/spin.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.spin.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.tipTip.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_serializeForm.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.mtz.monthpicker.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.ui.addresspicker.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.jeditable.mini.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.toJObject.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery.sha1.js?body=1" type="text/javascript"></script>
<script src="/assets/chosen/abstract-chosen.js?body=1" type="text/javascript"></script>
<script src="/assets/chosen/select-parser.js?body=1" type="text/javascript"></script>
<script src="/assets/chosen/chosen.jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/gens.js?body=1" type="text/javascript"></script>
</head>
<body>
<div class='navbar navbar-fixed-top' id='topbar'>
<div class='navbar-inner'>
<div class='container'>
<ul class='nav'>
<li>
</li>
</ul>
</div>
</div>
</div>
<div id='container'>
<div class='header'>
</div>
<div class='container-fluid'>
<div class='row-fluid'>
<div class='span3'>
<!-- TODO: data validation after save -->
<div class='well' id='overview'>
<ul class='nav nav-list'>
<li class='nav-header'>
<h3>Education</h3>
</li>
<li class='add'>
<a href='#' style='cursor: pointer;'>
Add education
</a>
</li>
<li class='nav-header'>
<h3>Experience</h3>
</li>
<li class='item' hash_id='442f6fe5eb0d7815fbd0311158c9385e369616cc'>
<a>
<i class='icon-pencil'></i>
<div class='content'>123</div>
</a>
</li>
<li class='add'>
<a href='#' style='cursor: pointer;'>
Add experience
</a>
</li>
<li class='nav-header'>
<h3>Leadership</h3>
</li>
<li class='add'>
<a href='#' style='cursor: pointer;'>
Add leadership
</a>
</li>
<li class='nav-header'>
<h3>Activity</h3>
</li>
<li class='add'>
<a href='#' style='cursor: pointer;'>
Add activity
</a>
</li>
<li class='nav-header'>
<h3>Skill</h3>
</li>
<li class='add'>
<a href='#' style='cursor: pointer;'>
Add skill
</a>
</li>
<li class='nav-header'>
<h3>Language</h3>
</li>
<li class='add'>
<a href='#' style='cursor: pointer;'>
Add language
</a>
</li>
</ul>
</div>
</div>
<div class='span6'>
<div id='drawer'></div>
</div>
<div class='span3'>
<div>
Contact info placeholder here...
</div>
<a class='btn btn-large' href='#' id='save'>Save</a>
</div>
</div>
</div>
</div>
<div id='footer'>
<ul>
<li>
<ul>
<li><a href="/">Home</a></li>
<li><a href="/about">About</a></li>
<li><a href="/help">Help</a></li>
<li><a href="/privacy">Privacy</a></li>
</ul>
</li>
<li>
2011&copy; MyOrdo
</li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment