DropzoneRendererTest Class Reference

Class FileDropzoneRendererTest. More...

Inheritance diagram for DropzoneRendererTest:

Collaboration diagram for DropzoneRendererTest:

Public Member Functions
	setUp ()
	test_implements_factory_interface ()
	testRenderStandardDropzone ()
	should be rendered with the css class .standard and no content inside the dropzone div. More...
	testRenderStandardDropzoneWithMessage ()
	should be rendered with the css class .standard and a span-tag with the passed in message inside the dropzone div. More...
	testRenderWrapperDropzone ()
	A wrapper dropzone --------------------------------------------------------------—. More...
	testRenderMetadata ()
	testWithButton ()
	testModifiers ()
	getUIFactory ()
Public Member Functions inherited from ILIAS_UI_TestBase
	setUp ()
	tearDown ()
	getUIFactory ()
	getTemplateFactory ()
	getResourceRegistry ()
	getLanguage ()
	getJavaScriptBinding ()
	getRefinery ()
	getImagePathResolver ()
	getDefaultRenderer (JavaScriptBinding $js_binding=null, $with_stub_renderings=[])
	getDecoratedRenderer (Renderer $default)
	normalizeHTML ($html)
	assertHTMLEquals ($expected_html_as_string, $html_as_string)

Data Fields
const	STANDARD = "ILIAS\\UI\\Component\\Dropzone\\File\\Standard"
const	WRAPPER = "ILIAS\\UI\\Component\\Dropzone\\File\\Wrapper"

Protected Member Functions
	dropzone ()
Protected Member Functions inherited from ILIAS_UI_TestBase
	brutallyTrimHTML ($html)
	A more radical version of normalizeHTML. More...

Detailed Description

Class FileDropzoneRendererTest.

Author

nmaerchy nm@st.nosp@m.uder.nosp@m.-raim.nosp@m.ann..nosp@m.ch

Definition at line 16 of file DropzoneRendererTest.php.

Member Function Documentation

dropzone()

DropzoneRendererTest::dropzone ( )

protected

Definition at line 553 of file DropzoneRendererTest.php.

    {
        return new I\Component\Dropzone\File\Factory();
    }

Referenced by test_implements_factory_interface(), testModifiers(), testRenderMetadata(), testRenderStandardDropzone(), testRenderStandardDropzoneWithMessage(), testRenderWrapperDropzone(), and testWithButton().

Here is the caller graph for this function:

getUIFactory()

DropzoneRendererTest::getUIFactory

(

)

Reimplemented from ILIAS_UI_TestBase.

Definition at line 518 of file DropzoneRendererTest.php.

    {
        $factory = new class extends NoUIFactory {
            public function button()
            {
                return new I\Component\Button\Factory(new I\Component\SignalGenerator());
            }
            public function modal()
            {
                return new I\Component\Modal\Factory(new I\Component\SignalGenerator());
            }
            public function link()
            {
                return new I\Component\Link\Factory(new I\Component\SignalGenerator());
            }
            public function dropdown()
            {
                return new I\Component\Dropdown\Factory(new I\Component\SignalGenerator());
            }
            public function symbol() : C\Symbol\Factory
            {
                return new I\Component\Symbol\Factory(
                    new I\Component\Symbol\Icon\Factory(),
                    new I\Component\Symbol\Glyph\Factory(),
                    new I\Component\Symbol\Avatar\Factory()
                );
            }
            public function legacy($content)
            {
                return new I\Component\Legacy\Legacy($content, new I\Component\SignalGenerator());
            }
        };
        return $factory;
    }

References $factory, legacy(), and modal().

Here is the call graph for this function:

setUp()

DropzoneRendererTest::setUp

(

)

Reimplemented from ILIAS_UI_TestBase.

Definition at line 23 of file DropzoneRendererTest.php.

                            : void
    {
        $sig_gen = new \ILIAS\UI\Implementation\Component\SignalGenerator();
        $this->legacy_factory = new I\Component\Legacy\Factory($sig_gen);
    }

