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
src/lib/components/organisms
LoginForm.svelte
tests/components/organisms
LoginForm.test.ts

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