localize datetime label #7

Author: a-p-z

src/__tests__/datetime/DatetimeLabel.svelte.spec.ts

@@ -10,7 +10,7 @@ const resetDateMock = resetDate as jest.MockedFunction<typeof resetDate>
 
 describe('DatetimeLabel.svelte', () => {
     const entity = {};
-    const hass = {};
+    const hass = { localize: (key: string, params: any) => `${params["count"]} ${key}` };
 
     test("when hass and entity are undefined", () => {
         expect(render(DatetimeLabel)).toBeDefined();
@@ -19,14 +19,14 @@ describe('DatetimeLabel.svelte', () => {
     test("when state is 1", () => {
         getStateMock.mockReturnValue(1);
         const { getByTestId } = render(DatetimeLabel, { entity, hass });
-        expect(getByTestId("days")).toHaveTextContent("1 day");
+        expect(getByTestId("days")).toHaveTextContent("1 ui.duration.day");
     });
 
     [0, 2, 3].forEach((state) => {
         test("when state is not 1", () => {
             getStateMock.mockReturnValue(state);
             const { getByTestId } = render(DatetimeLabel, { entity, hass });
-            expect(getByTestId("days")).toHaveTextContent(`${state} days`);
+            expect(getByTestId("days")).toHaveTextContent(`${state} ui.duration.day`);
         });
     });
 

src/__tests__/hass.spec.ts

@@ -1,7 +1,8 @@
 import { setDatetimeServiceFactory } from "../hass";
+import type { IHass } from "../types";
 
 describe("hass", () => {
-    const hass = { states: {} };
+    const hass = { localize: (key: string) => key, states: {} };
     const entity_id = "entity_id";
     const date = new Date().toISOString().split("T")[0];
 

src/datetime/DatetimeLabel.svelte

@@ -8,7 +8,9 @@
 	export let entity: IEntity = undefined;
 	export let hass: IHass = undefined;
 
-	$: state = getState(hass, entity);
+	$: label = hass?.localize("ui.duration.day", {
+		count: getState(hass, entity),
+	});
 </script>
 
 <div
@@ -17,8 +19,7 @@
 	use:hold
 	on:hold={($event) => resetDate($event, hass, entity)}
 >
-	{state}
-	{"day" + (state !== 1 ? "s" : "")}
+	{label}
 </div>
 
 <style>

src/types.d.ts

@@ -19,6 +19,7 @@ export interface IEntity {
 }
 
 export interface IHass {
+    localize(message: string, params: any): string;
     states: { [key: string]: IState; };
 }