/* eslint-env jest */
import React from 'react';
import { renderMarkup, testDOMandHTML } from '../../../tests/snapshot-helpers';

import BaseExample from '../__examples__/base';
import IconExample from '../__examples__/icon';
import ContainerExample from '../__examples__/container';
import BarePillListboxExample from '../__examples__/listbox-bare';
import ListboxExample from '../__examples__/listbox';
import IconListboxExample from '../__examples__/listbox-icon';
import AvatarListboxExample from '../__examples__/listbox-avatar';

testDOMandHTML({
	name: 'Linked, Unlinked, Truncated',
	test,
	Component: BaseExample
});

testDOMandHTML({
	name: 'Icon, Avatar, Error',
	test,
	Component: IconExample
});

testDOMandHTML({
	name: 'Bare',
	test,
	Component: BarePillListboxExample
});

testDOMandHTML({
	name: 'Pill Container',
	test,
	Component: ContainerExample
});

testDOMandHTML({
	name: 'Listbox Of Pill Options',
	test,
	Component: ListboxExample
});

testDOMandHTML({
	name: 'Listbox Of Pill Options With Icon',
	test,
	Component: IconListboxExample
});

testDOMandHTML({
	name: 'Listbox Of Pill Options With Avatar',
	test,
	Component: AvatarListboxExample
});