doc: Test for Lablefield

MikeMitterer · Jan 14, 2016 · 04e7426f91359c8c536d39f7eb2762f6a5d2b35f · 04e7426
1 parent 127f288
commit 04e7426f91359c8c536d39f7eb2762f6a5d2b35f
Unified Split

Showing with 110 additions and 1 deletion.

+1 −1 lib/src/components/MaterialLabelfield.dart

+1 −0 lib/src/grinder/src/samples.dart

+73 −0 test/visual/components/labelfield_test.dart

+35 −0 test/visual/components/labelfield_test.html
diff --git a/lib/src/components/MaterialLabelfield.dart b/lib/src/components/MaterialLabelfield.dart
@@ -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);
    }

diff --git a/lib/src/grinder/src/samples.dart b/lib/src/grinder/src/samples.dart
@@ -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));

diff --git a/test/visual/components/labelfield_test.dart b/test/visual/components/labelfield_test.dart
@@ -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
+  
+}
diff --git a/test/visual/components/labelfield_test.html b/test/visual/components/labelfield_test.html
@@ -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>