forge/Anvil
1
0
Fork 0
Code Pull requests Activity

test: correctly pass the property to component

Browse source 
The tests showed warning on an unknown property. Turns out I was holding
it wrong.

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
This commit is contained in:
André Jaenisch 2024-06-23 15:00:27 +02:00
parent 8e92e49e19
commit 67b09e1233
No known key found for this signature in database
GPG key ID: 5A668E771F1ED854
2 changed files with 43 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/lib/components/organisms/LoginForm.svelte
View file

@ -24,7 +24,9 @@ You should have received a copy of the GNU Affero General Public License along w
/** /**
* Form handling by SvelteKit * Form handling by SvelteKit
*/ */
export let form = null; export let form = {
servers: {}
};
/** /**
* Translation keys to enable reuse * Translation keys to enable reuse

60
tests/components/organisms/LoginForm.test.ts
View file

@ -40,10 +40,12 @@ describe('LoginForm.svelte', () => {
} }
} }
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
const { container } = render(LoginForm, { form, i18n, servers }); const { container } = render(LoginForm, { data, form, i18n });
// Assert // Assert
expect(container).toBeTruthy(); expect(container).toBeTruthy();
@ -65,10 +67,12 @@ describe('LoginForm.svelte', () => {
} }
} }
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
const formElement = screen.getByRole('form'); const formElement = screen.getByRole('form');
// Assert // Assert
@ -91,10 +95,12 @@ describe('LoginForm.svelte', () => {
} }
} }
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
const server = screen.getByLabelText(enMessages.page.login.form.fields.server.label); const server = screen.getByLabelText(enMessages.page.login.form.fields.server.label);
// Assert // Assert
@ -117,10 +123,12 @@ describe('LoginForm.svelte', () => {
} }
} }
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
const account = screen.getByLabelText(enMessages.page.login.form.fields.account.label); const account = screen.getByLabelText(enMessages.page.login.form.fields.account.label);
// Assert // Assert
@ -143,10 +151,12 @@ describe('LoginForm.svelte', () => {
} }
} }
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
const passphrase = screen.getByLabelText(enMessages.page.login.form.fields.passphrase.label); const passphrase = screen.getByLabelText(enMessages.page.login.form.fields.passphrase.label);
// Assert // Assert
@ -170,10 +180,12 @@ describe('LoginForm.svelte', () => {
}, },
reset: enMessages.page.login.form.reset reset: enMessages.page.login.form.reset
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
const reset = screen.getByRole('link', { name: enMessages.page.login.form.reset }); const reset = screen.getByRole('link', { name: enMessages.page.login.form.reset });
// Assert // Assert
@ -197,10 +209,12 @@ describe('LoginForm.svelte', () => {
}, },
submit: enMessages.page.login.form.submit submit: enMessages.page.login.form.submit
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
const submit = screen.getByRole('button', { name: enMessages.page.login.form.submit }); const submit = screen.getByRole('button', { name: enMessages.page.login.form.submit });
// Assert // Assert
@ -223,10 +237,12 @@ describe('LoginForm.svelte', () => {
} }
} }
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
// Assert // Assert
expect( expect(
@ -259,10 +275,12 @@ describe('LoginForm.svelte', () => {
missing: enMessages.page.login.form.validation.missing missing: enMessages.page.login.form.validation.missing
} }
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
const intro = screen.getByText(enMessages.page.login.form.validation.missing); const intro = screen.getByText(enMessages.page.login.form.validation.missing);
// Assert // Assert
@ -290,10 +308,12 @@ describe('LoginForm.svelte', () => {
incorrect: enMessages.page.login.form.validation.incorrect incorrect: enMessages.page.login.form.validation.incorrect
} }
}; };
const servers = []; const data = {
servers: []
};
// Act // Act
render(LoginForm, { form, i18n, servers }); render(LoginForm, { data, form, i18n });
const intro = screen.getByText(enMessages.page.login.form.validation.incorrect); const intro = screen.getByText(enMessages.page.login.form.validation.incorrect);
// Assert // Assert