24d00f7c39
* Disable increment/decrement when range prices undefined * Enable full-range price selection for new pools * Add cypress tests * Fix lint error
103 lines
4.7 KiB
TypeScript
103 lines
4.7 KiB
TypeScript
import { CyHttpMessages } from 'cypress/types/net-stubbing'
|
|
|
|
import { aliasQuery, hasQuery } from '../utils/graphql-test-utils'
|
|
|
|
describe('Add Liquidity', () => {
|
|
beforeEach(() => {
|
|
cy.intercept('POST', '/subgraphs/name/uniswap/uniswap-v3', (req) => {
|
|
aliasQuery(req, 'feeTierDistribution')
|
|
})
|
|
})
|
|
|
|
it('loads the token pair', () => {
|
|
cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/ETH/500')
|
|
cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'UNI')
|
|
cy.get('#add-liquidity-input-tokenb .token-symbol-container').should('contain.text', 'ETH')
|
|
cy.contains('0.05% fee tier')
|
|
})
|
|
|
|
it('does not crash if token is duplicated', () => {
|
|
cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
|
|
cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'UNI')
|
|
cy.get('#add-liquidity-input-tokenb .token-symbol-container').should('not.contain.text', 'UNI')
|
|
})
|
|
|
|
it('single token can be selected', () => {
|
|
cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984')
|
|
cy.get('#add-liquidity-input-tokena .token-symbol-container').should('contain.text', 'UNI')
|
|
})
|
|
|
|
it('loads fee tier distribution', () => {
|
|
cy.fixture('feeTierDistribution.json').then((feeTierDistribution) => {
|
|
cy.intercept('POST', '/subgraphs/name/uniswap/uniswap-v3', (req: CyHttpMessages.IncomingHttpRequest) => {
|
|
if (hasQuery(req, 'FeeTierDistribution')) {
|
|
req.alias = 'FeeTierDistribution'
|
|
|
|
req.reply({
|
|
body: {
|
|
data: {
|
|
...feeTierDistribution,
|
|
},
|
|
},
|
|
headers: {
|
|
'access-control-allow-origin': '*',
|
|
},
|
|
})
|
|
}
|
|
})
|
|
|
|
cy.visit('/add/0x1f9840a85d5aF5bf1D1762F925BDADdC4201F984/ETH')
|
|
cy.wait('@FeeTierDistribution')
|
|
cy.get('#add-liquidity-selected-fee .selected-fee-label').should('contain.text', '0.3% fee tier')
|
|
cy.get('#add-liquidity-selected-fee .selected-fee-percentage').should('contain.text', '40% select')
|
|
})
|
|
})
|
|
|
|
it('disables increment and decrement until initial prices are inputted', () => {
|
|
// ETH / BITCOIN pool (0.05% tier not created)
|
|
cy.visit('/add/ETH/0x72e4f9F808C49A2a61dE9C5896298920Dc4EEEa9/500')
|
|
// Set starting price in order to enable price range step counters
|
|
cy.get('.start-price-input').type('1000')
|
|
|
|
// Min Price increment / decrement buttons should be disabled
|
|
cy.get('[data-testid="increment-price-range"]').eq(0).should('be.disabled')
|
|
cy.get('[data-testid="decrement-price-range"]').eq(0).should('be.disabled')
|
|
// Enter min price, which should enable the buttons
|
|
cy.get('.rate-input-0').eq(0).type('900').blur()
|
|
cy.get('[data-testid="increment-price-range"]').eq(0).should('not.be.disabled')
|
|
cy.get('[data-testid="decrement-price-range"]').eq(0).should('not.be.disabled')
|
|
|
|
// Repeat for Max Price step counter
|
|
cy.get('[data-testid="increment-price-range"]').eq(1).should('be.disabled')
|
|
cy.get('[data-testid="decrement-price-range"]').eq(1).should('be.disabled')
|
|
// Enter max price, which should enable the buttons
|
|
cy.get('.rate-input-0').eq(1).type('1100').blur()
|
|
cy.get('[data-testid="increment-price-range"]').eq(1).should('not.be.disabled')
|
|
cy.get('[data-testid="decrement-price-range"]').eq(1).should('not.be.disabled')
|
|
})
|
|
|
|
it('allows full range selection on new pool creation', () => {
|
|
// ETH / BITCOIN pool (0.05% tier not created)
|
|
cy.visit('/add/ETH/0x72e4f9F808C49A2a61dE9C5896298920Dc4EEEa9/500')
|
|
// Set starting price in order to enable price range step counters
|
|
cy.get('.start-price-input').type('1000')
|
|
cy.get('[data-testid="set-full-range"]').click()
|
|
// Check that the min price is 0 and the max price is infinity
|
|
cy.get('.rate-input-0').eq(0).should('have.value', '0')
|
|
cy.get('.rate-input-0').eq(1).should('have.value', '∞')
|
|
// Increment and decrement buttons are disabled when full range is selected
|
|
cy.get('[data-testid="increment-price-range"]').eq(0).should('be.disabled')
|
|
cy.get('[data-testid="decrement-price-range"]').eq(0).should('be.disabled')
|
|
cy.get('[data-testid="increment-price-range"]').eq(1).should('be.disabled')
|
|
cy.get('[data-testid="decrement-price-range"]').eq(1).should('be.disabled')
|
|
// Check that url params were added
|
|
cy.url().then((url) => {
|
|
const params = new URLSearchParams(url)
|
|
const minPrice = params.get('minPrice')
|
|
const maxPrice = params.get('maxPrice')
|
|
// Note: although 0 and ∞ displayed, actual values in query are ticks at limit
|
|
return minPrice && maxPrice && parseFloat(minPrice) < parseFloat(maxPrice)
|
|
})
|
|
})
|
|
})
|