Diff of /trunk/landingpage/index.html [000000] .. [r97]  Maximize  Restore

Switch to unified view

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 &mdash; 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>