Permalink
Browse files

doc: Test for Lablefield

  • Loading branch information...
MikeMitterer committed Jan 14, 2016
1 parent 127f288 commit 04e7426f91359c8c536d39f7eb2762f6a5d2b35f
@@ -100,7 +100,7 @@ class MaterialLabelfield extends MdlComponent {
//- private -----------------------------------------------------------------------------------

void _init() {
_logger.info("MaterialLabelfield - init");
_logger.fine("MaterialLabelfield - init");

element.classes.add(_cssClasses.IS_UPGRADED);
}
@@ -164,6 +164,7 @@ void createSampleList() {
samples.add(new Sample("dialog", Type.Dart, hasOwnDartMain: true, hasOwnDemoHtml: true));
samples.add(new Sample("dnd", Type.Dart, hasOwnDartMain: true, hasOwnDemoHtml: true));
samples.add(new Sample("forms", Type.Dart, hasOwnDemoHtml: true));
samples.add(new Sample("lablefield", Type.Dart, hasOwnDartMain: true, hasOwnDemoHtml: true));
samples.add(new Sample("nav-pills", Type.Dart, hasOwnDemoHtml: true));
samples.add(new Sample("notification", Type.Dart, hasOwnDartMain: true, hasOwnDemoHtml: true));
samples.add(new Sample("panel", Type.Dart, hasOwnDemoHtml: true));
@@ -0,0 +1,73 @@
/*
* Copyright (c) 2015, Michael Mitterer (office@mikemitterer.at),
* IT-Consulting and Development Limited.
*
* All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/

// @TestOn("dartium")
@TestOn("content-shell")
import 'package:test/test.dart';

import 'dart:html' as dom;

import 'package:mdl/mdl.dart';

import '../config.dart';

main() async {
// final Logger _logger = new Logger("test.Labelfield");
configLogging();

registerMdl();
await initComponents();

group('Labelfield', () {
setUp(() { });

test('> check if upgraded', () {
final dom.HtmlElement element = dom.document.querySelector("#search_engine");
expect(element,isNotNull);


expect(element.dataset.containsKey("upgraded"),isTrue);
expect(element.dataset["upgraded"],"MaterialLabelfield");
});

test('> widget', () {
final dom.HtmlElement htmlElement = dom.querySelector("#search_engine");
expect(htmlElement,isNotNull);

final dom.HtmlElement htmlLabel = htmlElement.querySelector(".mdl-labelfield__label");
final dom.HtmlElement htmlText = htmlElement.querySelector(".mdl-labelfield__text");
expect(htmlLabel,isNotNull);
expect(htmlText,isNotNull);

expect(htmlLabel.text.trim(),"Search engine");
expect(htmlText.text.trim(),"Google");

final MaterialLabelfield label = MaterialLabelfield.widget(htmlElement);
expect(label,isNotNull);

label.label = "Another search engine";
label.value = "Yahoo";

expect(htmlLabel.text.trim(),"Another search engine");
expect(htmlText.text.trim(),"Yahoo");

}); // end of 'widget' test
});
// end 'Accordion' group
}
@@ -0,0 +1,35 @@
<!doctype html>
<html>
<head>
<title>Lablefield Test</title>
<link rel="x-dart-test" href="labelfield_test.dart">
<script src="packages/test/dart.js"></script>
</head>
<body>
<div class="ui-test ui-test---lablefield">
<div class="mdl-form">
<h5 class="mdl-form__title">Labels</h5>
<div class="mdl-form__content">
<div id="search_engine" class="mdl-labelfield mdl-labelfield--with-border">
<label class="mdl-labelfield__label ">Search engine</label>
<div class="mdl-labelfield__text">Google</div>
</div>
<div id="interruption" class="mdl-labelfield mdl-labelfield--with-border">
<label class="mdl-labelfield__label">Interruptions</label>
</div>
<div id="ringtone" class="mdl-labelfield mdl-labelfield--with-border">
<label class="mdl-labelfield__label">Phone ringtone</label>
<div class="mdl-labelfield__text">Titania</div>
</div>
<div class="mdl-labelfield">
<label class="mdl-labelfield__label">Start time</label>
<div class="mdl-labelfield__text">10:00 AM</div>
</div>
</div>
<div class="mdl-form__actions">
<button class="mdl-button mdl-js-button mdl-js-ripple-effect">Change values</button>
</div>
</div>
</div>
</body>
</html>

0 comments on commit 04e7426

Please sign in to comment.