{
expect(dispatched).toBe(true);
});
- it('file chosen', async () => {
+ it('single file chosen', async () => {
startStimulus();
await waitFor(() => expect(getByTestId(container, 'input')).toHaveStyle({ display: 'block' }));
@@ -126,6 +126,35 @@ describe('DropzoneController', () => {
// The event should have been dispatched
expect(dispatched).not.toBeNull();
- expect(dispatched.detail).toStrictEqual(file);
+ expect(dispatched.detail[0]).toStrictEqual(file);
+ });
+
+ it('multiple files chosen', async () => {
+ startStimulus();
+ await waitFor(() => expect(getByTestId(container, 'input')).toHaveStyle({ display: 'block' }));
+
+ // Attach a listener to ensure the event is dispatched
+ let dispatched = null;
+ getByTestId(container, 'container').addEventListener('dropzone:change', (event) => (dispatched = event));
+
+ // Select the file
+ const input = getByTestId(container, 'input');
+ const files = [
+ new File(['hello'], 'hello.png', { type: 'image/png' }),
+ new File(['again'], 'again.png', { type: 'image/png' }),
+ ]
+
+ user.upload(input, files);
+ expect(input.files[0]).toStrictEqual(files[0]);
+ expect(input.files[1]).toStrictEqual(files[1]);
+
+ // The dropzone should be in preview mode
+ await waitFor(() => expect(getByTestId(container, 'input')).toHaveStyle({ display: 'none' }));
+ await waitFor(() => expect(getByTestId(container, 'placeholder')).toHaveStyle({ display: 'none' }));
+
+ // The event should have been dispatched
+ expect(dispatched).not.toBeNull();
+ expect(dispatched.detail[0]).toStrictEqual(files[0]);
+ expect(dispatched.detail[1]).toStrictEqual(files[1]);
});
});
diff --git a/src/Dropzone/tests/Form/DropzoneTypeTest.php b/src/Dropzone/tests/Form/DropzoneTypeTest.php
index cbd447776ab..44c24c25102 100644
--- a/src/Dropzone/tests/Form/DropzoneTypeTest.php
+++ b/src/Dropzone/tests/Form/DropzoneTypeTest.php
@@ -12,6 +12,7 @@
namespace Symfony\UX\Dropzone\Tests;
use PHPUnit\Framework\TestCase;
+use Symfony\Component\DependencyInjection\ContainerInterface;
use Symfony\Component\Form\FormFactoryInterface;
use Symfony\UX\Dropzone\Form\DropzoneType;
use Symfony\UX\Dropzone\Tests\Kernel\TwigAppKernel;
@@ -24,18 +25,27 @@
*/
class DropzoneTypeTest extends TestCase
{
- public function testRenderForm()
+ /**
+ * @var ContainerInterface
+ */
+ private $container;
+
+ protected function setUp(): void
{
$kernel = new TwigAppKernel('test', true);
$kernel->boot();
- $container = $kernel->getContainer()->get('test.service_container');
- $form = $container->get(FormFactoryInterface::class)->createBuilder()
+ $this->container = $kernel->getContainer()->get('test.service_container');
+ }
+
+ public function testRenderForm()
+ {
+ $form = $this->container->get(FormFactoryInterface::class)->createBuilder()
->add('photo', DropzoneType::class, ['attr' => ['data-controller' => 'mydropzone']])
->getForm()
;
- $rendered = $container->get(Environment::class)->render('dropzone_form.html.twig', ['form' => $form->createView()]);
+ $rendered = $this->container->get(Environment::class)->render('dropzone_form.html.twig', ['form' => $form->createView()]);
$this->assertSame(
'