Add methods for activating and deactivating Design Mode

Author: mdmintz

help_docs/method_summary.md

@@ -193,6 +193,10 @@ self.wait_for_angularjs(timeout=None)
 self.sleep(seconds)
 # Duplicates: self.wait(seconds)
 
+self.activate_design_mode()
+
+self.deactivate_design_mode()
+
 self.activate_jquery()
 
 self.bring_to_front(selector, by=By.CSS_SELECTOR)

seleniumbase/fixtures/base_case.py

@@ -2050,6 +2050,17 @@ def sleep(self, seconds):
                     break
                 time.sleep(0.2)
 
+    def activate_design_mode(self):
+        # Activate Chrome's Design Mode, which lets you edit a site directly.
+        # See: https://twitter.com/sulco/status/1177559150563344384
+        script = ("""document.designMode = 'on';""")
+        self.execute_script(script)
+
+    def deactivate_design_mode(self):
+        # Deactivate Chrome's Design Mode.
+        script = ("""document.designMode = 'off';""")
+        self.execute_script(script)
+
     def activate_jquery(self):
         """ If "jQuery is not defined", use this method to activate it for use.
             This happens because jQuery is not always defined on web sites. """