Fix unit tests.

webapp/src/components/__snapshots__/propertyValueElement.test.tsx.snap

@@ -3,16 +3,14 @@
 exports[`components/propertyValueElement should match snapshot, date, array value 1`] = `
 <div>
   <div
-    class="DateRange "
+    class="DateRange empty"
   >
     <button
       class="Button    "
       type="button"
     >
       <span>
-        <span
-          title="Empty"
-        />
+        Empty
       </span>
     </button>
   </div>
@@ -44,7 +42,7 @@ exports[`components/propertyValueElement should match snapshot, person, array va
 <div>
   <input
     class="Editable octo-propertyvalue"
-    placeholder=""
+    placeholder="Empty"
     spellcheck="true"
     title=""
     value=""
@@ -107,7 +105,7 @@ exports[`components/propertyValueElement should match snapshot, url, array value
   >
     <input
       class="Editable octo-propertyvalue"
-      placeholder=""
+      placeholder="Empty"
       title="http://localhost"
       value="http://localhost"
     />
@@ -132,7 +130,7 @@ exports[`components/propertyValueElement should match snapshot, url, array value
   >
     <input
       class="Editable octo-propertyvalue"
-      placeholder=""
+      placeholder="Empty"
       title="http://localhost"
       value="http://localhost"
     />

webapp/src/components/properties/dateRange/dateRange.test.tsx

@@ -251,6 +251,7 @@ describe('components/properties/dateRange', () => {
             <DateRange
                 className='octo-propertyvalue'
                 value={''}
+                showEmptyPlaceholder={true}
                 onChange={callback}
             />,
         )
@@ -263,7 +264,7 @@ describe('components/properties/dateRange', () => {
         const today = Date.UTC(date.getFullYear(), date.getMonth(), date.getDate())
 
         const {getByText, getByTitle} = render(component)
-        const dayDisplay = getByTitle('Empty')
+        const dayDisplay = getByText('Empty')
         userEvent.click(dayDisplay)
 
         const day = getByText('Today')

webapp/src/components/propertyValueElement.test.tsx

@@ -39,7 +39,7 @@ describe('components/propertyValueElement', () => {
                 contents={[]}
                 comments={[comments]}
                 propertyTemplate={propertyTemplate || board.fields.cardProperties[0]}
-                emptyDisplayValue={'empty'}
+                showEmptyPlaceholder={true}
             />,
         )
 
@@ -57,7 +57,7 @@ describe('components/propertyValueElement', () => {
                 contents={[]}
                 comments={[comments]}
                 propertyTemplate={propertyTemplate || board.fields.cardProperties[0]}
-                emptyDisplayValue={'empty'}
+                showEmptyPlaceholder={true}
             />,
         )
 
@@ -91,7 +91,7 @@ describe('components/propertyValueElement', () => {
                 contents={[]}
                 comments={[comments]}
                 propertyTemplate={propertyTemplate}
-                emptyDisplayValue={'empty'}
+                showEmptyPlaceholder={true}
             />,
         )
 
@@ -116,7 +116,7 @@ describe('components/propertyValueElement', () => {
                 contents={[]}
                 comments={[comments]}
                 propertyTemplate={propertyTemplate}
-                emptyDisplayValue={'empty'}
+                showEmptyPlaceholder={true}
             />,
         )
 
@@ -141,7 +141,7 @@ describe('components/propertyValueElement', () => {
                 contents={[]}
                 comments={[comments]}
                 propertyTemplate={propertyTemplate}
-                emptyDisplayValue={'empty'}
+                showEmptyPlaceholder={true}
             />,
         )
 
@@ -166,7 +166,7 @@ describe('components/propertyValueElement', () => {
                 contents={[]}
                 comments={[comments]}
                 propertyTemplate={propertyTemplate}
-                emptyDisplayValue={'empty'}
+                showEmptyPlaceholder={true}
             />,
         )
 
@@ -191,7 +191,7 @@ describe('components/propertyValueElement', () => {
                 contents={[]}
                 comments={[comments]}
                 propertyTemplate={propertyTemplate}
-                emptyDisplayValue={'empty'}
+                showEmptyPlaceholder={true}
             />,
         )
         const {container} = render(component)