Define items in visual test for vaadin-message-list with js (#26)

vaadin · Feb 12, 2021 · c5be790 · c5be790
1 parent bcd7021
commit c5be790
Showing 1 changed file with 19 additions and 5 deletions.
diff --git a/test/visual/message-list.html b/test/visual/message-list.html
@@ -16,11 +16,7 @@
 
 <body>
   <div id="tests" style="padding: 10px">
-    <vaadin-message-list
-      items='[{"text":"Hello list","time":"yesterday","userName":"Matt Mambo","userAbbr":"MM",
-      "userColorIndex":1},{"text":"Another message","time":"right now","userName":"Linsey Listy",
-      "userAbbr":"LL","userColorIndex":2,"userImg":"/test/visual/avatars/avatar.jpg"}]'>
-    </vaadin-message-list>
+    <vaadin-message-list></vaadin-message-list>
   </div>
 
   <script type="module">
@@ -30,6 +26,24 @@
       await import('../../theme/' + theme + '/vaadin-message-list.js');
 
       window.requestAnimationFrame(() => {
+        const messageList = document.querySelector('vaadin-message-list');
+        messageList.items = [
+          {
+            text: 'Hello list',
+            time: 'yesterday',
+            userName: 'Matt Mambo',
+            userAbbr: 'MM',
+            userColorIndex: 1
+          },
+          {
+            text: 'Another message',
+            time: 'right now',
+            userName: 'Linsey Listy',
+            userAbbr: 'LL',
+            userColorIndex: 2,
+            userImg: '/test/visual/avatars/avatar.jpg'
+          }
+        ];
         document.getElementById('tests').dataset.ready = true;
       });
     })();