Question

我为此测试使用laravel 5.6和Dusk。

我正在尝试在我的Dropzone中声明文件上传。但是，我创建的Dropzone是没有file输入元素的。所以我不能使用attach()方法。

所以我尝试了以下

$file = new \Symfony\Component\HttpFoundation\File\UploadedFile(base_path() . '/tests/samples/Cylinder.stl', 'Cylinder.stl');

$response = $this->actingAs( $this->user )
                ->from( 'my-url' )
                ->post( route('attachments.store' ) , [
                    'file' => $file
                ]);

但是错误包中包含此错误

"errors" => Illuminate\Support\ViewErrorBag {#1194             
  #bags: array:1 [                                             
    "default" => Illuminate\Support\MessageBag {#1189          
      #messages: array:1 [                                     
        "file" => array:1 [                                    
          0 => "The file failed to upload."                    
        ]                                                      
      ]                                                        
      #format: ":message"                                      
    }                                                          
  ]                                                            
}

当然，当我手动执行此操作时，它会起作用。

Answer 1

Dropzonejs添加具有特定' dz-hidden-input '类的输入字段。您可以在html页面的底部找到它，可能就在</body>标签之前：

<input type="file" multiple="multiple" class="dz-hidden-input">

因此您可以通过attach方法告诉Dusk匹配该确切的选择器：

$browser->attach('input.dz-hidden-input', storage_path('app/public/testing/test-file.jpg'));

如果您有一个显示文件名的dropzone预览和一个“删除文件”按钮，则可以链接一些断言，以确保也可以删除该文件：

$browser->attach('input.dz-hidden-input', storage_path('app/public/testing/test-file.jpg'))
 ->assertSee('test-file.jpg')
 ->assertSeeLink('Remove file')
 ->clickLink('Remove file')
 ->assertDontSee('test-file.jpg');

Answer 2

如另一个答案中所述，该方法位于dropzone.js创建的虚拟输入字段中。但是，如果您有多个单独的拖放区，则这不是可行的解决方案，因为无法确定哪个输入字段是将文件附加到的正确字段。

最好的解决方案在于hiddenInputContainer configuration value的dropzone。指定一个可用于区分放置区域的值，例如包含正在配置的放置区域的div。

然后，您可以将文件附加到文件上（使用Faker作为生成文件的快捷方式）：

$image = $faker->image('/tmp', 640, 480);
$browser->attach('#dropzone-image1 input.dz-hidden-input', $image);
$browser->attach('#dropzone-image2 input.dz-hidden-input', $image);

Laravel黄昏：使用Dropzone.js上传测试文件

2 个答案: