a | b/trunk/landingpage/index.html | ||
---|---|---|---|
1 | <!DOCTYPE html> |
||
2 | <html lang="en"> |
||
3 | <head> |
||
4 | <meta charset="utf-8"> |
||
5 | <link rel="shortcut icon" href="https://forge.codesys.com/_ew_resources/theme/ownforgetheme/images/favicon.ico" /> |
||
6 | <title>CfUnit — An open source unit testing framework for CODESYS</title> |
||
7 | <meta name="viewport" content="width=device-width,initial-scale=1.0"> |
||
8 | <link href="css/bootstrap.min.css" rel="stylesheet"> |
||
9 | <link href="css/lighter2.css" rel="stylesheet"> |
||
10 | </head> |
||
11 | <body> |
||
12 | |||
13 | <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> |
||
14 | <div class="container"> |
||
15 | <div class="navbar-header"> |
||
16 | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> |
||
17 | <span class="icon-bar"></span> |
||
18 | <span class="icon-bar"></span> |
||
19 | <span class="icon-bar"></span> |
||
20 | </button> |
||
21 | <a class="navbar-brand nav-link" href="#top"> |
||
22 | <img src="img/tdd.png" class="card-img-top" alt="CfUnit" width="80" height="80"> for |
||
23 | <img src="img/CODESYS_logo_ds.svg" class="card-img-top" alt="CODESYS" width="100" height="80"> |
||
24 | </a> |
||
25 | </div> <!-- /.navbar-header --> |
||
26 | |||
27 | <div class="collapse navbar-collapse navbar-ex1-collapse"> |
||
28 | <ul class="nav navbar-nav navbar-right"> |
||
29 | <li><a href="#features" class="nav-link">Features</a></li> |
||
30 | <li><a href="#tour-head" class="nav-link">Tour</a></li> |
||
31 | <li><a href="#faqs" class="nav-link">FAQs </a></li> |
||
32 | <li><a href="#Downloads">Downloads </a></li> |
||
33 | <li><a href="#about" class="nav-link">About</a></li> |
||
34 | </ul> |
||
35 | </div> <!-- /.navbar-collapse --> |
||
36 | </div> <!-- /.container --> |
||
37 | </nav> <!-- /.navbar --> |
||
38 | |||
39 | <div id="top" class="jumbotron"> |
||
40 | <div class="container"> |
||
41 | <h1>Unit testing framework for CODESYS</h1> |
||
42 | <h2>In short 'CfUnit' is a free and open-source unit testing framework for CODESYS released under MIT-License</h2> |
||
43 | <p><a class="btn btn-primary btn-lg" href="#Downloads">Downloads <span class="glyphicon glyphicon-circle-arrow-right"></span></a></p> |
||
44 | </div> <!-- /.container --> |
||
45 | </div> <!-- /.jumbotron --> |
||
46 | |||
47 | |||
48 | <div class="container"> |
||
49 | <h3 id="features" class="subhead">Features</h3> |
||
50 | <div class="row benefits"> |
||
51 | <div class="col-md-4 col-sm-6 benefit"> |
||
52 | <div class="benefit-ball"> |
||
53 | <span class="glyphicon glyphicon-star"></span> |
||
54 | </div> |
||
55 | <h3>Easy</h3> |
||
56 | Download,<br>Install,<br>Reference,<br>Ready! |
||
57 | </div> <!-- /.benefit --> |
||
58 | <div class="col-md-4 col-sm-6 benefit"> |
||
59 | <div class="benefit-ball"> |
||
60 | <span class="glyphicon glyphicon-ok"></span> |
||
61 | </div> |
||
62 | <h3>Powerful</h3> |
||
63 | Higher productivity,<br>Fewer bugs,<br>Cleaner code,<br>Self-documenting</p> |
||
64 | </div> <!-- /.benefit --> |
||
65 | <div class="col-md-4 col-sm-6 benefit"> |
||
66 | <div class="benefit-ball"> |
||
67 | <span class="glyphicon glyphicon-heart"></span> |
||
68 | </div> |
||
69 | <h3>Free!</h3> |
||
70 | <p>MIT-Licensed</p> |
||
71 | </div> <!-- /.benefit --> |
||
72 | </div> <!-- /.row --> |
||
73 | </div> <!-- /.container --> |
||
74 | |||
75 | |||
76 | <div class="container-alternate"> |
||
77 | <div class="container"> |
||
78 | <h3 id="tour-head" class="subhead">Tour</h3> |
||
79 | <div class="row"> |
||
80 | <div class="col-md-12"> |
||
81 | <div id="tour" class="carousel slide"> |
||
82 | <ol class="carousel-indicators"> |
||
83 | <li data-target="#tour" data-slide-to="0" class="active"></li> |
||
84 | <li data-target="#tour" data-slide-to="1"></li> |
||
85 | <li data-target="#tour" data-slide-to="2"></li> |
||
86 | <li data-target="#tour" data-slide-to="3"></li> |
||
87 | </ol> |
||
88 | |||
89 | <div class="carousel-inner"> |
||
90 | <div class="item active"> |
||
91 | <img src="img/compiled-libraryinstallation.gif"> |
||
92 | <div class="carousel-caption"> |
||
93 | Easy installation</a> |
||
94 | </div> |
||
95 | </div> |
||
96 | <div class="item"> |
||
97 | <img src="img/unittest.png"> |
||
98 | <div class="carousel-caption"> |
||
99 | Unit Test |
||
100 | </div> |
||
101 | </div> |
||
102 | <div class="item"> |
||
103 | <img src="img/programcall.png"> |
||
104 | <div class="carousel-caption"> |
||
105 | Program Call |
||
106 | </div> |
||
107 | </div> |
||
108 | <div class="item"> |
||
109 | <img src="img/output.gif" width="1600" height = "500"> |
||
110 | <div class="carousel-caption"> |
||
111 | Output |
||
112 | </div> |
||
113 | </div> |
||
114 | </div> |
||
115 | |||
116 | <a class="left carousel-control" href="#tour" data-slide="prev"> |
||
117 | <span class="glyphicon glyphicon-chevron-left"></span> |
||
118 | </a> |
||
119 | <a class="right carousel-control" href="#tour" data-slide="next"> |
||
120 | <span class="glyphicon glyphicon-chevron-right"></span> |
||
121 | </a> |
||
122 | </div> <!-- #tour --> |
||
123 | </div> <!-- /.col-md-12 --> |
||
124 | </div> <!-- /.row --> |
||
125 | </div> <!-- /.container --> |
||
126 | </div> <!-- /.container-alternate --> |
||
127 | |||
128 | |||
129 | <div class="container"> |
||
130 | <h3 id="faqs" class="subhead">Frequently Asked Questions</h3> |
||
131 | <div class="row faqs"> |
||
132 | <p class="col-md-4 col-sm-6"> |
||
133 | <strong>Getting started</strong><br> |
||
134 | All you need to do is to download & install the library and provide a<br> |
||
135 | reference of the CfUnit-library in your project.Now you are ready and<br> |
||
136 | you can start to write your test code. |
||
137 | </p> |
||
138 | <p><ul class="col-md-4 col-sm-6"> |
||
139 | <strong>Follow these simple steps</strong> |
||
140 | <ul> |
||
141 | <li>Extend <code>CfUnit.FB_TestSuite</code>,</li> |
||
142 | <li>Add the attribute-pragma <code>{attribute ‘call_after_init’}</code>,</li> |
||
143 | <li>Define the inputs, define the expected outputs (result),</li> |
||
144 | <li>Call the CfUnit-assert methods to compare the expected output to the actual output,</li> |
||
145 | <li>Close the test with <code>TEST_FINISHED()</code> when finished.</li> |
||
146 | </ul> |
||
147 | </ul> |
||
148 | </p> |
||
149 | <p class="col-md-4 col-sm-6"> |
||
150 | <strong>User Guide</strong><br> |
||
151 | Follow <a href="https://tcunit.org/introduction-user-guide/">this tuturial</a>.<br> |
||
152 | The end result of this tuturial in CODESYS can be downloaded <a href="#Downloads">here</a> |
||
153 | <br> |
||
154 | <i>Allthough initially written for TwinCAT, it can be easily followed by CODESYS users.</i> |
||
155 | </p> |
||
156 | <p class="col-md-4 col-sm-6"> |
||
157 | <strong>API</strong><br> |
||
158 | <a href="https://forge.codesys.com/prj/cfunit/home/CfUnit%20API%20Reference/">Online API reference can be found here</a>. |
||
159 | </p> |
||
160 | <p class="col-md-4 col-sm-6"> |
||
161 | <strong>Bugs</strong><br> |
||
162 | Bugs can be reported by opening a <a href="https://forge.codesys.com/prj/cfunit/tickets/">ticket</a> here. |
||
163 | </p> |
||
164 | </div> <!-- /.faqs --> |
||
165 | </div> <!-- /.container --> |
||
166 | |||
167 | |||
168 | <div class="container"> |
||
169 | <h3 id="Downloads" class="subhead">Downloads</h3> |
||
170 | <div class="row downloads"> |
||
171 | <p class="col-md-4 col-sm-6"> |
||
172 | <strong>CfUnit.compiled-library</strong><br> |
||
173 | v0.9.0.0 precompiled version.<br> |
||
174 | <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/CfUnit.compiled-library?format=raw" class="btn btn-primary">Download</a> |
||
175 | </p> |
||
176 | <p class="col-md-4 col-sm-6"> |
||
177 | <strong>CfUnit.library</strong><br> |
||
178 | v0.9.0.0, Compile and install it yourself<br> |
||
179 | <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/CfUnit.library?format=raw" class="btn btn-primary">Download</a> |
||
180 | </p> |
||
181 | <p class="col-md-4 col-sm-6"> |
||
182 | <strong>CfUnitVerifier.project</strong><br> |
||
183 | Verifies CfUnit and doubles<br> |
||
184 | as a usage example<br> |
||
185 | <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/CfUnitVerifier.project?format=raw" class="btn btn-primary">Download</a> |
||
186 | </p> |
||
187 | <p class="col-md-4 col-sm-6"> |
||
188 | <strong>CfUnitVerifier output.xml</strong><br> |
||
189 | CfUnit library verifier output in XML<br> |
||
190 | <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/CfUnitVerifier%20output.xml?format=raw" class="btn btn-primary">Download</a> |
||
191 | </p> |
||
192 | <p class="col-md-4 col-sm-6"> |
||
193 | <strong>SimpleCfUnitExampleProject.project</strong><br> |
||
194 | Simple Usage Example<br> |
||
195 | <a href="https://forge.codesys.com/prj/cfunit/code/HEAD/tree/tags/v0.9.0.0/SimpleCfUnitExampleProject.project?format=raw" class="btn btn-primary">Download</a> |
||
196 | </p> |
||
197 | </div> <!-- /.row downloads --> |
||
198 | </div> <!-- /.container --> |
||
199 | |||
200 | |||
201 | <div class="container-alternate"> |
||
202 | <div class="container"> |
||
203 | <h3 id="about" class="subhead">About</h3> |
||
204 | <div class="row about"> |
||
205 | <div class="col-md-10 col-md-offset-1 text-center"> |
||
206 | </p> |
||
207 | Kudos to Jakob Sagatowski for his kind permission to port |
||
208 | his wonderful testing framework to CODESYS. Assistance provided by |
||
209 | zer0g & Ingo was greatly appreciated. Without their assistance this |
||
210 | project would have taken me several months. |
||
211 | Kudos for helping out with various tickets and providing valueable |
||
212 | feedback! |
||
213 | </p> |
||
214 | <p> |
||
215 | Ported from TcUnit v0.9.0, originally written for TwinCAT3 by Jakob Sagatowski. |
||
216 | <p> |
||
217 | </div> <!-- /.col-md-10 --> |
||
218 | </div> <!-- /.row --> |
||
219 | </div> <!-- /.container --> |
||
220 | </div> <!-- /.container-alternate --> |
||
221 | |||
222 | <footer> |
||
223 | <div class="container clearfix"> |
||
224 | <p class="pull-left"> |
||
225 | <span class="glyphicon glyphicon-envelope"></span> Contact |
||
226 | </p> |
||
227 | <p class="pull-right"> |
||
228 | template by <a href="http://coverstrap.com">Coverstrap</a> |
||
229 | </p> |
||
230 | </div> <!-- /.container --> |
||
231 | </footer> |
||
232 | |||
233 | <script src="js/jquery.js"></script> |
||
234 | <script src="js/bootstrap.min.js"></script> |
||
235 | <script> |
||
236 | $(".nav-link").click(function(e) { |
||
237 | e.preventDefault(); |
||
238 | var link = $(this); |
||
239 | var href = link.attr("href"); |
||
240 | $("html,body").animate({scrollTop: $(href).offset().top - 80}, 500); |
||
241 | link.closest(".navbar").find(".navbar-toggle:not(.collapsed)").click(); |
||
242 | }); |
||
243 | </script> |
||
244 | </body> |
||
245 | </html> |