Hacking Facebook lecture TWP45

[AngelaRemolina]

Summary

This PR closes AngelaRemolina#8 :

1. A new Brython module for Runestone was implemented. That is why the requirements.txt file is changed to load the customized Runestone version.
   To do the runestone component the following steps were followed:

• A file called activecode_brython.js was created with a html template that loads the Brython and attach the code to it: Add the html elements as a template needed for Brython AngelaRemolina/RunestoneComponents#4
• All the needed files where modified to include the python3_interpreter as an activecode option: Python3_interpreter activecode directive AngelaRemolina/RunestoneComponents#5
• (Still in progress and looking for alteranative to not overwrite the console.log function) A console to see print() and errors is being built: Console displaying errors and prints in a <pre> tag AngelaRemolina/RunestoneComponents#11

2. A proof exercise of the lecture TWP45 "Hackeando Facebook con Python", was made using the new Brython module

This PR also resolves AngelaRemolina#7 with a playwright test that checks the image is displayed correctly.

Note: Exercises that did not work due to access to the Facebook API have been removed. More exercises still need to be implemented in this lecture on the future.

Checklist

• Variables, functions and comments are translated to Spanish
• Functions follow underscore notation
• Spell check done & typos fixed
• All python code is PEP8 compliant
• Test coverage with Playwright implemented; locators are Pyhton code
• Reviewers assigned (all peers & at least 1 mentor)

Note: Only the iframe locator is with XPath. I wasn't able to locate it other way but I'm sure that XPath won't change because of the runestone template for activecode blocks. If you have any suggestion I'd be happy to implement them :)

Screenshots

test_l45_1_chromium.mp4

[github-actions]

Published to http://pyar.github.io/PyZombis/102/index.html

[LeoCumpli21]

Wow! It is amazing. With this implemented we can begin to explore the lectures that currently don't work. Well done :)

[y-martinez]

Nice! it works like a charm. Like I said before, maybe will be great to change the name the lecture to another one :)

[AngelaRemolina]

Nice! it works like a charm. Like I said before, maybe will be great to change the name the lecture to another one :)

Yes, I think in the future when more exercises are added to this lecture, we can change its name :)

[Devilish19]

Nice

[NicolasSandoval]

This is a marvelous work, congrats!