Skip to content

Instantly share code, notes, and snippets.

@davidkovaccs
Created June 9, 2014 21:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save davidkovaccs/8991af5bed1805277f52 to your computer and use it in GitHub Desktop.
Save davidkovaccs/8991af5bed1805277f52 to your computer and use it in GitHub Desktop.
Capybara not matches
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>LoxonTest</title>
<link type="text/css" rel="stylesheet" media="all" href="/assets/application.css">
<script type="text/javascript" src="/assets/application.js"></script>
</head>
<body dir="ltr">
<div id="visualization"><header>
<!-- left floated elements -->
<div id="business_object_icon" class="partner float_l"></div>
<div id="divider" class="float_l"></div>
<!-- title attr: in case of long string, need to show the whole string in title (hover) -->
<div title="John Thomas Goodman Smith (308508085)" id="business_object_title" class="float_l" style="max-width: 357px;">John Thomas Goodman Smith (308508085)</div>
<!-- right floated elements -->
<div class="input_group float_r">
<div title="Refresh" id="refresh" class="button float_l"></div>
<div title="Fullscreen mode" id="fullscreen" class="button float_l"></div>
<div title="Exit" id="exit" class="button float_l"></div>
</div>
<div class="input_group toggle_detailed_view float_r">
<div title="Normal view" id="normal_view" class="button float_l active"></div>
<div title="Detailed view" id="detailed_view" class="button float_l"></div>
</div>
<div class="input_group float_r">
<div title="Filter" id="filter" class="button float_l"></div>
</div>
<div class="input_group float_r">
<input placeholder="Search..." id="search">
</div>
</header>
<!-- zoom -->
<div id="zoom">
<div title="Zoom in" id="zoom_in" class="button"></div>
<hr>
<div title="Zoom out" id="zoom_out" class="button"></div>
</div>
<div id="screen">
<div id="container">
<div class="sector" id="row1" style="width: 681.869px; height: 223.614px;"><div class="box" id="box_2001" data-level="1" style="left: 80px; top: 40px; max-height: 144px; min-height: 144px;">box_2001<p style="color: green;">attrkulcs1: attrvalue 1</p><p style="color: blue;">attrkulcs2: attrvalue 2</p><p styleb="color: gray;">attrkulcs3: attrvalue 3</p></div><div class="box" id="box_2002" data-level="1" style="left: 280px; top: 40px; max-height: 144px; min-height: 144px;">box_2002<p style="color: green;">attrkulcs1: attrvalue 1</p><p style="color: blue;">attrkulcs2: attrvalue 2</p><p style="color: gray;">attrkulcs3: attrvalue 3</p><p style="color: gray;">attrkulcs4: attrvalue 4</p></div><div class="box" id="box_2003" data-level="1" style="left: 480px; top: 40px; max-height: 144px; min-height: 144px;">box_2003</div></div><div class="sector" id="row2" style="top: 223.302px; width: 681.869px; height: 247.539px;"><div class="box" id="box_1001" data-level="1" style="left: 280px; top: 39.9916px; max-height: 16px; min-height: 15.991px;">box_1001</div><div class="box" id="box_1002" data-level="2" style="left: 180px; top: 95.9601px; max-height: 112px; min-height: 111.937px;">box_1002<p style="color: green;">attrkulcs1: attrvalue 1</p><p style="color: blue;">attrkulcs2: attrvalue 2</p><p style="color: gray;">attrkulcs3: attrvalue 3</p></div><div class="box" id="box_1003" data-level="2" style="left: 380px; top: 95.9601px; max-height: 112px; min-height: 111.937px;">box_1003<p style="color: green;">attrkulcs1: attrvalue 1</p></div></div><div class="sector" id="row3" style="top: 470.53px; width: 681.869px; height: 223.614px;"><div class="box" id="box_1016667450" data-level="1" style="left: 80px; top: 39.9693px; max-height: 144px; min-height: 143.705px;">box_1016667450</div><div class="box" id="box_1016667451" data-level="1" style="left: 280px; top: 39.9693px; max-height: 144px; min-height: 143.705px;">box_1016667451<p style="color: green;">attrkulcs1: attrvalue 1</p><p style="color: blue;">attrkulcs2: attrvalue 2</p><p style="color: gray;">attrkulcs3: attrvalue 3</p><p style="color: gray;">attrkulcs4: attrvalue 4</p></div><div class="box" id="box_1016667656" data-level="1" style="left: 480px; top: 39.9693px; max-height: 144px; min-height: 143.705px;">box_1016667656</div></div><svg xmlns="http://www.w3.org/2000/svg" width="4000" id="svg" height="4000">
<g id="g_lines" class="g_main"><line id="box_2001box_1001" class="connection_main" y2="264" x2="340" y1="184" x1="140"></line><line id="box_2001box_1002" class="connection_main" y2="320" x2="240" y1="184" x1="140"></line><line id="box_2001box_1003" class="connection_main" y2="320" x2="440" y1="184" x1="140"></line><line id="box_2002box_1003" class="connection_main" y2="320" x2="440" y1="184" x1="340"></line><line id="box_1001box_1002" class="connection_main" y2="320" x2="240" y1="280" x1="340"></line><line id="box_1001box_1003" class="connection_main" y2="320" x2="440" y1="280" x1="340"></line><line id="box_1002box_1016667450" class="connection_main" y2="512" x2="140" y1="432" x1="240"></line><line id="box_1003box_1016667451" class="connection_main" y2="512" x2="340" y1="432" x1="440"></line><line id="box_1003box_1016667656" class="connection_main" y2="512" x2="540" y1="432" x1="440"></line><line id="box_2001box_1001_invisible" class="connection_main_invisible" x1="140" y1="184" x2="340" y2="264"></line><line id="box_2001box_1002_invisible" class="connection_main_invisible" x1="140" y1="184" x2="240" y2="320"></line><line id="box_2001box_1003_invisible" class="connection_main_invisible" x1="140" y1="184" x2="440" y2="320"></line><line id="box_2002box_1003_invisible" class="connection_main_invisible" x1="340" y1="184" x2="440" y2="320"></line><line id="box_1001box_1002_invisible" class="connection_main_invisible" x1="340" y1="280" x2="240" y2="320"></line><line id="box_1001box_1003_invisible" class="connection_main_invisible" x1="340" y1="280" x2="440" y2="320"></line><line id="box_1002box_1016667450_invisible" class="connection_main_invisible" x1="240" y1="432" x2="140" y2="512"></line><line id="box_1003box_1016667451_invisible" class="connection_main_invisible" x1="440" y1="432" x2="340" y2="512"></line><line id="box_1003box_1016667656_invisible" class="connection_main_invisible" x1="440" y1="432" x2="540" y2="512"></line></g>
</svg>
</div>
</div>
<button style="position: absolute; top: 400px;" id="update"></button>
</div>
<script>
Loxon.init('#visualization', 'Partner', 'partner_id')
</script>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment