<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();
});