Emphasize 'Clear completed' buttouun

paramgogia · paramgogia · commit 05ad838395bf · 2026-03-19T19:20:59.000+05:30
diff --git a/index.html b/index.html
@@ -4,6 +4,21 @@
 		<meta charset="utf-8">
 		<title>VanillaJS • TodoMVC</title>
 		<link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
+		<style>
+			.clear-completed {
+				background: #ff4757;
+				color: #fff;
+				padding: 8px 12px;
+				border-radius: 6px;
+				border: none;
+				box-shadow: 0 2px 0 rgba(0,0,0,0.12);
+				cursor: pointer;
+				font-weight: 700;
+			}
+			.clear-completed:hover {
+				background: #ff6b81;
+			}
+		</style>
 	</head>
 	<body>
 		<section class="todoapp">
@@ -29,7 +44,7 @@ <h1>todos</h1>
 						<a href="#/completed">Completed</a>
 					</li>
 				</ul>
-				<button class="clear-completed" style="font-weight:bold">Clear completed</button>
+				<button class="clear-completed">🧹 Clear Completed</button>
 			</footer>
 		</section>
 		<footer class="info">
diff --git a/tests/todo.py b/tests/todo.py
@@ -22,20 +22,15 @@
 # go to the example app
 browser.get('http://localhost:8000')
 browser.implicitly_wait(10)
-
-# snapshot empty state
-percy_snapshot(browser, 'Empty Todo State')
-
-# snapshot with a new todo
+# perform actions: add a todo and mark it completed
 new_todo_input = browser.find_element(By.CLASS_NAME, 'new-todo')
 new_todo_input.send_keys('Try Percy')
 new_todo_input.send_keys(Keys.ENTER)
-percy_snapshot(browser, 'With a Todo')
-
-# snapshot with a completed todo
 todo_toggle = browser.find_element(By.CLASS_NAME, 'toggle')
 todo_toggle.click()
-percy_snapshot(browser, 'Completed Todo')
+
+# single Percy snapshot for the final state
+percy_snapshot(browser, 'Final Todo State')
 
 # clean up
 browser.quit()
