chore: check tailwindcss integration with github repo #62
Workflow file for this run
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: TailwindCSS integration test | |
| on: | |
| pull_request: | |
| branches: | |
| - main | |
| push: | |
| branches: | |
| - main | |
| jobs: | |
| tailwindcss_integration_test: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@v4 | |
| with: | |
| repository: avo-hq/avo_tailwindcss_test_repo | |
| - uses: actions/cache@v3 | |
| with: | |
| path: vendor/bundle | |
| key: ${{ runner.os }}-test-gems-${{ hashFiles('**/Gemfile.lock') }} | |
| restore-keys: | | |
| ${{ runner.os }}-test-gems-${{ hashFiles('**/Gemfile.lock') }} | |
| - name: Set up Ruby | |
| uses: ruby/setup-ruby@v1 | |
| with: | |
| bundler: default | |
| ruby-version: 3.3.0 | |
| - name: Bundle install | |
| run: | | |
| bundle config path vendor/bundle | |
| bundle install --jobs 4 --retry 3 | |
| - name: Add Avo | |
| run: | | |
| bundle add "avo" --git='https://github.com/avo-hq/avo.git' --ref="${{ github.sha }}" | |
| bundle install | |
| bin/rails generate avo:install | |
| bundle exec rake avo:build-assets | |
| - name: Add the TailwindCSS integration | |
| run: | | |
| yarn init --yes | |
| bin/rails generate avo:tailwindcss:install | |
| bin/rails generate avo:tool custom_tool | |
| - name: Add custom CSS | |
| run: | | |
| echo '<div class="aspect-video break-before-avoid float-end order-9 col-end-13 box-decoration-slice bg-gradient-to-r from-indigo-600 to-pink-500 text-white text-2xl font-bold">Test<br>DIV</div>' >> ./app/views/avo/tools/custom_tool.html.erb | |
| - name: Compile assets | |
| run: | | |
| rake assets:precompile | |
| - name: Write test file | |
| uses: DamianReeves/write-file-action@master | |
| with: | |
| path: ${{github.workspace}}/test.rb | |
| contents: | | |
| #!/usr/bin/env ruby | |
| def get_compiled_file_contents | |
| asset_name = 'avo.tailwind' | |
| compiled_assets_path = File.join(File.dirname(__FILE__), 'public', 'assets').to_s | |
| # Find the compiled file with a matching name | |
| compiled_file = Dir[File.join(compiled_assets_path, "#{asset_name}-*")].first | |
| # Read the contents of the file, if it exists | |
| if compiled_file | |
| File.read(compiled_file) | |
| else | |
| # Handle the case where the file is not found | |
| raise "Compiled file for '#{asset_name}' not found." | |
| end | |
| end | |
| # Classes that are available in custom_tool.html.erb and most likely not available in the base Avo bundle | |
| test_classes = %w(aspect-video break-before-avoid float-end order-9 col-end-13 box-decoration-slice bg-gradient-to-r from-indigo-600 to-pink-500) | |
| contents = get_compiled_file_contents | |
| # Test if the built assets containe these classes | |
| test_classes.each do |class_name| | |
| raise "Failed to find the custom classes." unless contents.include?(class_name) | |
| end | |
| write-mode: append | |
| - name: PWD | |
| run: | | |
| ls -la ./ | |
| ls -la ./public | |
| ls -la ./public/assets | |
| - name: Run test | |
| run: | | |
| ruby ${{github.workspace}}/test.rb |