Merge pull request #22222 from overleaf/td-thin-footer-react

Implement thin footer in Bootstrap 5

GitOrigin-RevId: c45f63b3d2536e6266eb55cc95df11b53a6b77ec
This commit is contained in:
Tim Down
2024-12-17 09:05:23 +00:00
committed by Copybot
parent 0c40841d9f
commit 79e4b76551
33 changed files with 294 additions and 147 deletions
@@ -10,6 +10,7 @@ describe('LanguagePicker', function () {
currentLangCode: 'en',
})
window.metaAttributesCache.set('ol-footer', {
showThinFooter: false,
translatedLanguages: {
en: 'English',
fr: 'Français',
@@ -26,12 +27,12 @@ describe('LanguagePicker', function () {
})
it('renders the language picker with the current language', function () {
cy.mount(<LanguagePicker />)
cy.mount(<LanguagePicker showHeader />)
cy.get('#language-picker-toggle').should('contain', 'English')
})
it('opens the dropdown and lists available languages', function () {
cy.mount(<LanguagePicker />)
cy.mount(<LanguagePicker showHeader />)
cy.get('#language-picker-toggle').click()
cy.get('.dropdown-menu').within(() => {
@@ -42,7 +43,7 @@ describe('LanguagePicker', function () {
})
it('changes the language and updates the URL when a language is selected', function () {
cy.mount(<LanguagePicker />)
cy.mount(<LanguagePicker showHeader />)
cy.get('#language-picker-toggle').should('exist').click()
cy.contains('Français').click()
cy.url().should('include', 'fr.overleaf.com')