[MDL-64967] Behat: Mobile app testing does not load CSS files from plugins/site - Moodle Tracker

XML

Word

Printable

Details

Type: Bug
Status: Closed
Priority: Minor
Resolution: Fixed
Affects Version/s: 3.7
Fix Version/s: 3.7
Component/s: Automated functional tests (behat)
Labels:
- ci

Affected Branches:
MOODLE_37_STABLE
Fixed Branches:
MOODLE_37_STABLE
Pull from Repository:
https://github.com/sammarshallou/moodle.git
Pull Master Branch:
~~MDL-64967~~-master
Pull Master Diff URL:
https://github.com/sammarshallou/moodle/compare/master...MDL-64967-master
Testing Instructions:
Hide

You must have a developer setup with Behat working, including Behat mobile app testing, with a Chrome browser profile - see https://docs.moodle.org/dev/Acceptance_testing_for_the_mobile_app

There are 2 test files attached to this issue, mdl64967.feature and .css. Download both these files.

Put the files into lib/tests/behat folder.

Edit the .feature file - there is a line about mobilecssurl. Change this line so that the URL is correct for your server.

Run Behat init (php admin/tool/behat/cli/init.php)

Look at the reported location for the behat.yml file, and open the file

In the file, scroll down until you find the Chrome profile area (beginning 'chrome:' at the start of a line).

This should include under 'switches:' the switch '--disable-web-security'.

Run Behat using a command line like: vendor/bin/behat --config PATH-TO-BEHAT-YML --profile=chrome --tags=mdl64967

This test should pass. (The test checks that the CSS file has taken effect.)

You also might notice that the header stripe has a pink-black gradient.
Show
You must have a developer setup with Behat working, including Behat mobile app testing, with a Chrome browser profile - see https://docs.moodle.org/dev/Acceptance_testing_for_the_mobile_app There are 2 test files attached to this issue, mdl64967.feature and .css. Download both these files. Put the files into lib/tests/behat folder. Edit the .feature file - there is a line about mobilecssurl. Change this line so that the URL is correct for your server. Run Behat init (php admin/tool/behat/cli/init.php) Look at the reported location for the behat.yml file, and open the file In the file, scroll down until you find the Chrome profile area (beginning 'chrome:' at the start of a line). This should include under 'switches:' the switch '--disable-web-security'. Run Behat using a command line like: vendor/bin/behat --config PATH-TO-BEHAT-YML --profile=chrome --tags=mdl64967 This test should pass. (The test checks that the CSS file has taken effect.) You also might notice that the header stripe has a pink-black gradient.

Description

When doing Behat testing of the mobile app, due to CORS security rules, the 'app' is not able to load CSS (and some other) files from the Moodle server on localhost. This includes the site-wide CSS if specified, and plugin CSS.

The solution is simple, we need to ensure that Chrome web security is disabled for the Behat instance via the --disable-web-security flag.

Attachments

- Sort By Name
- Sort By Date
- Ascending
- Descending
- Thumbnails
- List
- Download All

mdl64967.css
0.2 kB
28/Feb/19 12:27 AM
mdl64967.feature
0.5 kB
28/Feb/19 12:27 AM

Issue Links

has a non-specific relationship to

MDL-63977 Allow Behat testing of mobile app features and plugins

Closed

has been marked as being related by

MDL-68525 Behat broken since MDL-67317 + Chrome 81 using $CFG->behat_profiles as in the docs

Closed

Activity

People

Assignee:: Sam Marshall

Reporter:: Sam Marshall

Peer reviewer:: Mark Johnson

Integrator:: Andrew Lyons

Tester:: Jake Dallimore

Participants:: Andrew Lyons, CiBoT, Eloy Lafuente (stronk7), Jake Dallimore, Juan Leyva, Mark Johnson, Sam Marshall

Component watchers:

Votes:: 0 Vote for this issue

Watchers:: 6 Start watching this issue

Dates

Created:: 27/Feb/19 10:53 PM

Updated:: 27/Apr/20 2:37 AM

Resolved:: 08/Mar/19 12:54 AM

Fix Release Date:: 20/May/19

Time Tracking

Estimated:

Not Specified

Remaining:

Logged:

2h 30m