test_implements_factory_interface()

DropzoneRendererTest::test_implements_factory_interface

(

)

Definition at line 29 of file DropzoneRendererTest.php.

    {
        $f = $this->dropzone();
        $this->assertInstanceOf(self::STANDARD, $f->standard(''));
        $this->assertInstanceOf(self::WRAPPER, $f->wrapper('', $this->legacy_factory->legacy('')));
    }

References Vendor\Package\$f, and dropzone().

Here is the call graph for this function:

testModifiers()

DropzoneRendererTest::testModifiers

(

)

Definition at line 492 of file DropzoneRendererTest.php.

    {
        $url = 'https://ilias.de/123?test=8&lorem=ipsum';
        $message = 'Everything\'s fine here, just drop some files...';
        $filesize = new DataSize(1024, DataSize::KB);
        $file_types = array( 'pdf', 'docx' );
        $allowed_files = 5;
        $dropzone = $this->dropzone()
                         ->standard($url)
                         ->withMessage($message)
                         ->withUserDefinedFileNamesEnabled(true)
                         ->withUserDefinedDescriptionEnabled(true)
                         ->withAllowedFileTypes($file_types)
                         ->withFileSizeLimit($filesize)
                         ->withMaxFiles($allowed_files);
 
        $this->assertEquals($url, $dropzone->getUploadUrl());
        $this->assertEquals($message, $dropzone->getMessage());
        $this->assertTrue($dropzone->allowsUserDefinedFileNames());
        $this->assertTrue($dropzone->allowsUserDefinedFileDescriptions());
        $this->assertEquals($file_types, $dropzone->getAllowedFileTypes());
        $this->assertEquals($filesize, $dropzone->getFileSizeLimit());
        $this->assertEquals("1.024 KB", $dropzone->getFileSizeLimit()->__toString());
        $this->assertEquals($allowed_files, $dropzone->getMaxFiles());
    }

References $message, $url, and dropzone().

Here is the call graph for this function:

testRenderMetadata()

DropzoneRendererTest::testRenderMetadata

(

)

