Merge pull request #2986 from nextcloud/artonge/feat/add_filter_in_timeline

Author: artonge

css/PlaceContent-Bea6MiIT.chunk.css

@@ -0,0 +1,71 @@
+/**
+ * SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { navigateToTimeline } from './timelines.ts'
+import { setupPhotosTests } from './photosUtils.ts'
+import type { User } from '@nextcloud/cypress'
+
+const resizeObserverLoopErrRe = /^[^(ResizeObserver loop limit exceeded)]/
+Cypress.on('uncaught:exception', (err) => {
+	/* returning false here prevents Cypress from failing the test */
+	if (resizeObserverLoopErrRe.test(err.message)) {
+		return false
+	}
+})
+
+let alice: User
+
+describe('View list of photos in the main timeline', () => {
+	before(() => {
+		setupPhotosTests()
+		.then((setupInfo) => {
+			alice = setupInfo.alice
+		})
+	})
+
+	beforeEach(() => {
+		cy.login(alice)
+		cy.visit('/apps/photos')
+	})
+
+	it('Apply date range filter to timeline', () => {
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').type('2020-01-01 ~ 2020-12-31{enter}', { scrollBehavior: 'nearest' })
+		cy.get('[data-test="media"]').should('have.length', 2)
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').clear()
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').type('{enter}')
+		cy.get('[data-test="media"]').should('have.length', 5)
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+	})
+
+	// TODO: Needs https://github.com/nextcloud/server/pull/52542 to work
+	xit('Apply places filter to timeline', () => {
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-cy-timeline-filters="places"] input[type="search"]').type('Lauris{enter}', { scrollBehavior: 'nearest' })
+		cy.get('[data-test="media"]').should('have.length', 1)
+		cy.get('[data-cy-timeline-filters="places"] input[type="search"]').type('Annot{enter}', { scrollBehavior: 'nearest' })
+		cy.get('[data-test="media"]').should('have.length', 2)
+		cy.get('[data-cy-timeline-filters="places"] input[type="search"]').clear()
+		cy.get('[data-test="media"]').should('have.length', 5)
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+	})
+
+	it('Toggling filters resets filters', () => {
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').type('2020-01-01 ~ 2020-12-31{enter}', { scrollBehavior: 'nearest' })
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-test="media"]').should('have.length', 5)
+	})
+
+	it('Changing view resets filters', () => {
+		cy.get('[data-cy-timeline-action="toggle-filters"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"]').click()
+		cy.get('[data-cy-timeline-filters="date-range"] input[name="date"]').type('2020-01-01 ~ 2020-12-31{enter}', { scrollBehavior: 'nearest' })
+		navigateToTimeline('photos')
+		cy.get('[data-test="media"]').should('have.length', 5)
+	})
+
+})

css/PlaceContent-gJoRN5KB.chunk.css

@@ -0,0 +1,2 @@
+import{d as t}from"./vue.runtime.esm-C8-0a0Ou.chunk.mjs";const a=t({name:"AbortControllerMixin",data(){return{abortController:new AbortController}},methods:{abortPendingRequest(){this.abortController.abort(),this.abortController=new AbortController}},beforeDestroy(){this.abortController.abort()},beforeRouteLeave(r,e,o){this.abortPendingRequest(),o()}});export{a as A};
+//# sourceMappingURL=AbortControllerMixin-D4w_j-jP.chunk.mjs.map