fix(curriculum): removing incorrect use of aria labels in TODO app (#53001)

This commit is contained in:
Jessica Wilkins
2024-01-09 09:11:51 -08:00
committed by GitHub
parent 1394bbb1ca
commit 4c8f8747e6
58 changed files with 179 additions and 200 deletions

View File

@@ -89,7 +89,7 @@ assert.match(code, /const\s+openTaskFormBtn\s*=\s*document\.getElementById\(\s*(
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -98,10 +98,10 @@ assert.match(code, /const\s+openTaskFormBtn\s*=\s*document\.getElementById\(\s*(
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -85,7 +85,7 @@ assert.match(code, /const\s+cancelBtn\s*=\s*document\.getElementById\(\s*('|"|`)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -94,10 +94,10 @@ assert.match(code, /const\s+cancelBtn\s*=\s*document\.getElementById\(\s*('|"|`)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -85,7 +85,7 @@ assert.match(code, /const\s+titleInput\s*=\s*document\.getElementById\(\s*('|"|`
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -94,10 +94,10 @@ assert.match(code, /const\s+titleInput\s*=\s*document\.getElementById\(\s*('|"|`
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -73,7 +73,7 @@ assert.match(code, /const\s+descriptionInput\s*=\s*document\.getElementById\(\s*
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -82,10 +82,10 @@ assert.match(code, /const\s+descriptionInput\s*=\s*document\.getElementById\(\s*
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -63,7 +63,7 @@ assert.match(code, /let\s+currentTask\s*=\s*\{\};?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -72,10 +72,10 @@ assert.match(code, /let\s+currentTask\s*=\s*\{\};?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -71,7 +71,7 @@ assert.match(code, /openTaskFormBtn\.addEventListener\(\s*('|"|`)click\1\s*,\s*\
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -80,10 +80,10 @@ assert.match(code, /openTaskFormBtn\.addEventListener\(\s*('|"|`)click\1\s*,\s*\
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -69,7 +69,7 @@ assert.match(code, /closeTaskFormBtn\.addEventListener\(('|"|`)click\1,\s*\(.*\)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -78,10 +78,10 @@ assert.match(code, /closeTaskFormBtn\.addEventListener\(('|"|`)click\1,\s*\(.*\)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -71,7 +71,7 @@ assert.match(code, /cancelBtn\.addEventListener\(('|"|`)click\1\,\s*\(\)\s*\s*=>
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -80,10 +80,10 @@ assert.match(code, /cancelBtn\.addEventListener\(('|"|`)click\1\,\s*\(\)\s*\s*=>
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -81,7 +81,7 @@ assert.match(code, /discardBtn\.addEventListener\(\s*('|"|`)click\1\s*,\s*\(\)\s
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -90,10 +90,10 @@ assert.match(code, /discardBtn\.addEventListener\(\s*('|"|`)click\1\s*,\s*\(\)\s
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -75,7 +75,7 @@ assert.match(code, /taskForm\.addEventListener\(('|"|`)submit\1,\s*\(e\)\s*=>\s*
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -84,10 +84,10 @@ assert.match(code, /taskForm\.addEventListener\(('|"|`)submit\1,\s*\(e\)\s*=>\s*
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -82,7 +82,7 @@ assert.match(code, /const dataArrIndex\s*=\s*taskData\.findIndex\(\(?item\)?\s*=
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -91,10 +91,10 @@ assert.match(code, /const dataArrIndex\s*=\s*taskData\.findIndex\(\(?item\)?\s*=
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -83,7 +83,7 @@ assert.match(code, /const\s+taskObj\s*=\s*\{\s*id:\s*`\$\{titleInput\.value\.toL
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -92,10 +92,10 @@ assert.match(code, /const\s+taskObj\s*=\s*\{\s*id:\s*`\$\{titleInput\.value\.toL
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -67,7 +67,7 @@ assert.match(code, /description:\s*descriptionInput\.value,?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -76,10 +76,10 @@ assert.match(code, /description:\s*descriptionInput\.value,?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -68,7 +68,7 @@ assert.match(code, /if\s*\(dataArrIndex\s*===\s*-1\)\s*\{\s*taskData\.unshift\(t
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -77,10 +77,10 @@ assert.match(code, /if\s*\(dataArrIndex\s*===\s*-1\)\s*\{\s*taskData\.unshift\(t
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -63,7 +63,7 @@ assert.match(code, /taskData\.forEach\(\s*\(\s*\{\s*(?:id\s*,\s*title\s*,\s*date
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -72,10 +72,10 @@ assert.match(code, /taskData\.forEach\(\s*\(\s*\{\s*(?:id\s*,\s*title\s*,\s*date
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -67,7 +67,7 @@ assert.match(code, /taskData\.forEach\(\(\{.*\}\)\s*=>\s*\{?\s*(\s*\(?tasksConta
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -76,10 +76,10 @@ assert.match(code, /taskData\.forEach\(\(\{.*\}\)\s*=>\s*\{?\s*(\s*\(?tasksConta
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -61,7 +61,7 @@ assert.match(code, /<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2\s*
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -70,10 +70,10 @@ assert.match(code, /<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2\s*
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -74,7 +74,7 @@ assert.match(code, /<p><strong>Title:\s*<\/strong>\s*/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -83,10 +83,10 @@ assert.match(code, /<p><strong>Title:\s*<\/strong>\s*/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -61,7 +61,7 @@ assert.match(code, /<p><strong>Date:\s*<\/strong>\s*/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -70,10 +70,10 @@ assert.match(code, /<p><strong>Date:\s*<\/strong>\s*/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -63,7 +63,7 @@ assert.match(code, /<button\s+type=('|")button\1\s+class=('|")btn\2>Delete<\/but
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -72,10 +72,10 @@ assert.match(code, /<button\s+type=('|")button\1\s+class=('|")btn\2>Delete<\/but
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -56,7 +56,7 @@ assert.match(splitter[0], /taskForm\.classList\.toggle\(('|")hidden\1\)/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -65,10 +65,10 @@ assert.match(splitter[0], /taskForm\.classList\.toggle\(('|")hidden\1\)/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -65,7 +65,7 @@ assert.match(reset.toString(), /\(\)\s*\{\s*\}/);
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -74,10 +74,10 @@ assert.match(reset.toString(), /\(\)\s*\{\s*\}/);
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -81,7 +81,7 @@ assert.match(reset.toString(), /currentTask\s*=\s*\{\};?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -90,10 +90,10 @@ assert.match(reset.toString(), /currentTask\s*=\s*\{\};?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -62,7 +62,7 @@ assert.match(code, /reset\(\)/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -71,10 +71,10 @@ assert.match(code, /reset\(\)/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -62,7 +62,7 @@ assert.match(code, /confirmCloseDialog\.close\(\);?\s*reset\(\);?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -71,10 +71,10 @@ assert.match(code, /confirmCloseDialog\.close\(\);?\s*reset\(\);?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -57,7 +57,7 @@ assert.match(code, /const\s*formInputsContainValues\s*=\s*titleInput\.value\s*\|
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -66,10 +66,10 @@ assert.match(code, /const\s*formInputsContainValues\s*=\s*titleInput\.value\s*\|
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -73,7 +73,7 @@ assert.match(code, /if\s*\(formInputsContainValues\)\s*\{\s*confirmCloseDialog\.
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -82,10 +82,10 @@ assert.match(code, /if\s*\(formInputsContainValues\)\s*\{\s*confirmCloseDialog\.
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -76,7 +76,7 @@ assert.match(code, /const\s+addOrUpdateTask\s*=\s*\(\)\s*=>\s*\{\s*const\s+dataA
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -85,10 +85,10 @@ assert.match(code, /const\s+addOrUpdateTask\s*=\s*\(\)\s*=>\s*\{\s*const\s+dataA
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -61,7 +61,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\)\s*=>\s*\{\s*taskData\
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -70,10 +70,10 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\)\s*=>\s*\{\s*taskData\
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -61,7 +61,7 @@ assert.match(code, /updateTaskContainer\(\);?\s*reset\(\);?\s*/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -70,10 +70,10 @@ assert.match(code, /updateTaskContainer\(\);?\s*reset\(\);?\s*/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -55,7 +55,7 @@ assert.match(code, /addOrUpdateTask\(\)/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -64,10 +64,10 @@ assert.match(code, /addOrUpdateTask\(\)/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -63,7 +63,7 @@ assert.match(code, /<button\s*onclick\s*=\s*('|")deleteTask\(\s*this\s*\)\1\s*ty
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -72,10 +72,10 @@ assert.match(code, /<button\s*onclick\s*=\s*('|")deleteTask\(\s*this\s*\)\1\s*ty
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -67,7 +67,7 @@ assert.match(deleteTask.toString(), /\(\s*buttonEl\s*\)\s*\{\s*\}/);
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -76,10 +76,10 @@ assert.match(deleteTask.toString(), /\(\s*buttonEl\s*\)\s*\{\s*\}/);
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -58,7 +58,7 @@ assert.match(code, /tasksContainer\.innerHTML\s*=\s*("|')\1;?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -67,10 +67,10 @@ assert.match(code, /tasksContainer\.innerHTML\s*=\s*("|')\1;?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -76,7 +76,7 @@ assert.match(code, /const\s*deleteTask\s*=\s*\(buttonEl\)\s*=>\s*\{\s*const data
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -85,10 +85,10 @@ assert.match(code, /const\s*deleteTask\s*=\s*\(buttonEl\)\s*=>\s*\{\s*const data
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -89,7 +89,7 @@ assert.match(deleteTask.toString(), /taskData\.splice\(dataArrIndex,\s*1\);?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -98,10 +98,10 @@ assert.match(deleteTask.toString(), /taskData\.splice\(dataArrIndex,\s*1\);?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -67,7 +67,7 @@ assert.match(editTask.toString(), /\(\s*buttonEl\s*\)\s*\{\s*\}/);
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -76,10 +76,10 @@ assert.match(editTask.toString(), /\(\s*buttonEl\s*\)\s*\{\s*\}/);
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -75,7 +75,7 @@ assert.match(code, /const\s*editTask\s+=\s*\(buttonEl\)\s*=>\s*\{\s*const\s+data
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -84,10 +84,10 @@ assert.match(code, /const\s*editTask\s+=\s*\(buttonEl\)\s*=>\s*\{\s*const\s+data
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -55,7 +55,7 @@ assert.match(code, /currentTask\s*=\s*taskData\[dataArrIndex\];?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -64,10 +64,10 @@ assert.match(code, /currentTask\s*=\s*taskData\[dataArrIndex\];?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -67,7 +67,7 @@ assert.match(editTask.toString(), /descriptionInput\.value\s*=\s*currentTask\.de
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -76,10 +76,10 @@ assert.match(editTask.toString(), /descriptionInput\.value\s*=\s*currentTask\.de
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -7,7 +7,7 @@ dashedName: step-43
# --description--
Set the `innerText` of the `addOrUpdateTaskBtn` button to `Update Task` and its `aria-label` to `Update Task` as well.
Set the `innerText` of the `addOrUpdateTaskBtn` button to `Update Task`.
# --hints--
@@ -17,12 +17,6 @@ You should set the inner text of the `addOrUpdateTaskBtn` button to `Update Task
assert.match(editTask.toString(), /addOrUpdateTaskBtn\.innerText\s*=\s*("|')Update Task\1;?/)
```
You should set the `ariaLabel` of the `addOrUpdateTaskBtn` button to `Update Task`
```js
assert.match(editTask.toString(), /addOrUpdateTaskBtn\.ariaLabel\s*=\s*("|')Update Task\1;?/)
```
# --seed--
## --seed-contents--
@@ -61,7 +55,7 @@ assert.match(editTask.toString(), /addOrUpdateTaskBtn\.ariaLabel\s*=\s*("|')Upda
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -70,10 +64,10 @@ assert.match(editTask.toString(), /addOrUpdateTaskBtn\.ariaLabel\s*=\s*("|')Upda
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -55,7 +55,7 @@ assert.match(editTask.toString(), /taskForm\.classList\.toggle\(('|")hidden\1\);
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -64,10 +64,10 @@ assert.match(editTask.toString(), /taskForm\.classList\.toggle\(('|")hidden\1\);
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -343,7 +343,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
}

View File

@@ -61,7 +61,7 @@ assert.match(code, /if\s*\(dataArrIndex\s*===\s*-1\)\s*\{\s*taskData\.unshift\(t
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -70,10 +70,10 @@ assert.match(code, /if\s*\(dataArrIndex\s*===\s*-1\)\s*\{\s*taskData\.unshift\(t
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -351,7 +351,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -69,7 +69,7 @@ assert.match(code, /const\s*formInputValuesUpdated\s*=\s*titleInput\.value\s*!==
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -78,10 +78,10 @@ assert.match(code, /const\s*formInputValuesUpdated\s*=\s*titleInput\.value\s*!==
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -358,7 +358,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -57,7 +57,7 @@ assert.match(code.split("if (formInputsContainValues"), /\s*&&\s*formInputValues
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -66,10 +66,10 @@ assert.match(code.split("if (formInputsContainValues"), /\s*&&\s*formInputValues
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -346,7 +346,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -73,7 +73,7 @@ assert.match(code, /localStorage\.setItem\(("|')data\1,\s*myTaskArr\);?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -82,10 +82,10 @@ assert.match(code, /localStorage\.setItem\(("|')data\1,\s*myTaskArr\);?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -362,7 +362,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -63,7 +63,7 @@ assert.match(code, /localStorage\.setItem\(("|')data\1,\s*JSON\.stringify\(myTas
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -72,10 +72,10 @@ assert.match(code, /localStorage\.setItem\(("|')data\1,\s*JSON\.stringify\(myTas
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -352,7 +352,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -63,7 +63,7 @@ assert.match(code, /console\.log\(getTaskArr\);?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -72,10 +72,10 @@ assert.match(code, /console\.log\(getTaskArr\);?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -352,7 +352,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -65,7 +65,7 @@ assert.match(code, /console\.log\(getTaskArrObj\);?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -74,10 +74,10 @@ assert.match(code, /console\.log\(getTaskArrObj\);?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -354,7 +354,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -57,7 +57,7 @@ assert.match(code, /localStorage\.removeItem\(('|")data\1\);?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -66,10 +66,10 @@ assert.match(code, /localStorage\.removeItem\(('|")data\1\);?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -346,7 +346,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -63,7 +63,7 @@ assert.match(code, /localStorage\.clear\(\);?/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -72,10 +72,10 @@ assert.match(code, /localStorage\.clear\(\);?/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -352,7 +352,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -55,7 +55,7 @@ assert.notMatch(code, /const\s*myTaskArr\s*=\s*\[\s*\{\s*task:\s"Walk\s*the\s*Do
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -64,10 +64,10 @@ assert.notMatch(code, /const\s*myTaskArr\s*=\s*\[\s*\{\s*task:\s"Walk\s*the\s*Do
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -344,7 +344,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -71,7 +71,7 @@ assert.match(code, /localStorage\.setItem\(('|")data\1,\s*JSON\.stringify\(taskD
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -80,10 +80,10 @@ assert.match(code, /localStorage\.setItem\(('|")data\1,\s*JSON\.stringify\(taskD
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -362,7 +362,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -72,7 +72,7 @@ assert.match(splitter[1], /localStorage\.setItem\(('|")data\1,\s*JSON\.stringify
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -81,10 +81,10 @@ assert.match(splitter[1], /localStorage\.setItem\(('|")data\1,\s*JSON\.stringify
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -365,7 +365,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -57,7 +57,7 @@ assert.match(code, /const\s*taskData\s*=\s*JSON.parse\(localStorage\.getItem\(('
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -66,10 +66,10 @@ assert.match(code, /const\s*taskData\s*=\s*JSON.parse\(localStorage\.getItem\(('
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -350,7 +350,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -67,7 +67,7 @@ assert.match(code, /if\s*\(taskData\.length\)\s*\{\s*updateTaskContainer\(\);?\s
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -76,10 +76,10 @@ assert.match(code, /if\s*\(taskData\.length\)\s*\{\s*updateTaskContainer\(\);?\s
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -358,7 +358,6 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}
@@ -440,7 +439,7 @@ taskForm.addEventListener("submit", (e) => {
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -449,10 +448,10 @@ taskForm.addEventListener("submit", (e) => {
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>
@@ -731,7 +730,7 @@ const editTask = (buttonEl) => {
descriptionInput.value = currentTask.description;
addOrUpdateTaskBtn.innerText = "Update Task";
addOrUpdateTaskBtn.ariaLabel = "Update Task";
taskForm.classList.toggle("hidden");
}

View File

@@ -61,7 +61,7 @@ assert.match(code, /const\s+taskObj\s*=\s*\{\s*id:\s*`\$\{titleInput\.value\.toL
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -70,10 +70,10 @@ assert.match(code, /const\s+taskObj\s*=\s*\{\s*id:\s*`\$\{titleInput\.value\.toL
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>

View File

@@ -61,7 +61,7 @@ assert.match(code, /<p><strong>Description:\s*<\/strong>\s*/)
<textarea class="form-control" id="description-input" cols="30" rows="5"></textarea>
</div>
<div class="task-form-footer">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit" aria-label="add task">
<button id="add-or-update-task-btn" class="btn large-btn" type="submit">
Add Task
</button>
</div>
@@ -70,10 +70,10 @@ assert.match(code, /<p><strong>Description:\s*<\/strong>\s*/)
<form method="dialog">
<p class="discard-message-text">Discard unsaved changes?</p>
<div class="confirm-close-dialog-btn-container">
<button id="cancel-btn" class="btn" aria-label="cancel">
<button id="cancel-btn" class="btn">
Cancel
</button>
<button id="discard-btn" class="btn" aria-label="discard">
<button id="discard-btn" class="btn">
Discard
</button>
</div>