From fc53b91b0642866d7091f1d7443a86d166872e08 Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Fri, 9 Jun 2017 17:55:52 +0200
Subject: [PATCH] [FIX] web: adapt tests to
 3741603495532e218b66f3cfa0272e4536f1cf2c

The datepicker is now forced to be in the <body/>, so the tests had to
search it in there.
---
 .../static/tests/fields/basic_fields_tests.js | 90 +++++++++----------
 .../tests/fields/relational_fields_tests.js   | 10 +--
 addons/web/views/webclient_templates.xml      |  3 +
 3 files changed, 53 insertions(+), 50 deletions(-)

diff --git a/addons/web/static/tests/fields/basic_fields_tests.js b/addons/web/static/tests/fields/basic_fields_tests.js
index 07d13fbe93a..4b850b26d34 100644
--- a/addons/web/static/tests/fields/basic_fields_tests.js
+++ b/addons/web/static/tests/fields/basic_fields_tests.js
@@ -1378,14 +1378,14 @@ QUnit.module('basic_fields', {
 
         // click on the input and select another value
         form.$('.o_datepicker_input').click();
-        assert.ok(form.$('.bootstrap-datetimepicker-widget').length, 'datepicker should be open');
-        assert.strictEqual(form.$('.day.active').data('day'), '02/03/2017', 'datepicker should be highlight February 3');
-        form.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
-        form.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
-        form.$('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
-        form.$('.bootstrap-datetimepicker-widget .month').eq(1).click();  // February
-        form.$('.day:contains(22)').click(); // select the 22 February
-        assert.ok(!form.$('.bootstrap-datetimepicker-widget').length, 'datepicker should be closed');
+        assert.ok($('.bootstrap-datetimepicker-widget').length, 'datepicker should be open');
+        assert.strictEqual($('.day.active').data('day'), '02/03/2017', 'datepicker should be highlight February 3');
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
+        $('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
+        $('.bootstrap-datetimepicker-widget .month').eq(1).click();  // February
+        $('.day:contains(22)').click(); // select the 22 February
+        assert.ok(!$('.bootstrap-datetimepicker-widget').length, 'datepicker should be closed');
         assert.strictEqual(form.$('.o_datepicker_input').val(), '02/22/2017',
             'the selected date should be displayed in the input');
 
@@ -1430,13 +1430,13 @@ QUnit.module('basic_fields', {
 
         // click on the input and select another value
         list.$('input.o_datepicker_input').click();
-        assert.ok(list.$('.bootstrap-datetimepicker-widget').length, 'datepicker should be open');
-        list.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
-        list.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
-        list.$('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
-        list.$('.bootstrap-datetimepicker-widget .month').eq(1).click();  // February
-        list.$('.day:contains(22)').click(); // select the 22 February
-        assert.ok(!list.$('.bootstrap-datetimepicker-widget').length, 'datepicker should be closed');
+        assert.ok($('.bootstrap-datetimepicker-widget').length, 'datepicker should be open');
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
+        $('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
+        $('.bootstrap-datetimepicker-widget .month').eq(1).click();  // February
+        $('.day:contains(22)').click(); // select the 22 February
+        assert.ok(!$('.bootstrap-datetimepicker-widget').length, 'datepicker should be closed');
         assert.strictEqual(list.$('.o_datepicker_input').val(), '02/22/2017',
             'the selected date should be displayed in the input');
 
@@ -1513,21 +1513,21 @@ QUnit.module('basic_fields', {
             'the datetime should be correct in edit mode');
         // click on the input and select 22 February at 8:23:33
         form.$('.o_datepicker_input').click();
-        assert.ok(form.$('.bootstrap-datetimepicker-widget').length, 'datepicker should be open');
-        form.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
-        form.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
-        form.$('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
-        form.$('.bootstrap-datetimepicker-widget .month').eq(3).click();  // April
-        form.$('.bootstrap-datetimepicker-widget .day:contains(22)').click();
-        form.$('.bootstrap-datetimepicker-widget .fa-clock-o').click();
-        form.$('.bootstrap-datetimepicker-widget .timepicker-hour').click();
-        form.$('.bootstrap-datetimepicker-widget .hour:contains(08)').click();
-        form.$('.bootstrap-datetimepicker-widget .timepicker-minute').click();
-        form.$('.bootstrap-datetimepicker-widget .minute:contains(25)').click();
-        form.$('.bootstrap-datetimepicker-widget .timepicker-second').click();
-        form.$('.bootstrap-datetimepicker-widget .second:contains(35)').click();
-        form.$('.bootstrap-datetimepicker-widget .fa-times').click();  // close
-        assert.ok(!form.$('.bootstrap-datetimepicker-widget').length, 'datepicker should be closed');
+        assert.ok($('.bootstrap-datetimepicker-widget').length, 'datepicker should be open');
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
+        $('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
+        $('.bootstrap-datetimepicker-widget .month').eq(3).click();  // April
+        $('.bootstrap-datetimepicker-widget .day:contains(22)').click();
+        $('.bootstrap-datetimepicker-widget .fa-clock-o').click();
+        $('.bootstrap-datetimepicker-widget .timepicker-hour').click();
+        $('.bootstrap-datetimepicker-widget .hour:contains(08)').click();
+        $('.bootstrap-datetimepicker-widget .timepicker-minute').click();
+        $('.bootstrap-datetimepicker-widget .minute:contains(25)').click();
+        $('.bootstrap-datetimepicker-widget .timepicker-second').click();
+        $('.bootstrap-datetimepicker-widget .second:contains(35)').click();
+        $('.bootstrap-datetimepicker-widget .fa-times').click();  // close
+        assert.ok(!$('.bootstrap-datetimepicker-widget').length, 'datepicker should be closed');
 
         var newExpectedDateString = "04/22/2017 08:25:35";
         assert.strictEqual(form.$('.o_datepicker_input').val(), newExpectedDateString,
@@ -1578,21 +1578,21 @@ QUnit.module('basic_fields', {
 
         // click on the input and select 22 February at 8:23:33
         list.$('input.o_datepicker_input').click();
-        assert.ok(list.$('.bootstrap-datetimepicker-widget').length, 'datepicker should be open');
-        list.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
-        list.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
-        list.$('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
-        list.$('.bootstrap-datetimepicker-widget .month').eq(3).click();  // April
-        list.$('.bootstrap-datetimepicker-widget .day:contains(22)').click();
-        list.$('.bootstrap-datetimepicker-widget .fa-clock-o').click();
-        list.$('.bootstrap-datetimepicker-widget .timepicker-hour').click();
-        list.$('.bootstrap-datetimepicker-widget .hour:contains(08)').click();
-        list.$('.bootstrap-datetimepicker-widget .timepicker-minute').click();
-        list.$('.bootstrap-datetimepicker-widget .minute:contains(25)').click();
-        list.$('.bootstrap-datetimepicker-widget .timepicker-second').click();
-        list.$('.bootstrap-datetimepicker-widget .second:contains(35)').click();
-        list.$('.bootstrap-datetimepicker-widget .fa-times').click();  // close
-        assert.ok(!list.$('.bootstrap-datetimepicker-widget').length, 'datepicker should be closed');
+        assert.ok($('.bootstrap-datetimepicker-widget').length, 'datepicker should be open');
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
+        $('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
+        $('.bootstrap-datetimepicker-widget .month').eq(3).click();  // April
+        $('.bootstrap-datetimepicker-widget .day:contains(22)').click();
+        $('.bootstrap-datetimepicker-widget .fa-clock-o').click();
+        $('.bootstrap-datetimepicker-widget .timepicker-hour').click();
+        $('.bootstrap-datetimepicker-widget .hour:contains(08)').click();
+        $('.bootstrap-datetimepicker-widget .timepicker-minute').click();
+        $('.bootstrap-datetimepicker-widget .minute:contains(25)').click();
+        $('.bootstrap-datetimepicker-widget .timepicker-second').click();
+        $('.bootstrap-datetimepicker-widget .second:contains(35)').click();
+        $('.bootstrap-datetimepicker-widget .fa-times').click();  // close
+        assert.ok(!$('.bootstrap-datetimepicker-widget').length, 'datepicker should be closed');
 
         var newExpectedDateString = "04/22/2017 08:25:35";
         assert.strictEqual(list.$('.o_datepicker_input').val(), newExpectedDateString,
diff --git a/addons/web/static/tests/fields/relational_fields_tests.js b/addons/web/static/tests/fields/relational_fields_tests.js
index 127d5761fd2..559a9387baa 100644
--- a/addons/web/static/tests/fields/relational_fields_tests.js
+++ b/addons/web/static/tests/fields/relational_fields_tests.js
@@ -2313,11 +2313,11 @@ QUnit.module('relational_fields', {
 
         form.$('td:contains(01/25/2017)').click();
         form.$('.o_datepicker_input').click();
-        form.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
-        form.$('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
-        form.$('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
-        form.$('.bootstrap-datetimepicker-widget .month').eq(1).click();  // February
-        form.$('.day:contains(22)').click(); // select the 22 February
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Month selection
+        $('.bootstrap-datetimepicker-widget .picker-switch').first().click();  // Year selection
+        $('.bootstrap-datetimepicker-widget .year:contains(2017)').click();
+        $('.bootstrap-datetimepicker-widget .month').eq(1).click();  // February
+        $('.day:contains(22)').click(); // select the 22 February
 
         form.$buttons.find('.o_form_button_save').click();
 
diff --git a/addons/web/views/webclient_templates.xml b/addons/web/views/webclient_templates.xml
index 5a517e82f21..576c09b4c99 100644
--- a/addons/web/views/webclient_templates.xml
+++ b/addons/web/views/webclient_templates.xml
@@ -408,6 +408,9 @@
                 </script>
 
                 <style>
+                    body {
+                        position: relative; // bootstrap-datepicker needs this
+                    }
                     body:not(.debug) .modal-backdrop, body:not(.debug) .modal, body:not(.debug) .ui-autocomplete {
                         opacity: 0 !important;
                     }