Add emojis to a todomvc app (#417)

Author: flashdesignory

resources/tests.mjs

@@ -87,6 +87,40 @@ Suites.push({
     ],
 });
 
+Suites.push({
+    name: "TodoMVC-Emoji",
+    url: "resources/todomvc/vanilla-examples/javascript-web-components/dist/index.html",
+    tags: ["todomvc", "experimental"],
+    disabled: true,
+    async prepare(page) {
+        await page.waitForElement("todo-app");
+    },
+    tests: [
+        new BenchmarkTestStep(`Adding${numberOfItemsToAdd}Items`, (page) => {
+            const input = page.querySelector(".new-todo-input", ["todo-app", "todo-topbar"]);
+            for (let i = 0; i < numberOfItemsToAdd; i++) {
+                input.setValue(getTodoText("emoji", i));
+                input.dispatchEvent("input");
+                input.enter("keyup");
+            }
+        }),
+        new BenchmarkTestStep("CompletingAllItems", (page) => {
+            const items = page.querySelectorAll("todo-item", ["todo-app", "todo-list"]);
+            for (let i = 0; i < numberOfItemsToAdd; i++) {
+                const item = items[i].querySelectorInShadowRoot(".toggle-todo-input");
+                item.click();
+            }
+        }),
+        new BenchmarkTestStep("DeletingAllItems", (page) => {
+            const items = page.querySelectorAll("todo-item", ["todo-app", "todo-list"]);
+            for (let i = numberOfItemsToAdd - 1; i >= 0; i--) {
+                const item = items[i].querySelectorInShadowRoot(".remove-todo-button");
+                item.click();
+            }
+        }),
+    ],
+});
+
 Suites.push({
     name: "TodoMVC-JavaScript-ES5",
     url: "resources/todomvc/vanilla-examples/javascript-es5/dist/index.html",

resources/translations.mjs

@@ -611,6 +611,108 @@ export const todos = {
         "Главная гранитная пицца",
         "Великолепная пластиковая клавиатура",
     ],
+    emoji: [
+        "Electronic Granite Hat 👆🏻",
+        "Bespoke Soft 🍷 Table",
+        "Ergonomic Fresh Bike 😚😚",
+        "Luxurious 🍉  Wooden Cheese 🍮",
+        "Gorgeous Fresh Pizza ⛔",
+        "Rustic 💪🏽 Rubber Shirt",
+        "Modern Rubber 🍀 Soap",
+        "👍 Small Bronze Ball 👍",
+        "Awesome Bronze Shoes 😎",
+        "Bespoke 👈🏽 Steel Chair",
+        "Practical Plastic 💋 💋 Soap",
+        "🙌🏻 Incredible Granite Bacon",
+        "🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃🎃",
+        "Electronic Wooden Sausages 🌷",
+        "Tasty 🍺 Wooden Gloves",
+        "🏖️ Luxurious Metal Cheese",
+        "Awesome Rubber 😉 Gloves",
+        "Sleek Soft Car 💁🏻‍♂️",
+        "Licensed 👏👏👏 Fresh Salad",
+        "Ergonomic Frozen Towels 🐇",
+        "🖐🏻 Modern Rubber Keyboard",
+        "Tasty Concrete Pizza ✨✨",
+        "Handmade 😘 Plastic 😘 Chicken 😘",
+        "🏁 Luxurious Rubber Chicken 🏁",
+        "Practical Soft Fish 🤍",
+        "Ergonomic Bronze Shirt 😍",
+        "😸😸 Handcrafted 🐻 Plastic Bacon",
+        "Unbranded 🐭 Plastic Pants",
+        "🤘 Modern 🤘 Wooden 🤘 Sausages",
+        "Handmade Steel Shoes 👍",
+        "Rustic 🧁🧁 Steel Bike",
+        "Gorgeous Frozen Salad 👩‍💻",
+        "Handmade Bronze Chicken 😮😸",
+        "Sleek 🍐 Granite Bike",
+        " ❌  ❌ Generic Concrete Sausages",
+        "Incredible 🍉 Plastic Tuna",
+        "Bespoke Fresh Cheese 😘",
+        "💡💡💡💡💡💡💡💡💡💡💡💡💡💡💡💡💡💡",
+        "Licensed 🍐 Wooden 🍅 Car ",
+        "Recycled Fresh Fish 🤡",
+        "📞 Incredible Fresh Shoes",
+        "Practical 🐻🐻 Soft Chips",
+        "Small 💝 Soft Chicken",
+        " 💝 Intelligent Fresh Mouse  💝",
+        "Modern Metal 🧵 Mouse",
+        "🦈 Tasty Granite Gloves",
+        "Awesome Rubber Bike 😡😡😡😡",
+        "🚮 Small Steel Shirt 🚮",
+        "Refined 🌲 Concrete Computer",
+        "Sleek Frozen Shirt 👨‍🦰",
+        "Intelligent Concrete ➗➗➗ Shoes",
+        "🏅Handmade Rubber Car",
+        "Sleek 👨🏼‍🌾 Rubber 👨🏼‍🌾 Towels",
+        "Unbranded Concrete Hat🎇",
+        "🌀🌀Incredible Plastic Fish",
+        "Practical Soft Gloves🌶️ 🌶️",
+        "Organic 🍞 Stone 🔽 Pizza 🥴",
+        "Generic Wooden Keyboard 💙",
+        "Recycled 🔴 Wooden Chips",
+        "Incredible Rubber Chips 🍹",
+        "🌵 Ergonomic Granite Shirt",
+        "Tasty Frozen 🦄 Keyboard",
+        "🍣 Gorgeous Steel 🥯 Soap",
+        "Luxurious Plastic Chair 🧑‍🦰",
+        "Elegant Frozen 🧑‍🦰 Bike",
+        "Recycled 🟠🟠 Steel Chair",
+        "⭐⭐ Modern ⭐ Bronze ⭐ Sausages",
+        "Elegant Wooden Cheese🤘",
+        "Small 🎎 Plastic 🛩️ Sausages",
+        "*️⃣*️⃣*️⃣*️⃣ Luxurious Frozen Shoes",
+        "Sleek Plastic Sausages 🚩",
+        "Handcrafted Fresh 💮 Sausages",
+        "Incredible 🤢🤢 Soft Chair",
+        "🇬🇪 Recycled 🇲🇺 Wooden Soap",
+        "Soft 🦌 Rubber Duck 🐥",
+        "Licensed Concrete Tuna 👎👎",
+        "Luxurious Granite 💝 Pants",
+        "Refined Rubber Keyboard 💝",
+        "👌🏻👌🏻 Handcrafted Plastic Computer",
+        "Practical Steel 🐪 Salad",
+        "Incredible Soft Bacon 🌺",
+        "Practical Metal 🥊 Fish",
+        "Elegant 👩🏾‍❤️‍💋‍👨🏽👩🏾‍❤️‍💋‍👨🏽 Rubber Shirt",
+        "🛺 Handcrafted Rubber Table",
+        "Gorgeous 🦙 Wooden Table 🦙",
+        "🍉 Fantastic Steel Sausages",
+        "Small Soft Keyboard👟",
+        "Generic 🦙🦙 Steel Ball",
+        "Electronic Frozen Hat ✌🏾✌🏾✌🏾✌🏾✌🏾",
+        "Gorgeous 🍏 Fresh Chair",
+        "Sleek Soft 💧 Sausages",
+        "Gorgeous Wooden Towels 🍿",
+        "Bespoke 🌅 Granite Pizza",
+        "Generic Metal Salad 🎗️",
+        "✨ Handmade ✨ Rubber ✨ Cheese ✨",
+        "Fantastic 🐥 🌺 🤷🏾 Steel Chair",
+        "Handcrafted Frozen Computer 🛡️ 🧸 🐓",
+        "🐹 Rustic Rubber Mouse",
+        "💠 Sleek Granite Pizza 💠",
+        "Gorgeous 🧝🏻‍♂️ Plastic Keyboard",
+    ],
 };
 
 export const defaultTodoText = {
@@ -620,4 +722,5 @@ export const defaultTodoText = {
     es: "Algo que hacer",
     de: "Etwas zu tun",
     ru: "Кое-что сделать",
+    emoji: "Something to do 😊",
 };