From 2797c73244045e361c6e065702ff31e805e18690 Mon Sep 17 00:00:00 2001
From: Yuriy Yevstihnyeyev <yuriy@vaadin.com>
Date: Fri, 13 Jul 2018 12:07:05 +0300
Subject: [PATCH] Update demo and test wording

---
 demo/dropdown-menu-basic-demos.html | 8 +++++---
 src/vaadin-dropdown-menu.html       | 2 +-
 test/renderer.html                  | 8 ++++----
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/demo/dropdown-menu-basic-demos.html b/demo/dropdown-menu-basic-demos.html
index f3b064f6..7d23c726 100644
--- a/demo/dropdown-menu-basic-demos.html
+++ b/demo/dropdown-menu-basic-demos.html
@@ -23,9 +23,11 @@ <h3>Basic Usage</h3>
 
     <h3>Using renderer</h3>
     <p>
-      By default the overlay is using Polymer's Templatizer and stamp/update the instances.
-      User is able to provide `renderer` function to render the content.
-      `renderer` function is prioritized over the default implementation.
+      By default, the dropdown uses the content from its template using Polymer.Templatize.
+      Alternatively, the content can be provided using the renderer callback function.
+    </p>
+    <p>
+      <strong>NOTE:</strong> When the renderer property is defined, the <code>&lt;template&gt;</code> content is not used.
     </p>
     <vaadin-demo-snippet id="dropdown-menu-list-box-renderer">
       <template preserve-content>
diff --git a/src/vaadin-dropdown-menu.html b/src/vaadin-dropdown-menu.html
index 4dee7494..11a689c0 100644
--- a/src/vaadin-dropdown-menu.html
+++ b/src/vaadin-dropdown-menu.html
@@ -150,7 +150,7 @@
             },
 
             /**
-             * Custom function for rendering the content of the overlay
+             * Custom function for rendering the content of the dropdown
              */
             renderer: {
               type: Function,
diff --git a/test/renderer.html b/test/renderer.html
index d3db8e87..ecbba0be 100644
--- a/test/renderer.html
+++ b/test/renderer.html
@@ -50,7 +50,7 @@
 
        it('should use renderer when it is defined', () => {
          dropdown.renderer = root => root.appendChild(rendererContent);
-         expect(dropdown.shadowRoot.querySelector('vaadin-list-box mock-item').textContent.trim()).to.be.eql('renderer item');
+         expect(dropdown.shadowRoot.querySelector('vaadin-list-box mock-item').textContent.trim()).to.equal('renderer item');
        });
 
        it('should pass vaadin-dialog as owner to vaadin-overlay', () => {
@@ -66,7 +66,7 @@
        beforeEach(() => dropdown = fixture('with-template'));
 
        it('should fallback to render content with Templatizer when renderer is not defined', () => {
-         expect(dropdown.shadowRoot.querySelector('vaadin-list-box mock-item').textContent.trim()).to.be.eql('templatizer item');
+         expect(dropdown.shadowRoot.querySelector('vaadin-list-box mock-item').textContent.trim()).to.equal('templatizer item');
        });
 
        it('renderer should receive empty root when defined after template', () => {
@@ -75,9 +75,9 @@
 
        it('the initial template instance should be used after renderer was assigned and removed', () => {
          dropdown.renderer = root => root.appendChild(rendererContent);
-         expect(dropdown.shadowRoot.querySelector('vaadin-list-box mock-item').textContent.trim()).to.be.eql('renderer item');
+         expect(dropdown.shadowRoot.querySelector('vaadin-list-box mock-item').textContent.trim()).to.equal('renderer item');
          dropdown.renderer = null;
-         expect(dropdown.shadowRoot.querySelector('vaadin-list-box mock-item').textContent.trim()).to.be.eql('templatizer item');
+         expect(dropdown.shadowRoot.querySelector('vaadin-list-box mock-item').textContent.trim()).to.equal('templatizer item');
        });
      });
    });