<script>
	import { onMount } from 'svelte';

	export let name = 'world';

	onMount(async () => {
		console.log('chat onMount event!');
		const response = await fetch('http://localhost:8081/api');
        // for this example, assume name returned by api is FOO
		name = data.name;
	});

</script>

<div id="#element">
	<b> Hello {name}</b>
</div>

import { expect, test } from 'vitest';
import '@testing-library/jest-dom';
import { render, screen } from '@testing-library/svelte';
import Component from '../src/lib/Component.svelte';

test('should render', () => {
	render(Component);

	const heading = screen.getByText('Hello FOO');
	expect(heading).toBeInTheDocument();
});