diff --git a/calendar/tests/behat/behat_calendar.php b/calendar/tests/behat/behat_calendar.php
index 82cd26a8423..9eded3cc10c 100644
--- a/calendar/tests/behat/behat_calendar.php
+++ b/calendar/tests/behat/behat_calendar.php
@@ -40,7 +40,7 @@ use Behat\Gherkin\Node\TableNode as TableNode;
 class behat_calendar extends behat_base {
 
     /**
-     * Create event.
+     * Create event when starting on the front page.
      *
      * @Given /^I create a calendar event with form data:$/
      * @param TableNode $data
@@ -53,10 +53,60 @@ class behat_calendar extends behat_base {
 
         return array(
             new Given('I follow "' . get_string('monththis', 'calendar') . '"'),
+            new Given('I create a calendar event:', $data),
+        );
+    }
+
+    /**
+     * Create event.
+     *
+     * @Given /^I create a calendar event:$/
+     * @param TableNode $data
+     * @return array the list of actions to perform
+     */
+    public function i_create_a_calendar_event($data) {
+        // Get the event name.
+        $eventname = $data->getRow(1);
+        $eventname = $eventname[1];
+
+        return array(
             new Given('I click on "' . get_string('newevent', 'calendar') .'" "button"'),
             new Given('I set the following fields to these values:', $data),
             new Given('I press "' . get_string('savechanges') . '"'),
             new Given('I should see "' . $eventname . '"')
         );
     }
-}
\ No newline at end of file
+
+    /**
+     * Hover over a specific day in the calendar.
+     *
+     * @Given /^I hover over day "(?P<dayofmonth>\d+)" of this month in the calendar$/
+     * @param int $day The day of the current month
+     * @return Given[]
+     */
+    public function i_hover_over_day_of_this_month_in_calendar($day) {
+        $summarytitle = get_string('calendarheading', 'calendar', userdate(time(), get_string('strftimemonthyear')));
+        // The current month table.
+        $currentmonth = "table[contains(concat(' ', normalize-space(@summary), ' '), ' {$summarytitle} ')]";
+
+        // Strings for the class cell match.
+        $cellclasses  = "contains(concat(' ', normalize-space(@class), ' '), ' day ')";
+        $daycontains  = "text()[contains(concat(' ', normalize-space(.), ' '), ' {$day} ')]";
+        $daycell      = "td[{$cellclasses}]";
+        $dayofmonth   = "a[{$daycontains}]";
+        return array(
+            new Given('I hover "//' . $currentmonth . '/descendant::' . $daycell . '/' . $dayofmonth . '" "xpath_element"'),
+        );
+    }
+
+    /**
+     * Hover over today in the calendar.
+     *
+     * @Given /^I hover over today in the calendar$/
+     * @return Given[]
+     */
+    public function i_hover_over_today_in_the_calendar() {
+        $todaysday = trim(strftime('%e'));
+        return $this->i_hover_over_day_of_this_month_in_calendar($todaysday);
+    }
+}
diff --git a/calendar/tests/behat/minicalendar.feature b/calendar/tests/behat/minicalendar.feature
new file mode 100644
index 00000000000..823e1b2c7e9
--- /dev/null
+++ b/calendar/tests/behat/minicalendar.feature
@@ -0,0 +1,48 @@
+@core @core_calendar @arn
+Feature: Open calendar popup
+  In order to view calendar information
+  As a user
+  I need to interact with the calendar
+
+  Background:
+    Given the following "users" exist:
+      | username | firstname | lastname | email |
+      | student1 | Student | 1 | student1@asd.com |
+    And the following "courses" exist:
+      | fullname | shortname | format |
+      | Course 1 | C1 | topics |
+    And the following "course enrolments" exist:
+      | user | course | role |
+      | student1 | C1 | student |
+    And I log in as "admin"
+
+  @javascript
+  Scenario: I view calendar details of a day with multiple events
+    Given I follow "This month"
+    And I create a calendar event:
+      | Type of event     | site |
+      | Event title       | Event 1:1 |
+      | timestart[day]    | 1  |
+    And I create a calendar event:
+      | Type of event     | site |
+      | Event title       | Event 1:2 |
+      | timestart[day]    | 1  |
+    When I hover over day "1" of this month in the calendar
+    Then I should see "Event 1:1"
+    And I should see "Event 1:2"
+    And I follow "Home"
+    And I hover over day "1" of this month in the calendar
+    And I should see "Event 1:1"
+    And I should see "Event 1:2"
+
+  @javascript
+  Scenario: I view calendar details for today
+    Given I follow "This month"
+    And I create a calendar event:
+      | Type of event     | site |
+      | Event title       | Today's event |
+    When I hover over today in the calendar
+    Then I should see "Today's event"
+    And I follow "Home"
+    And I hover over today in the calendar
+    And I should see "Today's event"