JavaScript Tests for Joomla4 - Revision history

Cmb: Several more markup changes.

2022-10-17T21:03:51Z

Several more markup changes.

Show changes

Cmb: Some markup changes. Corrected one URL.

2022-09-05T20:34:49Z

Some markup changes. Corrected one URL.

Show changes

Sandra97: Marked this version for translation

2018-03-30T12:28:47Z

Marked this version for translation

← Older revision		Revision as of 12:28, 30 March 2018
Line 8:		Line 8:
	Joomla! 4.x core currently has some custom written JavaScript libraries used in performing various tasks. This documentation is about the environment setup used in Joomla! 4.x for testing those JavaScript libraries and how to write new tests.</translate>		Joomla! 4.x core currently has some custom written JavaScript libraries used in performing various tasks. This documentation is about the environment setup used in Joomla! 4.x for testing those JavaScript libraries and how to write new tests.</translate>

	<translate>You can find the current version of the tests on Github.com in the repo https://github.com/joomla/test-javascript.</translate>		<translate><!--T:37--> You can find the current version of the tests on Github.com in the repo https://github.com/joomla/test-javascript.</translate>

	<translate><!--T:3--> When you checkout the 4.0-dev branch of [https://github.com/joomla/joomla-cms Joomla] from Github.com, you will see a folder named ''"tests"'' which contains a folder named ''"javascript"''. This ''"javascript"'' folder contains the JavaScript tests written to cover the aforementioned JavaScript libraries. The tests are written using the Jasmine framework, Karma is used as the test runner and the tests are run on a Firefox web browser.</translate>		<translate><!--T:3--> When you checkout the 4.0-dev branch of [https://github.com/joomla/joomla-cms Joomla] from Github.com, you will see a folder named ''"tests"'' which contains a folder named ''"javascript"''. This ''"javascript"'' folder contains the JavaScript tests written to cover the aforementioned JavaScript libraries. The tests are written using the Jasmine framework, Karma is used as the test runner and the tests are run on a Firefox web browser.</translate>

Sandra97: Marked for translation

2018-03-30T12:28:34Z

Marked for translation

← Older revision		Revision as of 12:28, 30 March 2018
Line 8:		Line 8:
	Joomla! 4.x core currently has some custom written JavaScript libraries used in performing various tasks. This documentation is about the environment setup used in Joomla! 4.x for testing those JavaScript libraries and how to write new tests.</translate>		Joomla! 4.x core currently has some custom written JavaScript libraries used in performing various tasks. This documentation is about the environment setup used in Joomla! 4.x for testing those JavaScript libraries and how to write new tests.</translate>

	You can find the current version of the tests on Github.com in the repo https://github.com/joomla/test-javascript.		<translate>You can find the current version of the tests on Github.com in the repo https://github.com/joomla/test-javascript.</translate>

	<translate><!--T:3--> When you checkout the 4.0-dev branch of [https://github.com/joomla/joomla-cms Joomla] from Github.com, you will see a folder named ''"tests"'' which contains a folder named ''"javascript"''. This ''"javascript"'' folder contains the JavaScript tests written to cover the aforementioned JavaScript libraries. The tests are written using the Jasmine framework, Karma is used as the test runner and the tests are run on a Firefox web browser.</translate>		<translate><!--T:3--> When you checkout the 4.0-dev branch of [https://github.com/joomla/joomla-cms Joomla] from Github.com, you will see a folder named ''"tests"'' which contains a folder named ''"javascript"''. This ''"javascript"'' folder contains the JavaScript tests written to cover the aforementioned JavaScript libraries. The tests are written using the Jasmine framework, Karma is used as the test runner and the tests are run on a Firefox web browser.</translate>
Line 83:		Line 83:

	<translate><!--T:14--> What the above command does is execute <tt>node node_modules/karma/bin/karma start karma.conf.js --single-run</tt> in the background. You can check this specification in the script section of the file <tt>package.json</tt></translate>		<translate><!--T:14--> What the above command does is execute <tt>node node_modules/karma/bin/karma start karma.conf.js --single-run</tt> in the background. You can check this specification in the script section of the file <tt>package.json</tt></translate>

	<translate>		<translate>

	==The magic inside== <!--T:15-->		==The magic inside== <!--T:15-->
	</translate>		</translate>

Astridx at 09:24, 30 March 2018

2018-03-30T09:24:17Z

← Older revision		Revision as of 09:24, 30 March 2018
Line 7:		Line 7:
	For Running JavaScript Tests for the Joomla 3.x please see [[S:MyLanguage/Running_JavaScript_Tests_for_the_Joomla_CMS\|Running JavaScript Tests for the Joomla CMS]].		For Running JavaScript Tests for the Joomla 3.x please see [[S:MyLanguage/Running_JavaScript_Tests_for_the_Joomla_CMS\|Running JavaScript Tests for the Joomla CMS]].
	Joomla! 4.x core currently has some custom written JavaScript libraries used in performing various tasks. This documentation is about the environment setup used in Joomla! 4.x for testing those JavaScript libraries and how to write new tests.</translate>		Joomla! 4.x core currently has some custom written JavaScript libraries used in performing various tasks. This documentation is about the environment setup used in Joomla! 4.x for testing those JavaScript libraries and how to write new tests.</translate>

			You can find the current version of the tests on Github.com in the repo https://github.com/joomla/test-javascript.

	<translate><!--T:3--> When you checkout the 4.0-dev branch of [https://github.com/joomla/joomla-cms Joomla] from Github.com, you will see a folder named ''"tests"'' which contains a folder named ''"javascript"''. This ''"javascript"'' folder contains the JavaScript tests written to cover the aforementioned JavaScript libraries. The tests are written using the Jasmine framework, Karma is used as the test runner and the tests are run on a Firefox web browser.</translate>		<translate><!--T:3--> When you checkout the 4.0-dev branch of [https://github.com/joomla/joomla-cms Joomla] from Github.com, you will see a folder named ''"tests"'' which contains a folder named ''"javascript"''. This ''"javascript"'' folder contains the JavaScript tests written to cover the aforementioned JavaScript libraries. The tests are written using the Jasmine framework, Karma is used as the test runner and the tests are run on a Firefox web browser.</translate>

Astridx at 07:38, 28 March 2018

2018-03-28T07:38:26Z

← Older revision		Revision as of 07:38, 28 March 2018
Line 56:		Line 56:
	<translate>		<translate>
	<!--T:10-->		<!--T:10-->
	This will install all the dependencies to the ''"/node_modules"'' directory. If a ''/node_modules'' folder does not exist, a folder will be automatically created by npm. It is OK, if you see some warnings, but you should not see an error message. This will give you a full setup that might be different from the automated testing setup. For automated testing we are using the drone-package.json. If you are ~~renameing~~ package.json to package.json.save and drone-package.json to package.json before you run npm install you will get a lighter setup and you will using the versions we are using in our automated testing setup.</translate>		This will install all the dependencies to the ''"/node_modules"'' directory. If a ''/node_modules'' folder does not exist, a folder will be automatically created by npm. It is OK, if you see some warnings, but you should not see an error message. This will give you a full setup that might be different from the automated testing setup. For automated testing we are using the drone-package.json. If you are rename package.json to package.json.save and drone-package.json to package.json before you run npm install you will get a lighter setup and you will using the versions we are using in our automated testing setup.</translate>
	<translate>		<translate>
	==Starting the Karma server and running the tests== <!--T:11-->		==Starting the Karma server and running the tests== <!--T:11-->
Line 62:		Line 62:

	<translate><!--T:12--> Execute the command</translate><tt>npm run test</tt> <br />		<translate><!--T:12--> Execute the command</translate><tt>npm run test</tt> <br />
	<translate><!--T:13--> This starts the ~~webserver~~ and a Firefox ~~will automatically open~~. Then the tests would be run and the detailed results will be shown in the command line itself.</translate>		<translate><!--T:13--> This starts the web server and automatically opens the browser Firefox. Then the tests would be run and the detailed results will be shown in the command line itself.</translate>

	<source lang="php">		<source lang="php">

Astridx at 11:45, 17 February 2018

2018-02-17T11:45:56Z

← Older revision		Revision as of 11:45, 17 February 2018
Line 61:		Line 61:
	</translate>		</translate>

	<translate><!--T:12--> Execute the command</translate><tt>npm run ~~javascript-tests~~</tt> <br />		<translate><!--T:12--> Execute the command</translate><tt>npm run test</tt> <br />
	<translate><!--T:13--> This starts the webserver and a Firefox will automatically open. Then the tests would be run and the detailed results will be shown in the command line itself.</translate>		<translate><!--T:13--> This starts the webserver and a Firefox will automatically open. Then the tests would be run and the detailed results will be shown in the command line itself.</translate>

Line 82:		Line 82:
	<translate><!--T:14--> What the above command does is execute <tt>node node_modules/karma/bin/karma start karma.conf.js --single-run</tt> in the background. You can check this specification in the script section of the file <tt>package.json</tt></translate>		<translate><!--T:14--> What the above command does is execute <tt>node node_modules/karma/bin/karma start karma.conf.js --single-run</tt> in the background. You can check this specification in the script section of the file <tt>package.json</tt></translate>
	<translate>		<translate>

	==The magic inside== <!--T:15-->		==The magic inside== <!--T:15-->
	</translate>		</translate>

Sandra97: Marked this version for translation

2018-02-08T20:40:43Z

Marked this version for translation

Show changes

Sandra97 at 20:39, 8 February 2018

2018-02-08T20:39:48Z

← Older revision		Revision as of 20:39, 8 February 2018
Line 292:		Line 292:
	==Code example==		==Code example==
	</translate>		</translate>
	<translate>On the end of the article [[Running_JavaScript_Tests_for_the_Joomla_CMS]] you can find some Code templates. Here you see a code example.</translate>		<translate>On the end of the article [[S:MyLanguage/Running_JavaScript_Tests_for_the_Joomla_CMS\|Running JavaScript Tests for the Joomla CMS]] you can find some Code templates. Here you see a code example.</translate>

	'''spec.js'''		'''spec.js'''

Sandra97: Marked for Translation

2018-02-08T20:37:58Z

Marked for Translation

Show changes