Definition at line 215 of file DropzoneRendererTest.php.

    {
        $with_user_defined_names_html = $this->brutallyTrimHTML('<div id="id_1" class="il-dropzone-base">
   <div class="clearfix hidden-sm-up"></div>
   <div class="il-upload-file-list" >
      <div class="container-fluid il-upload-file-items">
         <div class="error-messages" style="display: none;">
            <div class="alert alert-danger" role="alert">
               <!-- General error messages are inserted here with javascript -->
            </div>
         </div>
         <!-- rows from templates are cloned here with javascript -->
      </div>
      <!-- Templates -->
      <div class="container-fluid" >
         <!-- hidden Template -->
         <div class="il-upload-file-item il-upload-file-item-template clearfix row standard hidden">
            <div class="col-xs-12 col-no-padding">
               <span class="file-info  toggle"><a class="glyph" aria-label="collapse_content"><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></a><a class="glyph" aria-label="expand_content"><span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a></span><!-- Display Filename-->
               <span class="file-info filename">FILENAME<!-- File name is inserted with javascript here -->
               </span>
               <!-- Display Filesize-->
               <span class="file-info filesize">100KB<!-- File size is inserted with javascript here -->
               </span>
               <!-- Dropdown with actions-->
               <span class="pull-right remove">
                  <!--<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"  aria-label="actions" aria-haspopup="true" aria-expanded="false" > <span class="caret"></span></button><ul class="dropdown-menu"><li><button class="btn btn-link" aria-label="delete_file" data-action="">remove</button></li><li><button class="btn btn-link" aria-label="edit_metadata" data-action="">edit_metadata</button></li></ul></div>-->
                  <button type="button" class="close" aria-label="close"><span aria-hidden="true">&times;</span></button>
               </span>
               <!-- Progress Bar-->
               <div class="progress" style="margin: 10px 0; display: none;">
                  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0"aria-valuemin="0"aria-valuemax="100"></div>
               </div>
               <!-- Error Messages -->
               <div class="file-error-message alert alert-danger" role="alert" style="display: none;">
                  <!-- Error message for file is inserted with javascript here -->
               </div>
               <div class="file-success-message alert alert-success" role="alert" style="display: none;">
                  <!-- Success message for file is inserted with javascript here -->
               </div>
               <br>
               <div class="form-horizontal metadata" style="display: none;">
                  <div class="form-group">
                     <label class="col-sm-3 control-label">filename</label>
                     <div class="col-sm-9"><input type="text" class="form-control filename-input"></div>
                  </div>
               </div>
            </div>
         </div>
         <!-- li from templates are cloned here with javascript -->
      </div>
   </div>
   <div class="container-fluid">
      <div class="il-dropzone standard clearfix row" data-upload-id="id_1">
         <div class="col-xs-12 col-md-3 col-sm-12 col-lg-3 dz-default dz-message il-dropzone-standard-select-files-wrapper ">
            <!--col-no-padding--><a href="#" >select_files_from_computer</a>
         </div>
         <div class="col-xs-12 col-md-9 col-sm-12 col-lg-9 col-no-padding"><span class="pull-right dz-default dz-message">drag_files_here</span></div>
      </div>
      <div class="clearfix hidden-sm-up"></div>
   </div>
</div>');
 
        $with_user_defined_names = $this->dropzone()
                                        ->standard('https://ilias.de/ilias.php')
                                        ->withUserDefinedFileNamesEnabled(true);
        $html = $this->brutallyTrimHTML($this->getDefaultRenderer()->render($with_user_defined_names));
        $this->assertEquals($with_user_defined_names_html, $html);
 
        $with_user_defined_descriptions_html = $this->brutallyTrimHTML('
        <div id="id_1" class="il-dropzone-base">
   <div class="clearfix hidden-sm-up"></div>
   <div class="il-upload-file-list" >
      <div class="container-fluid il-upload-file-items">
         <div class="error-messages" style="display: none;">
            <div class="alert alert-danger" role="alert">
               <!-- General error messages are inserted here with javascript -->
            </div>
         </div>
         <!-- rows from templates are cloned here with javascript -->
      </div>
      <!-- Templates -->
      <div class="container-fluid" >
         <!-- hidden Template -->
         <div class="il-upload-file-item il-upload-file-item-template clearfix row standard hidden">
            <div class="col-xs-12 col-no-padding">
               <span class="file-info  toggle"><a class="glyph" aria-label="collapse_content"><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></a><a class="glyph" aria-label="expand_content"><span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a></span><!-- Display Filename-->
               <span class="file-info filename">FILENAME<!-- File name is inserted with javascript here -->
               </span>
               <!-- Display Filesize-->
               <span class="file-info filesize">100KB<!-- File size is inserted with javascript here -->
               </span>
               <!-- Dropdown with actions-->
               <span class="pull-right remove">
                  <!--<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"  aria-label="actions" aria-haspopup="true" aria-expanded="false" > <span class="caret"></span></button><ul class="dropdown-menu"><li><button class="btn btn-link" aria-label="delete_file" data-action="">remove</button></li><li><button class="btn btn-link" aria-label="edit_metadata" data-action="">edit_metadata</button></li></ul></div>-->
                  <button type="button" class="close" aria-label="close"><span aria-hidden="true">&times;</span></button>
               </span>
               <!-- Progress Bar-->
               <div class="progress" style="margin: 10px 0; display: none;">
                  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0"aria-valuemin="0"aria-valuemax="100"></div>
               </div>
               <!-- Error Messages -->
               <div class="file-error-message alert alert-danger" role="alert" style="display: none;">
                  <!-- Error message for file is inserted with javascript here -->
               </div>
               <div class="file-success-message alert alert-success" role="alert" style="display: none;">
                  <!-- Success message for file is inserted with javascript here -->
               </div>
               <br>
               <div class="form-horizontal metadata" style="display: none;">
                  <div class="form-group">
                     <label class="col-sm-3 control-label" for="description-input">description</label>
                     <div class="col-sm-9"><textarea class="form-control description-input" id="description-input" rows="3"></textarea></div>
                  </div>
               </div>
            </div>
         </div>
         <!-- li from templates are cloned here with javascript -->
      </div>
   </div>
   <div class="container-fluid">
      <div class="il-dropzone standard clearfix row" data-upload-id="id_1">
         <div class="col-xs-12 col-md-3 col-sm-12 col-lg-3 dz-default dz-message il-dropzone-standard-select-files-wrapper ">
            <!--col-no-padding--><a href="#" >select_files_from_computer</a>
         </div>
         <div class="col-xs-12 col-md-9 col-sm-12 col-lg-9 col-no-padding"><span class="pull-right dz-default dz-message">drag_files_here</span></div>
      </div>
      <div class="clearfix hidden-sm-up"></div>
   </div>
</div>');
        $with_user_defined_descriptions = $this->dropzone()
                                               ->standard('https://ilias.de/ilias.php')
                                               ->withUserDefinedDescriptionEnabled(true);
        $html = $this->brutallyTrimHTML($this->getDefaultRenderer()
                                          ->render($with_user_defined_descriptions));
        $this->assertEquals($with_user_defined_descriptions_html, $html);
 
        $with_user_defined_names_and_descriptions_html = $this->brutallyTrimHTML('
        <div id="id_1" class="il-dropzone-base">
   <div class="clearfix hidden-sm-up"></div>
   <div class="il-upload-file-list" >
      <div class="container-fluid il-upload-file-items">
         <div class="error-messages" style="display: none;">
            <div class="alert alert-danger" role="alert">
               <!-- General error messages are inserted here with javascript -->
            </div>
         </div>
         <!-- rows from templates are cloned here with javascript -->
      </div>
      <!-- Templates -->
      <div class="container-fluid" >
         <!-- hidden Template -->
         <div class="il-upload-file-item il-upload-file-item-template clearfix row standard hidden">
            <div class="col-xs-12 col-no-padding">
               <span class="file-info  toggle"><a class="glyph" aria-label="collapse_content"><span class="glyphicon glyphicon-triangle-bottom" aria-hidden="true"></span></a><a class="glyph" aria-label="expand_content"><span class="glyphicon glyphicon-triangle-right" aria-hidden="true"></span></a></span><!-- Display Filename-->
               <span class="file-info filename">FILENAME<!-- File name is inserted with javascript here -->
               </span>
               <!-- Display Filesize-->
               <span class="file-info filesize">100KB<!-- File size is inserted with javascript here -->
               </span>
               <!-- Dropdown with actions-->
               <span class="pull-right remove">
                  <!--<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"  aria-label="actions" aria-haspopup="true" aria-expanded="false" > <span class="caret"></span></button><ul class="dropdown-menu"><li><button class="btn btn-link" aria-label="delete_file" data-action="">remove</button></li><li><button class="btn btn-link" aria-label="edit_metadata" data-action="">edit_metadata</button></li></ul></div>-->
                  <button type="button" class="close" aria-label="close"><span aria-hidden="true">&times;</span></button>
               </span>
               <!-- Progress Bar-->
               <div class="progress" style="margin: 10px 0; display: none;">
                  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0"aria-valuemin="0"aria-valuemax="100"></div>
               </div>
               <!-- Error Messages -->
               <div class="file-error-message alert alert-danger" role="alert" style="display: none;">
                  <!-- Error message for file is inserted with javascript here -->
               </div>
               <div class="file-success-message alert alert-success" role="alert" style="display: none;">
                  <!-- Success message for file is inserted with javascript here -->
               </div>
               <br>
               <div class="form-horizontal metadata" style="display: none;">
                  <div class="form-group">
                     <label class="col-sm-3 control-label">filename</label>
                     <div class="col-sm-9"><input type="text" class="form-control filename-input"></div>
                  </div>
                  <div class="form-group">
                     <label class="col-sm-3 control-label" for="description-input">description</label>
                     <div class="col-sm-9"><textarea class="form-control description-input" id="description-input" rows="3"></textarea></div>
                  </div>
               </div>
            </div>
         </div>
         <!-- li from templates are cloned here with javascript -->
      </div>
   </div>
   <div class="container-fluid">
      <div class="il-dropzone standard clearfix row" data-upload-id="id_1">
         <div class="col-xs-12 col-md-3 col-sm-12 col-lg-3 dz-default dz-message il-dropzone-standard-select-files-wrapper ">
            <!--col-no-padding--><a href="#" >select_files_from_computer</a>
         </div>
         <div class="col-xs-12 col-md-9 col-sm-12 col-lg-9 col-no-padding"><span class="pull-right dz-default dz-message">drag_files_here</span></div>
      </div>
      <div class="clearfix hidden-sm-up"></div>
   </div>
</div>');
        $with_user_defined_names_and_descriptions = $this->dropzone()
                                                         ->standard('https://ilias.de/ilias.php')
                                                         ->withUserDefinedDescriptionEnabled(true)
                                                         ->withUserDefinedFileNamesEnabled(true);
        $html = $this->brutallyTrimHTML($this->getDefaultRenderer()
                                          ->render($with_user_defined_names_and_descriptions));
        $this->assertEquals($with_user_defined_names_and_descriptions_html, $html);
    }

References ILIAS_UI_TestBase\brutallyTrimHTML(), dropzone(), and ILIAS_UI_TestBase\getDefaultRenderer().

Here is the call graph for this function:

testRenderStandardDropzone()

DropzoneRendererTest::testRenderStandardDropzone

(

)

should be rendered with the css class .standard and no content inside the dropzone div.

Definition at line 41 of file DropzoneRendererTest.php.

    {
 
        // setup expected objects
        $expectedHtml = $this->brutallyTrimHTML('
<div id="id_1" class="il-dropzone-base">
   <div class="clearfix hidden-sm-up"></div>
   <div class="il-upload-file-list" >
      <div class="container-fluid il-upload-file-items">
         <div class="error-messages" style="display: none;">
            <div class="alert alert-danger" role="alert">
               <!-- General error messages are inserted here with javascript -->
            </div>
         </div>
         <!-- rows from templates are cloned here with javascript -->
      </div>
      <!-- Templates -->
      <div class="container-fluid" >
         <!-- hidden Template -->
         <div class="il-upload-file-item il-upload-file-item-template clearfix row standard hidden">
            <div class="col-xs-12 col-no-padding">
               <!-- Display Filename-->
               <span class="file-info filename">FILENAME<!-- File name is inserted with javascript here -->
               </span>
               <!-- Display Filesize-->
               <span class="file-info filesize">100KB<!-- File size is inserted with javascript here -->
               </span>
               <!-- Dropdown with actions-->
               <span class="pull-right remove">
                  <!--<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"  aria-label="actions" aria-haspopup="true" aria-expanded="false" > <span class="caret"></span></button><ul class="dropdown-menu"><li><button class="btn btn-link" aria-label="delete_file" data-action="">remove</button></li></ul></div>-->
                  <button type="button" class="close" aria-label="close"><span aria-hidden="true">&times;</span></button>
               </span>
               <!-- Progress Bar-->
               <div class="progress" style="margin: 10px 0; display: none;">
                  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0"aria-valuemin="0"aria-valuemax="100"></div>
               </div>
               <!-- Error Messages -->
               <div class="file-error-message alert alert-danger" role="alert" style="display: none;">
                  <!-- Error message for file is inserted with javascript here -->
               </div>
               <div class="file-success-message alert alert-success" role="alert" style="display: none;">
                  <!-- Success message for file is inserted with javascript here -->
               </div>
            </div>
         </div>
         <!-- li from templates are cloned here with javascript -->
      </div>
   </div>
   <div class="container-fluid">
      <div class="il-dropzone standard clearfix row" data-upload-id="id_1">
         <div class="col-xs-12 col-md-3 col-sm-12 col-lg-3 dz-default dz-message il-dropzone-standard-select-files-wrapper ">
            <!--col-no-padding--><a href="#" >select_files_from_computer</a>
         </div>
         <div class="col-xs-12 col-md-9 col-sm-12 col-lg-9 col-no-padding"><span class="pull-right dz-default dz-message">drag_files_here</span></div>
      </div>
      <div class="clearfix hidden-sm-up"></div>
   </div>
</div>');
 
        // start test
        $standardDropzone = $this->dropzone()->standard('');
 
        $html = $this->brutallyTrimHTML($this->getDefaultRenderer()->render($standardDropzone));
 
        $this->assertEquals($expectedHtml, $html);
    }

References ILIAS_UI_TestBase\brutallyTrimHTML(), dropzone(), and ILIAS_UI_TestBase\getDefaultRenderer().

Here is the call graph for this function:

testRenderStandardDropzoneWithMessage()

DropzoneRendererTest::testRenderStandardDropzoneWithMessage

(

)

should be rendered with the css class .standard and a span-tag with the passed in message inside the dropzone div.

Definition at line 113 of file DropzoneRendererTest.php.

    {
 
        // setup expected objects
        $expectedHtml = $this->brutallyTrimHTML('<div id="id_1" class="il-dropzone-base"><div class="clearfix hidden-sm-up"></div><div class="il-upload-file-list" ><div class="container-fluid il-upload-file-items"><div class="error-messages" style="display: none;"><div class="alert alert-danger" role="alert"><!-- General error messages are inserted here with javascript --></div></div><!-- rows from templates are cloned here with javascript --></div><!-- Templates --><div class="container-fluid" ><!-- hidden Template --><div class="il-upload-file-item il-upload-file-item-template clearfix row standard hidden"><div class="col-xs-12 col-no-padding"><!-- Display Filename--><span class="file-info filename">FILENAME<!-- File name is inserted with javascript here --></span><!-- Display Filesize--><span class="file-info filesize">100KB<!-- File size is inserted with javascript here --></span><!-- Dropdown with actions--><span class="pull-right remove"><!--<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"  aria-label="actions" aria-haspopup="true" aria-expanded="false" > <span class="caret"></span></button><ul class="dropdown-menu"><li><button class="btn btn-link" aria-label="delete_file" data-action="">remove</button></li></ul></div>--><button type="button" class="close" aria-label="close"><span aria-hidden="true">&times;</span></button></span><!-- Progress Bar--><div class="progress" style="margin: 10px 0; display: none;"><div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0"aria-valuemin="0"aria-valuemax="100"></div></div><!-- Error Messages --><div class="file-error-message alert alert-danger" role="alert" style="display: none;"><!-- Error message for file is inserted with javascript here --></div><div class="file-success-message alert alert-success" role="alert" style="display: none;"><!-- Success message for file is inserted with javascript here --></div></div></div><!-- li from templates are cloned here with javascript --></div></div><div class="container-fluid"><div class="il-dropzone standard clearfix row" data-upload-id="id_1"><div class="col-xs-12 col-md-3 col-sm-12 col-lg-3 dz-default dz-message il-dropzone-standard-select-files-wrapper "> <!--col-no-padding--><a href="#" >select_files_from_computer</a></div><div class="col-xs-12 col-md-9 col-sm-12 col-lg-9 col-no-padding"><span class="pull-right dz-default dz-message">message</span></div></div><div class="clearfix hidden-sm-up"></div></div></div>');
 
        // start test
        $standardDropzone = $this->dropzone()->standard('')->withMessage('message');
 
        $html = $this->brutallyTrimHTML($this->getDefaultRenderer()->render($standardDropzone));
 
        $this->assertEquals($expectedHtml, $html);
    }

References ILIAS_UI_TestBase\brutallyTrimHTML(), dropzone(), and ILIAS_UI_TestBase\getDefaultRenderer().

Here is the call graph for this function:

testRenderWrapperDropzone()

DropzoneRendererTest::testRenderWrapperDropzone

(

)

A wrapper dropzone --------------------------------------------------------------—.

should be rendered with the css class .wrapper and all passed in ILIAS UI components inside the div.

Definition at line 136 of file DropzoneRendererTest.php.

    {
        // setup expected objects
        $expectedHtml = $this->brutallyTrimHTML('
<div id="id_1" class="il-dropzone-base">
   <div class="il-dropzone wrapper" data-upload-id="id_1">
      <p>Pretty smart, isn\'t it?</p>
      <p>Yeah, this is really smart.</p>
   </div>
   <div class="modal fade il-modal-roundtrip" tabindex="-1" role="dialog" id="id_4">
      <div class="modal-dialog" role="document" data-replace-marker="component">
         <div class="modal-content">
            <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
               <span class="modal-title">upload</span>
            </div>
            <div class="modal-body">
               <div class="il-upload-file-list" >
                  <div class="container-fluid il-upload-file-items">
                     <div class="error-messages" style="display: none;">
                        <div class="alert alert-danger" role="alert">
                           <!-- General error messages are inserted here with javascript -->
                        </div>
                     </div>
                     <!-- rows from templates are cloned here with javascript -->
                  </div>
                  <!-- Templates -->
                  <div class="container-fluid" >
                     <!-- hidden Template -->
                     <div class="il-upload-file-item il-upload-file-item-template clearfix row standard hidden">
                        <div class="col-xs-12 col-no-padding">
                           <!-- Display Filename-->
                           <span class="file-info filename">FILENAME<!-- File name is inserted with javascript here -->
                           </span>
                           <!-- Display Filesize-->
                           <span class="file-info filesize">100KB<!-- File size is inserted with javascript here -->
                           </span>
                           <!-- Dropdown with actions-->
                           <span class="pull-right remove">
                              <!--<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"  aria-label="actions" aria-haspopup="true" aria-expanded="false" > <span class="caret"></span></button><ul class="dropdown-menu"><li><button class="btn btn-link" aria-label="delete_file" data-action="">remove</button></li></ul></div>-->
                              <button type="button" class="close" aria-label="close"><span aria-hidden="true">&times;</span></button>
                           </span>
                           <!-- Progress Bar-->
                           <div class="progress" style="margin: 10px 0; display: none;">
                              <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0"aria-valuemin="0"aria-valuemax="100"></div>
                           </div>
                           <!-- Error Messages -->
                           <div class="file-error-message alert alert-danger" role="alert" style="display: none;">
                              <!-- Error message for file is inserted with javascript here -->
                           </div>
                           <div class="file-success-message alert alert-success" role="alert" style="display: none;">
                              <!-- Success message for file is inserted with javascript here -->
                           </div>
                        </div>
                     </div>
                     <!-- li from templates are cloned here with javascript -->
                  </div>
               </div>
            </div>
            <div class="modal-footer"><button class="btn btn-default btn-primary" data-action="" disabled="disabled">upload</button><button class="btn btn-default" data-dismiss="modal" aria-label="Close">cancel</button></div>
         </div>
      </div>
   </div>
</div>');
 
        // start test
        $exampleTextQuestion = $this->legacy_factory->legacy("<p>Pretty smart, isn't it?</p>");
        $exampleTextAnswer = $this->legacy_factory->legacy("<p>Yeah, this is really smart.</p>");
        $wrapperDropzone = $this->dropzone()->wrapper('', [
            $exampleTextQuestion,
            $exampleTextAnswer,
        ]);
 
        $html = $this->brutallyTrimHTML($this->getDefaultRenderer()->render($wrapperDropzone));
 
        $this->assertEquals($expectedHtml, $html);
    }

References ILIAS_UI_TestBase\brutallyTrimHTML(), dropzone(), and ILIAS_UI_TestBase\getDefaultRenderer().

Here is the call graph for this function:

testWithButton()

DropzoneRendererTest::testWithButton

(

)

Definition at line 427 of file DropzoneRendererTest.php.

    {
        $expected_html = $this->brutallyTrimHTML('
        <div id="id_1" class="il-dropzone-base">
   <div class="clearfix hidden-sm-up"></div>
   <div class="il-upload-file-list" >
      <div class="container-fluid il-upload-file-items">
         <div class="error-messages" style="display: none;">
            <div class="alert alert-danger" role="alert">
               <!-- General error messages are inserted here with javascript -->
            </div>
         </div>
         <!-- rows from templates are cloned here with javascript -->
      </div>
      <!-- Templates -->
      <div class="container-fluid" >
         <!-- hidden Template -->
         <div class="il-upload-file-item il-upload-file-item-template clearfix row standard hidden">
            <div class="col-xs-12 col-no-padding">
               <!-- Display Filename-->
               <span class="file-info filename">FILENAME<!-- File name is inserted with javascript here -->
               </span>
               <!-- Display Filesize-->
               <span class="file-info filesize">100KB<!-- File size is inserted with javascript here -->
               </span>
               <!-- Dropdown with actions-->
               <span class="pull-right remove">
                  <!--<div class="dropdown"><button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"  aria-label="actions" aria-haspopup="true" aria-expanded="false" > <span class="caret"></span></button><ul class="dropdown-menu"><li><button class="btn btn-link" aria-label="delete_file" data-action="">remove</button></li></ul></div>-->
                  <button type="button" class="close" aria-label="close"><span aria-hidden="true">&times;</span></button>
               </span>
               <!-- Progress Bar-->
               <div class="progress" style="margin: 10px 0; display: none;">
                  <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="0"aria-valuemin="0"aria-valuemax="100"></div>
               </div>
               <!-- Error Messages -->
               <div class="file-error-message alert alert-danger" role="alert" style="display: none;">
                  <!-- Error message for file is inserted with javascript here -->
               </div>
               <div class="file-success-message alert alert-success" role="alert" style="display: none;">
                  <!-- Success message for file is inserted with javascript here -->
               </div>
            </div>
         </div>
         <!-- li from templates are cloned here with javascript -->
      </div>
   </div>
   <div class="container-fluid">
      <div class="il-dropzone standard clearfix row" data-upload-id="id_1">
         <div class="col-xs-12 col-md-3 col-sm-12 col-lg-3 dz-default dz-message il-dropzone-standard-select-files-wrapper ">
            <!--col-no-padding--><a href="#" >select_files_from_computer</a>
         </div>
         <div class="col-xs-12 col-md-9 col-sm-12 col-lg-9 col-no-padding"><span class="pull-right dz-default dz-message">drag_files_here</span></div>
      </div>
      <div class="clearfix hidden-sm-up"></div>
   </div>
   <button class="btn btn-default"   data-action="#" id="id_2" disabled="disabled">Label</button>
</div>');
        $button = new I\Component\Button\Standard('Label', '#');
        $with_button = $this->dropzone()->standard('')->withUploadButton($button);
        $html = $this->brutallyTrimHTML($this->getDefaultRenderer()->render($with_button));
        $this->assertEquals($expected_html, $html);
        $this->assertEquals($button, $with_button->getUploadButton());
    }

References ILIAS_UI_TestBase\brutallyTrimHTML(), dropzone(), and ILIAS_UI_TestBase\getDefaultRenderer().

Here is the call graph for this function:

Field Documentation

STANDARD

const DropzoneRendererTest::STANDARD = "ILIAS\\UI\\Component\\Dropzone\\File\\Standard"

Definition at line 18 of file DropzoneRendererTest.php.

WRAPPER

const DropzoneRendererTest::WRAPPER = "ILIAS\\UI\\Component\\Dropzone\\File\\Wrapper"

Definition at line 19 of file DropzoneRendererTest.php.

---

The documentation for this class was generated from the following file:

• tests/UI/Component/Dropzone/File/DropzoneRendererTest.php