From dab4d22dad165425539db4b3d38aa518e2a07895 Mon Sep 17 00:00:00 2001
From: Raymond Khalife <raymond.khalife@dfinity.org>
Date: Mon, 10 Feb 2025 16:50:42 -0500
Subject: [PATCH] add greeting id for playwright tests

---
 .../project_templates/react/src/__frontend_name__/src/App.jsx   | 2 +-
 .../svelte/src/__frontend_name__/src/routes/+page.svelte        | 2 +-
 .../vanilla_js/src/__frontend_name__/src/App.js                 | 2 +-
 .../project_templates/vue/src/__frontend_name__/src/App.vue     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/dfx/assets/project_templates/react/src/__frontend_name__/src/App.jsx b/src/dfx/assets/project_templates/react/src/__frontend_name__/src/App.jsx
index 6b59e947d9..d1902e5b1d 100644
--- a/src/dfx/assets/project_templates/react/src/__frontend_name__/src/App.jsx
+++ b/src/dfx/assets/project_templates/react/src/__frontend_name__/src/App.jsx
@@ -15,7 +15,7 @@ function App() {
   return (
     <main className="container">
       <div className="card">
-        <h1>{greeting}</h1>
+        <h1 id="greeting">{greeting}</h1>
         <form action="#" onSubmit={handleSubmit}>
           <label htmlFor="name">Enter your name:</label>
           <input type="text" id="name" required />
diff --git a/src/dfx/assets/project_templates/svelte/src/__frontend_name__/src/routes/+page.svelte b/src/dfx/assets/project_templates/svelte/src/__frontend_name__/src/routes/+page.svelte
index 0094d978a6..ad154524d9 100644
--- a/src/dfx/assets/project_templates/svelte/src/__frontend_name__/src/routes/+page.svelte
+++ b/src/dfx/assets/project_templates/svelte/src/__frontend_name__/src/routes/+page.svelte
@@ -13,7 +13,7 @@
 
 <main class="container">
   <div class="card">
-    <h1>{greeting}</h1>
+    <h1 id="greeting">{greeting}</h1>
     <form action="#" on:submit|preventDefault={onSubmit}>
       <label for="name">Enter your name:</label>
       <input type="text" id="name" required />
diff --git a/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/src/App.js b/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/src/App.js
index 36d30e5308..1bb8735846 100644
--- a/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/src/App.js
+++ b/src/dfx/assets/project_templates/vanilla_js/src/__frontend_name__/src/App.js
@@ -20,7 +20,7 @@ class App {
     let body = html`
         <main class="container">
             <div class="card">
-                <h1>${this.greeting}</h1>
+                <h1 id="greeting">${this.greeting}</h1>
                 <form action="#">
                     <label for="name">Enter your name:</label>
                     <input type="text" id="name" required />
diff --git a/src/dfx/assets/project_templates/vue/src/__frontend_name__/src/App.vue b/src/dfx/assets/project_templates/vue/src/__frontend_name__/src/App.vue
index ae382c7b34..1e13712fe6 100644
--- a/src/dfx/assets/project_templates/vue/src/__frontend_name__/src/App.vue
+++ b/src/dfx/assets/project_templates/vue/src/__frontend_name__/src/App.vue
@@ -15,7 +15,7 @@ async function handleSubmit(e) {
 <template>
   <main class="container">
     <div class="card">
-      <h1>{{ greeting }}</h1>
+      <h1 id="greeting">{{ greeting }}</h1>
 
       <form action="#" @submit="handleSubmit">
         <label for="name">Enter your name:</label>